:root{--ink: #241B2F;--ink-soft: #574C63;--ink-faint: #8A8095;--paper: #FBF7F2;--paper-warm: #F4EDE4;--surface: #FFFFFF;--surface-2: #FBF7F2;--lavender: #E7E0EE;--lavender-deep: #D8CEE4;--coral: #FF6B57;--coral-deep: #E8503C;--apricot: #FFA26B;--teal: #0E7C7B;--teal-deep: #0A5F5E;--plum: #7C5CBF;--line: #E9E0D6;--danger: #E8503C;--shadow-sm: 0 1px 2px rgba(36,27,47,.04), 0 2px 8px rgba(36,27,47,.05);--shadow-md: 0 8px 30px rgba(36,27,47,.08);--shadow-lg: 0 20px 60px rgba(36,27,47,.12);--grad-warm: linear-gradient(120deg, var(--coral) 0%, var(--apricot) 100%);--radius: 16px;--radius-lg: 24px;--ease: cubic-bezier(.22, 1, .36, 1);--nav-h: 64px}[data-theme=dark]{--ink: #F4EFEA;--ink-soft: #C3B9CE;--ink-faint: #8E8399;--paper: #1A1424;--paper-warm: #221A2E;--surface: #251D33;--surface-2: #2C2340;--lavender: #352B47;--lavender-deep: #463A5C;--line: #362C48;--shadow-sm: 0 1px 2px rgba(0,0,0,.2), 0 2px 8px rgba(0,0,0,.24);--shadow-md: 0 8px 30px rgba(0,0,0,.34);--shadow-lg: 0 20px 60px rgba(0,0,0,.44)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:500;line-height:1.1;letter-spacing:-.015em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--ink)}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px}.app-shell{min-height:100%;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}.app-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:20px 18px 40px}@media (min-width: 800px){.app-shell{padding-bottom:0;padding-left:232px}.app-main{padding-top:32px}}.topbar{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 82%,transparent);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:720px;margin:0 auto;padding:0 18px;height:58px;display:flex;align-items:center;justify-content:space-between}@media (min-width: 800px){.topbar-inner{max-width:720px}}.topbar .brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:1.05rem}.topbar .brand b{color:var(--coral)}.topbar .brand img{width:30px;height:30px}.topbar-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:40px;height:40px;border-radius:12px;border:none;background:transparent;color:var(--ink-soft);display:grid;place-items:center;transition:background .2s,color .2s}.icon-btn:hover{background:var(--paper-warm);color:var(--ink)}.nav{position:fixed;z-index:50;background:var(--surface);border-top:1px solid var(--line);bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;color:var(--ink-faint);font-size:.68rem;font-weight:600;border-radius:12px;transition:color .2s}.nav a svg{width:22px;height:22px}.nav a.active{color:var(--coral)}.nav a.active svg{stroke:var(--coral)}@media (min-width: 800px){.nav{top:0;bottom:0;right:auto;width:232px;flex-direction:column;justify-content:flex-start;border-top:none;border-right:1px solid var(--line);padding:22px 16px;gap:4px;background:var(--paper-warm)}.nav .nav-brand{display:flex;align-items:center;gap:10px;font-family:Fraunces,serif;font-size:1.35rem;font-weight:500;margin:0 8px 22px;color:var(--ink)}.nav .nav-brand b{color:var(--coral)}.nav .nav-brand img{width:34px;height:34px}.nav a{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;font-size:.96rem;padding:12px 14px}.nav a:hover{background:var(--surface);color:var(--ink)}.nav a.active{background:var(--surface);color:var(--coral);box-shadow:var(--shadow-sm)}}.nav-brand{display:none}@media (min-width: 800px){.nav-brand{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.98rem;padding:12px 20px;border-radius:999px;border:1.5px solid transparent;transition:transform .2s var(--ease),box-shadow .2s,background .2s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--grad-warm);color:#fff;box-shadow:0 8px 20px #ff6b5742}.btn-primary:hover{box-shadow:0 12px 26px #ff6b5757}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--lavender-deep)}.btn-ghost:hover{background:var(--surface)}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:.88rem}.btn:disabled{opacity:.55;pointer-events:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.card-lg{border-radius:var(--radius-lg);padding:24px}.field{margin-bottom:16px}.field label{display:block;font-size:.86rem;font-weight:600;margin-bottom:6px;color:var(--ink-soft)}.input,.textarea,.select{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);transition:border-color .2s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--coral)}.textarea{resize:vertical;min-height:90px;line-height:1.5}.page-head{margin-bottom:22px}.page-head .eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:6px}.page-head h1{font-size:1.9rem;margin-bottom:4px}.page-head p{color:var(--ink-soft);font-size:.98rem}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap-gap{display:flex;flex-wrap:wrap;gap:10px}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.center{text-align:center}.hidden{display:none}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:.76rem;font-weight:700;background:var(--paper-warm);color:var(--ink-soft)}.pill.teal{background:color-mix(in srgb,var(--teal) 12%,transparent);color:var(--teal)}.pill.coral{background:color-mix(in srgb,var(--coral) 12%,transparent);color:var(--coral-deep)}.empty{text-align:center;padding:48px 20px}.empty .emoji{font-size:2.6rem;margin-bottom:12px}.empty h3{font-size:1.3rem;margin-bottom:8px}.empty p{color:var(--ink-soft);max-width:34ch;margin:0 auto 20px}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 18px);transform:translate(-50%);background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:999px;font-size:.9rem;font-weight:600;box-shadow:var(--shadow-lg);z-index:200;animation:toastIn .3s var(--ease)}@media (min-width: 800px){.toast{bottom:24px;left:calc(50% + 116px)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#241b2f80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}@media (min-width: 640px){.modal-scrim{align-items:center}}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);width:100%;max-width:460px;border-radius:22px 22px 0 0;padding:24px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;animation:sheetUp .28s var(--ease)}@media (min-width: 640px){.modal{border-radius:22px}}@keyframes sheetUp{0%{transform:translateY(24px);opacity:0}}.modal h2{font-size:1.4rem;margin-bottom:4px}.modal .modal-sub{color:var(--ink-soft);font-size:.92rem;margin-bottom:18px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--lavender-deep);border-top-color:var(--coral);animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}