:root{--bg:#0b0d10;--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--gap:clamp(4px, 1vmin, 10px);--radius:clamp(8px, 2vmin, 16px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{overscroll-behavior:none}body{background:var(--bg);font-family:var(--font-sans);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:1.5}.auth-screen{height:100dvh;padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px, env(safe-area-inset-left));background:radial-gradient(60vmax 60vmax at 20% 0%, #3fa3cc24, transparent 60%), radial-gradient(50vmax 50vmax at 90% 100%, #2eb3891f, transparent 60%), var(--bg);place-items:center;display:grid}.auth-card{align-items:center;gap:calc(var(--spacing) * 4);width:min(360px,92vw);padding:calc(var(--spacing) * 6);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;display:flex}.auth-mark{color:#3fa3cc;font-size:clamp(34px,9vmin,52px);line-height:1}.auth-avatar{object-fit:cover;border:2px solid #ffffff40;border-radius:50%;width:clamp(52px,14vmin,76px);height:clamp(52px,14vmin,76px)}.auth-title{color:#fff;letter-spacing:.2px;font-size:clamp(22px,5.5vmin,30px);font-weight:700}.auth-tagline{color:#ffffffa6;font-size:clamp(13px,3.2vmin,15px)}.auth-error{color:#ff8f8f;border-radius:calc(var(--radius) / 2);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);background:#ff5a5a1f;border:1px solid #ff5a5a59;font-size:clamp(12px,3vmin,14px)}.auth-button{width:100%;padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);border-radius:calc(var(--radius) / 1.5);color:#06222c;cursor:pointer;background:linear-gradient(135deg,#3fa3cc,#2eb389);border:0;font-size:clamp(15px,3.8vmin,17px);font-weight:700}.auth-button:active{filter:brightness(1.12);transform:scale(.98)}.auth-link{color:#ffffff8c;cursor:pointer;background:0 0;border:0;font-size:clamp(12px,3vmin,14px);text-decoration:underline}.auth-hint{color:#fff6;font-size:clamp(11px,2.8vmin,12px)}.auth-spinner{border:3px solid #ffffff26;border-top-color:#3fa3cc;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.install-banner{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));width:min(420px,100vw - 24px);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);border-radius:calc(var(--radius) / 1.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffd9;z-index:40;background:#141a20eb;border:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:10px;font-size:clamp(12px,3.1vmin,14px);display:flex;position:fixed;transform:translate(-50%)}.install-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.install-button{color:#06222c;cursor:pointer;background:linear-gradient(135deg,#3fa3cc,#2eb389);border:0;border-radius:8px;padding:8px 14px;font-weight:700}.install-dismiss{color:#ffffff80;cursor:pointer;background:0 0;border:0;padding:6px;font-size:14px}.auth-card--wide{width:min(520px,80vw)}.auth-note{color:#ffffff80;border-radius:calc(var(--radius) / 2);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);border:1px dashed #fff3;font-size:clamp(13px,1.6vmin,15px)}.auth-version{color:#ffffff4d;letter-spacing:.4px;font-size:11px}.signout-chip{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));z-index:60;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffbf;cursor:pointer;background:#141a20d9;border:1px solid #ffffff2e;border-radius:999px;font-size:13px;position:fixed}.signout-chip:active{filter:brightness(1.2);transform:scale(.97)}.tpl-picker{gap:calc(var(--spacing) * 3);flex-direction:column;align-items:center;width:100%;display:flex}.tpl-list{gap:calc(var(--spacing) * 2);flex-direction:column;width:100%;display:flex}.tpl-tile{gap:calc(var(--spacing) * 1);width:100%;padding:calc(var(--spacing) * 3);border-radius:calc(var(--radius) / 1.5);color:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;transition:border-color .15s,background .15s;display:flex}.tpl-tile--selected{background:#3fa3cc26;border-color:#3fa3cc}.tpl-title{font-size:clamp(14px,3.5vmin,16px);font-weight:700}.tpl-desc{color:#ffffff8c;font-size:clamp(12px,3vmin,14px)}.tpl-error{color:#e0713f;font-size:clamp(12px,3vmin,14px)}.signout-button{bottom:calc(env(safe-area-inset-bottom) + 78px);z-index:60}.refresh-button{left:calc(env(safe-area-inset-left) + 138px)}.refresh-button:disabled{opacity:.6;cursor:default}.tedit{z-index:70;background:var(--bg);flex-direction:column;animation:.35s ease-out tedit-flip;display:flex;position:fixed;inset:0}@keyframes tedit-flip{0%{opacity:.4;transform:perspective(1200px)rotateY(-90deg)}to{opacity:1;transform:perspective(1200px)rotateY(0)}}.tedit__header{padding:calc(env(safe-area-inset-top) + 12px) 16px 4px;justify-content:space-between;align-items:center;display:flex}.tedit__title{font-size:18px;font-weight:700}.tedit__close{color:inherit;cursor:pointer;background:#00000038;border:0;border-radius:50%;width:38px;height:38px;font-size:16px}.tedit__status{text-align:center;padding:32px 16px}.tedit__form{padding:12px 16px calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;flex:1;gap:14px;display:flex;overflow-y:auto}.tedit__state{border:1px solid color-mix(in srgb, currentColor 35%, transparent);color:inherit;cursor:pointer;background:#00000024;border-radius:12px;padding:14px;font-size:16px;font-weight:600}.tedit__state--done{background:#0000004d}.tedit__field{border:1px solid color-mix(in srgb, currentColor 25%, transparent);color:inherit;background:#0000002e;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:16px}.tedit__field::placeholder{color:color-mix(in srgb, currentColor 45%, transparent)}.tedit__titleField{font-size:18px;font-weight:600}.tedit__textarea{resize:vertical;min-height:84px}.tedit__priority{gap:10px;display:flex}.tedit__prio{border:1px solid color-mix(in srgb, currentColor 30%, transparent);color:inherit;opacity:.65;cursor:pointer;background:0 0;border-radius:999px;flex:1;padding:10px 0;font-size:14px}.tedit__prio--on{opacity:1;background:#00000047;border-color:currentColor;font-weight:700}.tedit__notes{opacity:.85;background:#0000001f;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;font-size:14px;list-style:none;display:flex}.tedit__noteAt{opacity:.6;margin-right:2px;font-weight:600}.tedit__meta{opacity:.7;margin-top:-6px;font-size:13px}.tedit__noteRow{gap:8px;display:flex}.tedit__noteAdd{border:1px solid color-mix(in srgb, currentColor 30%, transparent);color:inherit;cursor:pointer;background:#0000002e;border-radius:10px;padding:0 18px;font-size:15px}.tedit__actions{gap:10px;margin-top:auto;display:flex}.tedit__big{cursor:pointer;border:0;border-radius:12px;flex:1;padding:15px;font-size:16px;font-weight:700}.tedit__big--save{color:inherit;background:#00000059}.tedit__big--save:disabled{opacity:.45}.tedit__big--delete{color:#fff;background:#8c141480;flex:none;padding:15px 20px}.tedit__error{color:#ffb4b4;white-space:pre-wrap;background:#50000059;border-radius:8px;padding:8px 10px;font-size:13px}.todo--editable{cursor:pointer}.pane-body__hint{opacity:.7}.pane-body__add{border:1px dashed color-mix(in srgb, currentColor 40%, transparent);width:100%;color:inherit;cursor:pointer;background:#0000001a;border-radius:12px;margin-top:10px;padding:14px;font-size:16px;display:block}.lang-toggle{gap:calc(var(--spacing) * 2);display:flex}.lang-toggle__btn{color:#ffffff80;padding:calc(var(--spacing) * 1) calc(var(--spacing) * 3);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;font-size:12px}.lang-toggle__btn--on{color:#fff;background:#ffffff1a;border-color:#fff9}
