:root,html[data-theme=light]{--bg-0: #e8f1ef;--bg-1: #f7fbfa;--surface: rgba(255, 255, 255, .72);--text: #1b2b28;--muted: #5a6f6a;--accent: #2a9d8f;--accent-2: #e76f51;--border: rgba(27, 43, 40, .12);--glow: rgba(42, 157, 143, .35);--sparkle: #e9c46a;--danger: #c1121f;--shadow: 0 18px 50px rgba(27, 43, 40, .08);--gradient: radial-gradient(circle at 12% 10%, #ffe8d6 0%, transparent 42%), radial-gradient(circle at 88% 0%, #cdeedf 0%, transparent 40%), linear-gradient(160deg, #e8f1ef, #f7fbfa 55%, #eef6f4)}html[data-theme=dark]{--bg-0: #0f1716;--bg-1: #16201e;--surface: rgba(24, 36, 34, .82);--text: #e8f1ef;--muted: #9bb0aa;--accent: #3dcfbf;--accent-2: #ff8f70;--border: rgba(232, 241, 239, .12);--glow: rgba(61, 207, 191, .4);--sparkle: #f4d35e;--danger: #ff6b6b;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--gradient: radial-gradient(circle at 12% 10%, #2a4038 0%, transparent 42%), radial-gradient(circle at 88% 0%, #1d3338 0%, transparent 40%), linear-gradient(160deg, #0f1716, #16201e 55%, #121c1a)}html[data-theme=cotton-candy]{--bg-0: #ffe4f1;--bg-1: #e8f4ff;--surface: rgba(255, 255, 255, .7);--text: #5a2a4a;--muted: #9a6a88;--accent: #ff6bb5;--accent-2: #6ec8ff;--border: rgba(90, 42, 74, .14);--glow: rgba(255, 107, 181, .4);--sparkle: #b8a0ff;--danger: #e6395a;--shadow: 0 18px 50px rgba(255, 107, 181, .15);--gradient: radial-gradient(circle at 15% 8%, #ffc8e8 0%, transparent 45%), radial-gradient(circle at 85% 5%, #c8e8ff 0%, transparent 42%), radial-gradient(circle at 50% 100%, #e8d4ff 0%, transparent 40%), linear-gradient(165deg, #ffe4f1, #eef6ff 50%, #f5e8ff)}html[data-theme=hacker-green]{--bg-0: #020805;--bg-1: #06140c;--surface: rgba(4, 28, 14, .88);--text: #33ff66;--muted: #1a9944;--accent: #00ff41;--accent-2: #66ff99;--border: rgba(51, 255, 102, .22);--glow: rgba(0, 255, 65, .35);--sparkle: #9affb0;--danger: #ff3344;--shadow: 0 18px 50px rgba(0, 0, 0, .55);--gradient: radial-gradient(circle at 10% 0%, #0a3d1a 0%, transparent 38%), radial-gradient(circle at 90% 100%, #032010 0%, transparent 45%), linear-gradient(160deg, #020805, #06140c 55%, #030a06)}html[data-theme=hacker-amber]{--bg-0: #0a0702;--bg-1: #141008;--surface: rgba(28, 20, 6, .88);--text: #ffb000;--muted: #a86e00;--accent: #ff9900;--accent-2: #ffcc33;--border: rgba(255, 176, 0, .22);--glow: rgba(255, 153, 0, .35);--sparkle: #ffe066;--danger: #ff4444;--shadow: 0 18px 50px rgba(0, 0, 0, .55);--gradient: radial-gradient(circle at 10% 0%, #3d2800 0%, transparent 38%), radial-gradient(circle at 90% 100%, #1a1000 0%, transparent 45%), linear-gradient(160deg, #0a0702, #141008 55%, #0c0903)}html[data-theme=frutiger-aero-blue]{--bg-0: #c8e8f8;--bg-1: #e6f6ff;--surface: rgba(255, 255, 255, .55);--text: #0a3d5c;--muted: #3a7a9a;--accent: #1eb8e8;--accent-2: #48d4ff;--border: rgba(10, 61, 92, .14);--glow: rgba(30, 184, 232, .45);--sparkle: #ffffff;--danger: #e74c3c;--shadow: 0 18px 50px rgba(30, 184, 232, .2);--gradient: radial-gradient(circle at 20% 0%, #ffffff 0%, transparent 35%), radial-gradient(circle at 80% 10%, #7ec8f0 0%, transparent 45%), radial-gradient(circle at 40% 90%, #a8e0f8 0%, transparent 40%), linear-gradient(180deg, #b8e4f8, #e8f8ff 40%, #90d0f0)}html[data-theme=frutiger-aero-green]{--bg-0: #c8f0d8;--bg-1: #e8fff0;--surface: rgba(255, 255, 255, .55);--text: #0a4a2e;--muted: #3a8a5c;--accent: #2ecc71;--accent-2: #58d68d;--border: rgba(10, 74, 46, .14);--glow: rgba(46, 204, 113, .45);--sparkle: #ffffff;--danger: #e74c3c;--shadow: 0 18px 50px rgba(46, 204, 113, .2);--gradient: radial-gradient(circle at 20% 0%, #ffffff 0%, transparent 35%), radial-gradient(circle at 80% 10%, #7ed9a8 0%, transparent 45%), radial-gradient(circle at 40% 90%, #a8f0c8 0%, transparent 40%), linear-gradient(180deg, #b0ebd0, #e8fff4 40%, #88d8a8)}html[data-theme=frutiger-aero-orange]{--bg-0: #ffe0c0;--bg-1: #fff4e8;--surface: rgba(255, 255, 255, .55);--text: #5c2e0a;--muted: #9a5a2a;--accent: #ff8c2a;--accent-2: #ffb347;--border: rgba(92, 46, 10, .14);--glow: rgba(255, 140, 42, .45);--sparkle: #ffffff;--danger: #c0392b;--shadow: 0 18px 50px rgba(255, 140, 42, .2);--gradient: radial-gradient(circle at 20% 0%, #ffffff 0%, transparent 35%), radial-gradient(circle at 80% 10%, #ffc078 0%, transparent 45%), radial-gradient(circle at 40% 90%, #ffe0a8 0%, transparent 40%), linear-gradient(180deg, #ffd0a0, #fff4e8 40%, #ffb870)}html[data-theme=goth]{--bg-0: #0a0608;--bg-1: #140c12;--surface: rgba(28, 12, 22, .88);--text: #e8d0dc;--muted: #8a6070;--accent: #9b1d4a;--accent-2: #6b2d8a;--border: rgba(232, 208, 220, .12);--glow: rgba(155, 29, 74, .4);--sparkle: #c9a0dc;--danger: #ff2244;--shadow: 0 18px 50px rgba(0, 0, 0, .55);--gradient: radial-gradient(circle at 15% 5%, #2a1020 0%, transparent 40%), radial-gradient(circle at 90% 80%, #1a0a18 0%, transparent 42%), linear-gradient(160deg, #0a0608, #140c12 55%, #0e080c)}html[data-theme=forest]{--bg-0: #1a2e1a;--bg-1: #243824;--surface: rgba(36, 52, 32, .85);--text: #e4ecd8;--muted: #8fa878;--accent: #6b8f3c;--accent-2: #c4a35a;--border: rgba(228, 236, 216, .12);--glow: rgba(107, 143, 60, .4);--sparkle: #d4c080;--danger: #c45c3a;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--gradient: radial-gradient(circle at 12% 8%, #3a5a30 0%, transparent 42%), radial-gradient(circle at 88% 0%, #2a4028 0%, transparent 40%), radial-gradient(circle at 50% 100%, #1e3018 0%, transparent 45%), linear-gradient(160deg, #1a2e1a, #243824 55%, #182818)}html[data-theme=wild-as-many-colors-as-possible]{--bg-0: #2a1050;--bg-1: #401860;--surface: rgba(255, 255, 255, .18);--text: #ffffff;--muted: #ffd0f0;--accent: #ff2d95;--accent-2: #00e5ff;--border: rgba(255, 255, 255, .28);--glow: rgba(255, 45, 149, .5);--sparkle: #ffe600;--danger: #ff3b30;--shadow: 0 18px 50px rgba(255, 45, 149, .25);--gradient: radial-gradient(circle at 8% 12%, #ff2d95 0%, transparent 32%), radial-gradient(circle at 92% 8%, #00e5ff 0%, transparent 34%), radial-gradient(circle at 50% 50%, #ffe600 0%, transparent 28%), radial-gradient(circle at 15% 88%, #7c4dff 0%, transparent 36%), radial-gradient(circle at 85% 85%, #00e676 0%, transparent 32%), linear-gradient(135deg, #2a1050, #501848 40%, #104060 70%, #203010)}.theme-picker{display:flex;flex-wrap:wrap;gap:.5rem}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:"Source Sans 3",system-ui,sans-serif;color:var(--text);background:var(--gradient);background-attachment:fixed}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:700;letter-spacing:-.02em}a{color:var(--accent);text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--accent);color:#fff;border-radius:10px;padding:.55rem .95rem;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button.secondary{background:transparent;color:var(--text)}button.ghost{background:transparent;color:var(--muted)}button.danger{background:var(--danger)}input,textarea{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.65rem .8rem}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--surface) 80%,transparent);position:sticky;top:0;z-index:10}.brand{font-family:"Source Sans 3",system-ui,sans-serif;font-size:1.7rem;font-weight:700;letter-spacing:-.02em;margin:0}.topbar-start{display:flex;align-items:center;gap:.75rem}.back-btn{font-size:1.5rem;line-height:1;color:var(--text);text-decoration:none;opacity:.55;transition:opacity .15s ease}.back-btn:hover{opacity:1}.nav-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.avatar-choose{text-decoration:none;color:inherit;display:contents}.avatar-choose:hover .avatar-fallback,.avatar-choose:hover strong{opacity:.7}.nav-menu-wrap{display:none;position:relative}.nav-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0}.nav-menu-icon{display:block;width:1.15rem;height:2px;background:currentColor;border-radius:1px;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}.nav-menu{position:absolute;top:calc(100% + .45rem);right:0;min-width:11rem;display:grid;gap:.45rem;padding:.65rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);z-index:20}.nav-menu a{display:block}.nav-menu button{width:100%}.main-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:1.25rem;padding:1.25rem 1.5rem 2rem}@media(max-width:900px){.main-layout{grid-template-columns:1fr}.nav-actions{display:none}.nav-menu-wrap{display:block}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:1rem 1.1rem}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(420px,100%);display:grid;gap:.85rem}.auth-card h1{margin:0;font-size:2.4rem}.auth-card p{margin:0;color:var(--muted)}.todo-stack{display:grid;gap:1rem;align-content:start}.todo-stack>header{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.todo-stack-heading h2{margin:0;font-size:1.35rem}.todo-stack-heading p{margin:.2rem 0 0}.todo-stack-create{display:flex;gap:.45rem;align-items:center;flex:1 1 220px;max-width:360px}.todo-stack-create input{width:auto;flex:1 1 auto;min-width:0;padding:.4rem .65rem;font-size:.95rem;border-radius:8px}.todo-stack-create button{flex:0 0 auto;padding:.4rem .75rem;font-size:.9rem;border-radius:8px}.todo-list{border:1px solid color-mix(in srgb,var(--border) 80%,var(--accent) 20%);border-radius:12px;padding:.7rem .8rem .75rem;background:color-mix(in srgb,var(--surface) 72%,var(--bg-0) 28%);box-shadow:inset 0 1px color-mix(in srgb,#fff 6%,transparent);animation:rise .32s ease}.todo-list header{display:flex;gap:.45rem;align-items:center;margin-bottom:.5rem}.todo-list-title{width:auto;flex:1 1 auto;min-width:0;padding:.3rem .55rem;font-size:1rem;font-weight:600;line-height:1.25;text-align:center;border-radius:8px;background:color-mix(in srgb,var(--bg-1) 35%,transparent);border:3px solid color-mix(in srgb,var(--text) 35%,transparent)}html[data-theme=dark] .todo-list-title,html[data-theme=hacker-green] .todo-list-title,html[data-theme=hacker-amber] .todo-list-title,html[data-theme=goth] .todo-list-title,html[data-theme=forest] .todo-list-title,html[data-theme=wild-as-many-colors-as-possible] .todo-list-title{border-color:color-mix(in srgb,var(--text) 40%,transparent)}.todo-list-title:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px;background:var(--surface)}.todo-list header .ghost{flex:0 0 auto;padding:.3rem .55rem;font-size:.85rem;border-radius:8px}.todo-list ul{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.todo-item{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;padding:.15rem 0}.todo-item.done span{text-decoration:line-through;color:var(--muted)}.todo-add-item{display:flex;gap:.45rem;align-items:center;margin-top:.5rem}.todo-add-item input{width:auto;flex:1 1 auto;min-width:0;padding:.35rem .6rem;font-size:.92rem;border-radius:8px}.todo-add-item button{flex:0 0 auto;padding:.35rem .7rem;font-size:.88rem;border-radius:8px}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-height:70vh;gap:.85rem}.chat-header{display:grid;justify-items:center;gap:.5rem}.chat-header-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.6rem;width:100%}.chat-header-side{display:flex;align-items:center;min-width:0}.chat-header-side.left{justify-content:flex-start}.chat-header-side.right{justify-content:flex-end}.encourage-wrap{position:relative;display:inline-block}.encourage-btn{font-size:.92rem;padding:.65rem 1rem;white-space:nowrap;min-height:2.6rem}.burst{pointer-events:none;position:absolute;left:50%;top:50%;z-index:30}.burst-spark{position:absolute;border-radius:50%;background:var(--sparkle);box-shadow:0 0 10px var(--sparkle);animation:burst-fly .9s ease-out forwards}@keyframes burst-fly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--bx),var(--by)) scale(.2);opacity:0}}.alert-area{display:grid;gap:.35rem;justify-items:end;max-width:100%;min-height:2.6rem;align-content:center}.header-alert{display:flex;align-items:center;gap:.4rem;padding:.3rem .55rem;border-radius:10px;font-size:.78rem;line-height:1.25;border:1px solid var(--border);max-width:220px}.header-alert.warning{background:color-mix(in srgb,#e9a23b 18%,var(--surface));border-color:color-mix(in srgb,#e9a23b 55%,var(--border))}.header-alert.error{background:color-mix(in srgb,#e05252 18%,var(--surface));border-color:color-mix(in srgb,#e05252 55%,var(--border))}.header-alert-ack{flex:0 0 auto;background:none;border:none;color:inherit;cursor:pointer;font-size:.95rem;line-height:1;padding:0 .15rem;opacity:.7}.header-alert-ack:hover{opacity:1}@media(max-width:900px){.chat-header-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.encourage-btn{font-size:.82rem;padding:.55rem .75rem}.header-alert{max-width:150px}}.chat-header-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;align-items:center}.chat-expand-btn,.chat-clear-btn{font-size:.85rem;padding:.25rem .6rem}.chat-clear-btn:disabled{opacity:.45;cursor:default}.chat-preview-empty{margin:0;text-align:center;font-size:.9rem}.avatar-stage{display:grid;justify-items:center;gap:.35rem}.avatar-stage img{width:140px;height:140px;object-fit:cover;border-radius:50%;border:3px solid var(--border);transition:box-shadow .22s ease,transform .22s ease,filter .22s ease}.avatar-stage img.active{box-shadow:0 0 0 6px var(--glow),0 0 36px var(--glow);transform:scale(1.04);filter:saturate(1.15)}.messages{overflow:auto;display:grid;gap:.65rem;align-content:start;max-height:45vh;padding-right:.25rem}.bubble{padding:.7rem .85rem;border-radius:14px;border:1px solid var(--border);max-width:95%}.bubble.user{justify-self:end;background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.bubble.assistant{justify-self:start;background:color-mix(in srgb,var(--accent-2) 12%,var(--surface))}.chat-input{display:grid;grid-template-columns:1fr auto;gap:.5rem}@media(max-width:900px){.chat-panel{min-height:0;transition:min-height .22s ease}.chat-panel.is-collapsed{grid-template-rows:auto auto;cursor:pointer}.chat-panel.is-collapsed .messages{max-height:none}.chat-panel.is-collapsed .bubble{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chat-panel.is-expanded{min-height:55vh}.chat-expand-btn{display:inline-flex}}@media(min-width:901px){.chat-expand-btn{display:none}}.settings-grid,.admin-grid{display:grid;gap:1rem;padding:1.25rem 1.5rem 2rem}.admin-shell{min-height:100vh;display:flex;flex-direction:column}.admin-layout{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0;padding:1rem 1.5rem 1.5rem}.admin-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.admin-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font:inherit;cursor:pointer;transform:none}.admin-tab:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));filter:none;transform:none}.admin-tab.active{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--text)}.admin-tab-count{min-width:1.4rem;padding:.05rem .4rem;border-radius:8px;font-size:.8rem;line-height:1.3;background:color-mix(in srgb,var(--bg-1) 70%,transparent);color:var(--muted)}.admin-tab.active .admin-tab-count{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text)}.admin-pane{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem;max-height:calc(100vh - 8.5rem)}.admin-pane-header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-start}.admin-pane-header h2{margin:0 0 .25rem}.admin-add-user{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.admin-pane-scroll{flex:1;min-height:0;overflow:auto;padding-right:.15rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.metric{padding:.85rem;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-1) 60%,transparent)}.metric strong{display:block;font-size:1.4rem}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.avatar-card{border:1px solid var(--border);border-radius:12px;padding:.6rem;text-align:center;cursor:pointer;background:transparent;color:var(--text)}.avatar-card.selected{outline:2px solid var(--accent)}.avatar-card img{width:72px;height:72px;border-radius:50%;object-fit:cover}.sparkles{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden}.sparkle{position:absolute;width:8px;height:8px;background:var(--sparkle);border-radius:2px;animation:sparkle-fly 2.4s ease-out forwards;box-shadow:0 0 12px var(--sparkle)}@keyframes sparkle-fly{0%{transform:translateY(20vh) scale(.4) rotate(0);opacity:0}15%{opacity:1}to{transform:translateY(-30vh) scale(1.2) rotate(180deg);opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.error{color:var(--danger);margin:0}.muted{color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--border);vertical-align:top}.avatar-studio{display:grid;grid-template-columns:1.05fr .95fr;gap:1.25rem;padding:1.25rem 1.5rem 2rem;align-items:start}@media(max-width:900px){.avatar-studio{grid-template-columns:1fr}}.studio-pair{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.studio-pair .studio-preview-frame{width:100%}.studio-pair-labels{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:.55rem;text-align:center;font-size:.9rem}.studio-state-actions{display:grid;gap:.4rem;justify-items:center}.studio-state-actions button{font-size:.85rem;padding:.35rem .7rem}@media(max-width:700px){.studio-pair,.studio-pair-labels{grid-template-columns:1fr}}.studio-preview-frame{position:relative;aspect-ratio:1;width:min(100%,420px);margin:0 auto;border-radius:24px;border:1px solid var(--border);overflow:hidden;background:color-mix(in srgb,var(--bg-1) 70%,transparent);display:grid;place-items:center}.studio-preview-frame img{width:100%;height:100%;object-fit:cover;transition:filter .2s ease,opacity .2s ease}.studio-preview-frame img.dimmed{filter:brightness(.55) saturate(.85)}.studio-placeholder{color:var(--muted);padding:1.5rem;text-align:center}.studio-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.75rem;background:color-mix(in srgb,var(--bg-0) 55%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;padding:1rem;z-index:2}.studio-overlay p{margin:0;font-weight:600;max-width:16rem}.studio-spinner{width:42px;height:42px;margin:0 auto;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.iteration-badge{text-align:center;margin:.85rem 0 0;color:var(--muted)}.studio-controls{display:grid;gap:.85rem}.studio-controls h2{margin:0}.field{display:grid;gap:.35rem}.field span{color:var(--muted);font-size:.92rem}.guide-chips{display:grid;gap:.45rem}.chip-row{display:flex;flex-wrap:wrap;gap:.45rem}button.chip{background:transparent;color:var(--text);border-radius:999px;padding:.35rem .7rem;font-size:.88rem}button.chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.studio-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}button:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}