:root{--gold: #FBBF4A;--cyan: #5FE3D3;--rose: #EE7BA6;--bg: #070A12;--surface: #0F1626;--surface-2: #141C30;--border: rgba(150,172,224,.15);--border-strong: rgba(150,172,224,.28);--text: #EAF0FF;--muted: #93A2C6;--faint: #5C6B8E;--accent: #FBBF4A;--accent-weak: rgba(251,191,74,.12);--link: #5FE3D3;--high: #FF6B6B;--medium: #FBBF4A;--low: #7C89A8;--done: #FBBF4A;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 10px 30px -12px rgba(0,0,0,.55);--radius: 14px;--font-display: "Futura","Avenir Next","Century Gothic",ui-rounded,system-ui,sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-mono: "SF Mono","JetBrains Mono",ui-monospace,Menlo,monospace}@media (prefers-color-scheme: light){:root{--bg: #EAEEF6;--surface: #FFFFFF;--surface-2: #F3F6FC;--border: rgba(30,55,110,.14);--border-strong: rgba(30,55,110,.24);--text: #111A2E;--muted: #4C5A78;--faint: #8492B0;--accent: #B9820E;--accent-weak: rgba(185,130,14,.12);--link: #0E8E97;--high: #E23D3D;--medium: #B9820E;--low: #6B7794;--done: #C8891B;--shadow: 0 1px 2px rgba(20,40,90,.06), 0 10px 30px -14px rgba(20,40,90,.18)}}*{box-sizing:border-box}html,body{margin:0}body{font:15px/1.55 var(--font-body);background:radial-gradient(1100px 600px at 82% -8%,rgba(95,227,211,.06),transparent 60%),radial-gradient(900px 520px at 8% 4%,rgba(251,191,74,.05),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);padding-bottom:env(safe-area-inset-bottom);-webkit-font-smoothing:antialiased}#app{max-width:820px;margin:0 auto;padding:20px 16px 72px}h1{font-family:var(--font-display);font-weight:600;font-size:24px;margin:0;letter-spacing:-.01em}h2{font-family:var(--font-display);font-weight:600;font-size:17px;margin:26px 0 10px;letter-spacing:-.005em}a{color:var(--link)}button{font:inherit;cursor:pointer}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:26px;height:26px;flex:none;filter:drop-shadow(0 2px 10px rgba(251,191,74,.35))}.brand-word{font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.015em}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.topbar .spacer{flex:1}.crumbs{color:var(--muted);font-size:13px;margin-bottom:16px}.crumbs a{cursor:pointer;color:var(--link)}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:10px;padding:8px 12px;transition:border-color .18s,transform .08s,background .18s}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:#0a0e18;border-color:transparent;font-weight:600;box-shadow:0 4px 18px -6px #fbbf4a8c}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:transparent;box-shadow:none;border-color:var(--border)}.btn.ghost:hover{border-color:var(--accent)}.btn.small{padding:5px 10px;font-size:13px;border-radius:100px}.btn.icon{padding:6px 9px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);text-align:left;width:100%;display:flex;flex-direction:column;gap:8px;transition:transform .12s ease,border-color .18s;position:relative}.card:hover{transform:translateY(-2px);border-color:var(--accent)}.card .name{font-family:var(--font-display);font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px}.card .meta{color:var(--muted);font-size:13px;display:flex;gap:12px;flex-wrap:wrap}.badge{font-family:var(--font-mono);font-size:11px;font-weight:500;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);letter-spacing:.02em}.badge.lock{background:transparent}.dot{width:9px;height:9px;border-radius:50%;flex:none}.list{display:flex;flex-direction:column;gap:8px;margin-top:6px}.task{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:11px 12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:11px;transition:border-color .18s}.task:hover{border-color:var(--border-strong)}.task.done .title{text-decoration:line-through;color:var(--faint)}.task .title{flex:1}.task .title .sub{color:var(--muted);font-size:12px}.check{width:22px;height:22px;border-radius:6px;border:2px solid var(--border-strong);background:transparent;flex:none;position:relative;transition:background .18s,border-color .18s,transform .12s}.check:hover{border-color:var(--accent)}.check:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:13px;height:13px;background:#0a0e18;opacity:0;transform:scale(.4);transition:opacity .18s,transform .18s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5L10 17.5L19 6.5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5L10 17.5L19 6.5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.task.done .check{background:var(--done);border-color:var(--done);box-shadow:0 0 14px -2px #fbbf4a99}.task.done .check:after{opacity:1;transform:scale(1)}.prio{border:1px solid var(--border);border-radius:100px;padding:3px 8px;font-size:12px;background:var(--surface-2);color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em}.prio-high{color:var(--high);font-weight:600;border-color:color-mix(in srgb,var(--high) 40%,transparent)}.prio-medium{color:var(--medium)}.prio-low{color:var(--low)}.addrow{display:flex;gap:8px;margin-top:12px}.input{flex:1;border:1px solid var(--border-strong);border-radius:10px;padding:10px 13px;background:var(--surface-2);color:var(--text)}.input::placeholder{color:var(--faint)}.input:focus,.btn:focus-visible,.check:focus-visible,.card:focus-visible{outline:2px solid var(--link);outline-offset:2px}.empty{color:var(--muted);padding:26px;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070e99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:40}@media (min-width: 640px){.scrim{align-items:center}}.sheet{background:var(--surface);width:100%;max-width:560px;border-radius:20px 20px 0 0;padding:22px;max-height:88vh;overflow:auto;box-shadow:var(--shadow);border:1px solid var(--border);border-bottom:0}@media (min-width: 640px){.sheet{border-radius:20px;border-bottom:1px solid var(--border)}}.timeline{display:flex;flex-direction:column;gap:10px;margin:8px 0}.log{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 11px}.log time{color:var(--muted);font-size:12px;display:block;margin-bottom:2px;font-family:var(--font-mono)}.login{max-width:360px;margin:14vh auto 0;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.login .logo{width:66px;height:66px;filter:drop-shadow(0 6px 26px rgba(251,191,74,.4))}.login h1{font-size:34px}.login .btn,.login .input{width:100%}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--surface);color:var(--text);padding:11px 17px;border-radius:100px;box-shadow:var(--shadow);z-index:60;border:1px solid var(--border-strong);font-size:14px}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:70;pointer-events:none}.celebrate-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 34px;border-radius:22px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:celIn .42s cubic-bezier(.2,1.35,.35,1)}.celebrate.out .celebrate-card{animation:celOut .42s ease forwards}.cel-mark{width:54px;height:54px;filter:drop-shadow(0 0 18px var(--gold));animation:celSpin .6s ease}.cel-pts{font-family:var(--font-display);font-weight:600;font-size:30px;color:var(--accent)}.cel-msg{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@keyframes celIn{0%{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}@keyframes celOut{to{transform:scale(1.08) translateY(-12px);opacity:0}}@keyframes celSpin{0%{transform:rotate(-32deg) scale(.5)}to{transform:rotate(0) scale(1)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}