:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1117;--bg-elevated:#0f161feb;--panel:#121b26eb;--panel-strong:#151f2cfa;--surface:#182331fa;--line:#88aac429;--line-strong:#88aac43d;--text:#ecf4f8;--muted:#9db0be;--muted-strong:#c8d6df;--accent:#6fd0c6;--accent-strong:#95e4da;--danger:#ff8f93;--warning:#ffd97d;--shadow:0 28px 90px #0000006b;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--max-width:1480px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 0 0,#6fd0c61f,#0000 24%),radial-gradient(circle at 90% 12%,#967eff14,#0000 20%),linear-gradient(#0a0f14 0%,#0d1319 38%,#0b1015 100%);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:#6fd0c640}.app-shell{min-height:100vh;padding:24px}.frame{max-width:var(--max-width);gap:20px;margin:0 auto;display:grid}.topbar{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e141cb8;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{width:42px;height:42px;color:var(--accent-strong);letter-spacing:.08em;background:linear-gradient(145deg,#6fd0c633,#182331f2);border:1px solid #6fd0c63d;border-radius:14px;place-items:center;font-weight:700;display:grid}.brand-copy{gap:2px;display:grid}.brand-copy strong{letter-spacing:.08em;text-transform:uppercase;font-size:15px}.brand-copy span{color:var(--muted);font-size:13px}.chip{border:1px solid var(--line);color:var(--muted-strong);background:#ffffff05;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.chip-dot{background:var(--accent);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 5px #6fd0c61f}.button{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:14px;padding:12px 14px;transition:transform .15s,border-color .15s,background .15s}.button:hover{border-color:var(--line-strong);background:#ffffff0f;transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#6fd0c633,#6fd0c61a);border-color:#6fd0c647}.button.ghost{background:0 0}.button.danger{color:#ffc8ca;border-color:#ff8f9338}.input,.select,.textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#060a0f99;border-radius:14px;outline:none;padding:12px 14px}.input:focus,.select:focus,.textarea:focus{border-color:#6fd0c66b;box-shadow:0 0 0 4px #6fd0c61a}.textarea{resize:vertical;min-height:108px}.auth-grid{grid-template-columns:1.05fr .95fr;gap:20px;min-height:calc(100vh - 48px);display:grid}.hero-card,.auth-card,.panel,.composer,.bucket,.conflict-card,.sidebar-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#141c26f5,#0c1118fa)}.hero-card{align-content:space-between;gap:28px;padding:32px;display:grid}.hero-title{letter-spacing:-.06em;max-width:12ch;margin:0;font-size:clamp(44px,5vw,84px);line-height:.92}.hero-copy{gap:16px;max-width:58ch;display:grid}.hero-copy p{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat{border:1px solid var(--line);background:#ffffff05;border-radius:18px;padding:16px}.stat strong{margin-bottom:4px;font-size:22px;display:block}.stat span{color:var(--muted);font-size:13px}.auth-card{align-content:start;gap:18px;padding:24px;display:grid}.form-tabs{border:1px solid var(--line);background:#ffffff08;border-radius:18px;gap:8px;padding:6px;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-radius:12px;flex:1;padding:10px 12px}.tab.active{color:var(--text);background:#6fd0c624}.admin-tabs{flex-wrap:wrap;gap:8px;display:flex}.admin-section{gap:20px;display:grid}.field-grid{gap:12px;display:grid}.field-row{gap:8px;display:grid}.field-row label{color:var(--muted-strong);font-size:13px}.helper-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.password-field{align-items:stretch;gap:10px;display:flex}.password-field .input{flex:1}.password-toggle{place-items:center;min-width:52px;padding:0 14px;display:inline-grid}.password-toggle svg{width:18px;height:18px}.loading-surface{gap:12px;min-height:180px;display:grid}.loading-bar{background:linear-gradient(90deg,#ffffff0a,#6fd0c624,#ffffff0a) 0 0/220% 100%;border-radius:999px;height:14px;animation:1.4s ease-in-out infinite loading-shimmer}.loading-bar.short{width:42%}@keyframes loading-shimmer{0%{background-position:100%}to{background-position:0%}}.error-banner,.success-banner{border-radius:14px;padding:12px 14px;font-size:14px}.error-banner{color:#ffd0d2;background:#ff6e741a;border:1px solid #ff6e7433}.success-banner{color:#d6fff9;background:#6fd0c61a;border:1px solid #6fd0c62e}.workspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;display:grid}.sidebar{gap:16px;display:grid;position:sticky;top:24px}.sidebar-card{gap:12px;padding:20px;display:grid}.sidebar-card.danger-card{background:linear-gradient(#2a1318f5,#120a0efa);border-color:#ff8f932e}.sidebar-card h3,.composer h2,.bucket-summary h3{letter-spacing:-.02em;margin:0;font-size:16px}.sidebar-card p,.composer p,.bucket-summary p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.workspace-main{gap:18px;display:grid}.workspace-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.workspace-head h1{letter-spacing:-.05em;margin:0;font-size:clamp(32px,4vw,54px);line-height:.95}.workspace-head p{color:var(--muted);max-width:56ch;margin:8px 0 0;line-height:1.6}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.composer{gap:16px;padding:20px;display:grid}.composer-grid{grid-template-columns:1.3fr .7fr;gap:14px;display:grid}.composer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.bucket-list{gap:14px;display:grid}.bucket{overflow:visible}.bucket summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;list-style:none;display:flex}.bucket summary::-webkit-details-marker{display:none}.bucket-summary{flex-direction:column;gap:6px;display:flex}.bucket-count{min-width:42px;height:28px;color:var(--accent-strong);background:#6fd0c61f;border:1px solid #6fd0c62e;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.bucket-body{border-top:1px solid var(--line);padding:4px 14px 14px}.todo-list{gap:10px;display:grid}.todo-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:18px;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px 14px;display:grid}.todo-row.completed{opacity:.74}.todo-check{appearance:none;border:1px solid var(--line-strong);background:#ffffff08;border-radius:999px;width:20px;height:20px;margin-top:2px}.todo-check:checked{background:linear-gradient(135deg,#6fd0c6e6,#6fd0c680);box-shadow:inset 0 0 0 3px #0c1117cc}.todo-main{gap:8px;display:grid}.todo-title{letter-spacing:-.02em;margin:0;font-size:16px}.todo-title.done{color:var(--muted);text-decoration:line-through}.todo-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-toggle{border:1px solid var(--line);color:var(--muted-strong);background:#ffffff08;border-radius:999px;padding:8px 12px}.tag-toggle.selected{background:var(--accent);color:var(--bg)}.field-error{color:#ff6e74;margin-top:4px;font-size:13px;display:block}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--bg);border:1px solid var(--line);border-radius:16px;gap:20px;width:90%;max-width:440px;padding:28px;display:grid}.modal-header h2{margin:0;font-size:1.4rem}.modal-body p{color:var(--muted-strong);margin:0;line-height:1.6}.modal-footer{justify-content:flex-end;display:flex}.tag{color:#c9fff7;background:#6fd0c614;border:1px solid #6fd0c629;border-radius:999px;padding:5px 9px;font-size:12px}.todo-actions{gap:8px;display:flex}.inline-pill{border:1px solid var(--line);color:var(--muted-strong);border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.empty-state{color:var(--muted);background:#ffffff04;border:1px dashed #88aac438;border-radius:18px;padding:18px}.conflict-overlay{z-index:50;background:#030609b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.conflict-card{gap:18px;width:min(1100px,100%);padding:20px;display:grid}.conflict-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.conflict-panel{border:1px solid var(--line);background:#ffffff05;border-radius:20px;gap:10px;padding:16px;display:grid}.conflict-panel h4{margin:0;font-size:14px}.conflict-panel ul{color:var(--muted);margin:0;padding-left:18px;font-size:14px;line-height:1.7}.conflict-actions{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.timeout-overlay{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030609a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.timeout-card{background:linear-gradient(#1e1910fa,#101216fa);border:1px solid #ffd97d3d;border-radius:28px;gap:18px;width:min(760px,100%);padding:24px;display:grid;box-shadow:0 32px 100px #00000080}.timeout-countdown{color:#ffe7a8;letter-spacing:.02em;background:#ffd97d14;border:1px solid #ffd97d38;border-radius:999px;width:fit-content;padding:10px 14px;font-weight:600;display:inline-flex}.timeout-actions{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.subtle{color:var(--muted)}@media (max-width:1120px){.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}}@media (max-width:860px){.app-shell{padding:14px}.topbar{flex-direction:column;align-items:stretch}.auth-grid{grid-template-columns:1fr}.hero-card{padding:24px}.hero-stats,.sidebar,.composer-grid,.conflict-grid{grid-template-columns:1fr}.todo-row{grid-template-columns:22px minmax(0,1fr)}.todo-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}