: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}.app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.grid-view{--cell:clamp(180px, 42vmin, 360px);grid-template-columns:repeat(var(--grid-cols), var(--cell));grid-template-rows:repeat(var(--grid-rows), var(--cell));gap:var(--gap);height:100%;padding:var(--gap);-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior:contain;display:grid;overflow:auto}.grid-card{border-radius:var(--radius);font:inherit;cursor:pointer;touch-action:pan-x pan-y;perspective:900px;border:none;padding:0;transition:filter .12s,transform .12s;position:relative}.grid-card:active{filter:brightness(1.15);transform:scale(.97)}.grid-card__flipper{border-radius:inherit;background:inherit;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1)}.grid-card__flipper--flipped{transform:rotateY(180deg)}.grid-card__face{border-radius:inherit;background:inherit;backface-visibility:hidden;padding:clamp(6px,1.5vmin,14px);display:flex;position:absolute;inset:0;overflow:hidden}.grid-card__face--front{justify-content:flex-start;align-items:flex-end}.grid-card__face--back{filter:brightness(.88);flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(4px,1vmin,10px);transform:rotateY(180deg)}.card-back__stat{font-size:clamp(.7rem,2vmin,1rem);line-height:1.3}.card-back__stat strong{font-size:clamp(.85rem,2.6vmin,1.25rem)}.card-back__bar{background:#00000040;border-radius:999px;width:100%;height:clamp(6px,1.4vmin,10px);overflow:hidden}.card-back__fill{border-radius:inherit;opacity:.9;background:currentColor;height:100%}.card-back__pct{opacity:.85;font-size:clamp(.65rem,1.8vmin,.9rem);font-weight:700}.card-back__value{letter-spacing:-.02em;font-size:clamp(1.6rem,6vmin,3rem);font-weight:800}.card-back__text{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:clamp(.7rem,2vmin,1rem);line-height:1.35;display:-webkit-box;overflow:hidden}.card-back__note{opacity:.75;font-size:clamp(.6rem,1.7vmin,.85rem)}.pane-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;width:100%;height:100%;padding:calc(env(safe-area-inset-top) + 70px) clamp(16px, 4vmin, 40px) calc(76px + env(safe-area-inset-bottom));-webkit-user-select:text;user-select:text;flex-direction:column;gap:12px;display:flex;overflow-y:auto}.pane-body--centered{text-align:center;justify-content:center;align-items:center;gap:1rem}.pane-body__title{letter-spacing:-.02em;font-size:clamp(1.6rem,5vmin,2.6rem);font-weight:800}.pane-body__meta{opacity:.75;font-size:.9rem}.pane-body__value{letter-spacing:-.03em;font-size:clamp(4rem,18vmin,9rem);font-weight:800;line-height:1}.pane-body__statement{max-width:28ch;font-size:clamp(1.3rem,4.5vmin,2.2rem);font-weight:600;line-height:1.3}.todo{border-radius:calc(var(--radius) / 1.5);background:#00000029;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.todo--done{opacity:.65}.todo__header{align-items:baseline;gap:10px;display:flex}.todo__state{font-weight:800}.todo__title{flex:1;font-size:1.05rem;font-weight:700}.todo--done .todo__title{text-decoration:line-through}.todo__priority{text-transform:uppercase;letter-spacing:.06em;background:#00000040;border-radius:999px;padding:3px 8px;font-size:.65rem;font-weight:800}.todo__priority--high{color:#fff;background:#a01e288c}.todo__meta{opacity:.7;font-size:.75rem}.todo__details{font-size:.9rem;line-height:1.45}.todo__notes{border-left:2px solid #0000004d;flex-direction:column;gap:4px;padding-left:10px;list-style:none;display:flex}.todo__note{opacity:.85;font-size:.8rem;line-height:1.4}.todo__note-at{font-weight:700}.grid-card--empty{pointer-events:none;background:#ffffff0a;border:1px dashed #ffffff1f}.grid-card__coord{font-variant-numeric:tabular-nums;opacity:.55;font-size:clamp(.55rem,1.6vmin,.8rem);font-weight:700;position:absolute;top:clamp(4px,1.2vmin,10px);left:clamp(6px,1.5vmin,12px)}.grid-card__sub{opacity:.75;font-size:clamp(.75rem,2.4vmin,1.2rem);position:absolute;top:clamp(4px,1.2vmin,10px);right:clamp(6px,1.5vmin,12px)}.grid-card__title{text-align:left;overflow-wrap:anywhere;font-size:clamp(.65rem,2.2vmin,1.1rem);font-weight:600;line-height:1.15}.pane-view{touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:clamp(16px,4vmin,40px);animation:.18s pane-in;display:flex}@keyframes pane-in{0%{opacity:.4;transform:scale(.96)}}.pane-view__header{top:calc(env(safe-area-inset-top) + 12px);z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:0 clamp(16px,4vmin,40px);display:flex;position:fixed;left:0;right:0}.pane-view__close{pointer-events:auto}.pane-view__counter{font-variant-numeric:tabular-nums;opacity:.75;font-weight:600}.pane-view__close{color:inherit;cursor:pointer;touch-action:manipulation;background:#0000002e;border:none;border-radius:50%;width:44px;height:44px;font-size:1.1rem;position:relative}.pane-view__close:after{content:"";position:absolute;inset:-10px}.pane-view__title{letter-spacing:-.02em;text-align:center;font-size:clamp(2.2rem,9vmin,5rem);font-weight:800}.pane-view__edge{opacity:.65;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid;border-radius:999px;max-width:40vw;padding:6px 14px;font-size:.8rem;font-weight:600;position:absolute;overflow:hidden}.pane-view__edge--top{top:calc(env(safe-area-inset-top) + 10px);left:50%;transform:translate(-50%)}.pane-view__edge--bottom{bottom:calc(env(safe-area-inset-bottom) + 24px);left:50%;transform:translate(-50%)}.pane-view__edge--left,.pane-view__edge--right{top:calc(env(safe-area-inset-top) + 48px)}.pane-view__edge--left{left:10px}.pane-view__edge--right{right:10px}.pane-view--locked{touch-action:pan-y;justify-content:flex-start;padding:0}.pane-content{-webkit-overflow-scrolling:touch;touch-action:pan-y;width:100%;height:100%;padding:calc(env(safe-area-inset-top) + 70px) clamp(16px, 4vmin, 40px) calc(76px + env(safe-area-inset-bottom));-webkit-user-select:text;user-select:text;flex-direction:column;gap:1rem;display:flex;overflow-y:auto}.pane-content__title{letter-spacing:-.02em;font-size:clamp(1.8rem,6vmin,3rem);font-weight:800}.pane-content__list{flex-direction:column;gap:8px;list-style:none;display:flex}.pane-content__item{border-radius:calc(var(--radius) / 1.5);background:#00000024;padding:14px 16px;font-weight:600}.pane-content__para{opacity:.85;line-height:1.55}.back-chip{left:calc(env(safe-area-inset-left) + 14px);top:calc(env(safe-area-inset-top) + 14px);height:40px;font:inherit;color:#fff;-webkit-backdrop-filter:blur(10px);cursor:pointer;z-index:10;background:#ffffff1f;border:none;border-radius:20px;padding:0 16px;font-weight:600;position:fixed}.back-chip:active{transform:scale(.95)}.lock-button{left:calc(env(safe-area-inset-left) + 14px);bottom:calc(env(safe-area-inset-bottom) + 14px);-webkit-backdrop-filter:blur(10px);cursor:pointer;z-index:10;background:#ffffff1f;border:none;border-radius:50%;width:52px;height:52px;font-size:1.4rem;transition:background .15s,transform .15s;position:fixed}.lock-button:active{transform:scale(.92)}.lock-button--locked{background:#ffffff47}.tree-button{left:calc(env(safe-area-inset-left) + 76px)}.tree{z-index:20;-webkit-backdrop-filter:blur(14px);color:#fff;background:#0b0d10f5;flex-direction:column;display:flex;position:fixed;inset:0}.tree__header{padding:calc(env(safe-area-inset-top) + 14px) 18px 10px;justify-content:space-between;align-items:center;display:flex}.tree__title{letter-spacing:-.01em;font-size:1.3rem;font-weight:800}.tree__body{-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:4px 18px calc(76px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.tree__set,.tree__leaf{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 8px;display:flex}.tree__set{font-weight:700}.tree__set:before{content:"⊞";opacity:.6}.tree__leaf{opacity:.9}.tree__set:active,.tree__leaf:active{background:#ffffff1a}.tree__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.tree__children{border-left:1px solid #ffffff26;margin-left:14px;padding-left:12px;list-style:none}.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-version{color:#ffffff4d;letter-spacing:.4px;font-size:11px}.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}