:root{--bg:#FAF7FF;--surface:#FFFFFF;--surface-2:#F5F0FD;--primary:#6D28D9;--primary-strong:#534AB7;--primary-soft:#EEEDFE;--accent:#059669;--text:#1E1B2E;--muted:#6B6680;--border:#ECE6F8;--danger:#DC2626;--radius-card:20px;--radius-btn:14px;--radius-pill:999px;--shadow-soft:0 4px 24px rgba(83,74,183,0.06);--shadow-raised:0 8px 32px rgba(83,74,183,0.10);--font-serif:var(--font-lora),Georgia,"Times New Roman",serif;--font-sans:var(--font-raleway),system-ui,-apple-system,sans-serif;--ease-out:cubic-bezier(0.22,1,0.36,1);--dur:150ms}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,h1,h2,h3,h4{color:var(--text)}h1,h2,h3,h4{font-family:var(--font-serif);line-height:1.25;margin:0;font-weight:600}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:480px;margin:0 auto;padding:24px 20px calc(96px + env(safe-area-inset-bottom));min-height:100dvh}.container--auth{justify-content:center;min-height:100dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.container--auth,.stack{display:flex;flex-direction:column}.stack{gap:16px}.stack-sm{display:flex;flex-direction:column;gap:8px}.eyebrow{font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-strong)}.muted{color:var(--muted)}.page-title{font-size:28px}.serif-italic{font-family:var(--font-serif);font-style:italic}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}.greeting-name{font-size:26px}.greeting-sub{color:var(--muted);font-size:15px;margin-top:2px}.streak-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-strong);font-weight:600;font-size:14px;white-space:nowrap}.streak-badge svg{color:var(--primary)}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-soft)}.card+.card{margin-top:16px}.card-title{font-size:19px;display:flex;align-items:center;gap:10px;margin-bottom:8px}.card-title svg{color:var(--primary);flex:none}.card-step{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-strong);font-family:var(--font-sans);font-size:13px;font-weight:700;flex:none}.synthesis-card{background:linear-gradient(160deg,var(--surface-2) 0,var(--surface) 70%);border:.5px solid var(--border);border-radius:var(--radius-card);padding:24px 20px;box-shadow:var(--shadow-soft)}.synthesis-text{font-family:var(--font-serif);font-style:italic;font-size:18px;line-height:1.6;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:12px 20px;border:0;border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:16px;font-weight:600;cursor:pointer;background:var(--surface-2);color:var(--primary-strong);transition:transform var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:active{transform:none}.btn-primary{background:var(--primary);color:#FFFFFF;box-shadow:var(--shadow-soft)}.btn-primary:hover{background:var(--primary-strong)}.btn-ghost{background:transparent;color:var(--primary-strong);min-height:44px}.btn-ghost:hover{background:var(--primary-soft)}.btn-link{background:transparent;border:0;color:var(--primary);font-family:var(--font-sans);font-weight:600;font-size:15px;cursor:pointer;padding:8px 4px;min-height:44px;display:inline-flex;align-items:center;gap:6px}.btn-link:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:6px}.field+.field{margin-top:14px}.label{font-size:14px;font-weight:600}.input,.label,.textarea,select.input{font-family:var(--font-sans);color:var(--text)}.input,.textarea,select.input{width:100%;padding:13px 14px;min-height:48px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:16px;line-height:1.5;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--muted)}.textarea{resize:vertical;min-height:96px}.input:focus,.textarea:focus,select.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input-wrap{position:relative}.input-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:10px}.input-toggle:hover{color:var(--primary-strong)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.chip:active{transform:scale(.98)}.chip-active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);font-weight:600}.mood-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.mood-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;min-height:76px;border-radius:16px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-family:var(--font-sans);font-size:12px;font-weight:500;cursor:pointer;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mood-tile:active{transform:scale(.98)}.mood-tile svg{color:var(--muted);transition:color var(--dur) var(--ease-out)}.mood-tile-active{background:var(--primary-soft);border-color:var(--primary);font-weight:600}.mood-tile-active,.mood-tile-active svg{color:var(--primary)}.progress{width:100%;height:10px;background:var(--surface-2);overflow:hidden}.progress,.progress-fill{border-radius:var(--radius-pill)}.progress-fill{height:100%;background:var(--primary);transition:width .3s var(--ease-out)}.progress-label{font-size:13px;color:var(--muted);margin-top:8px}.streak-hero{text-align:center;padding:28px 20px}.streak-ring{width:96px;height:96px;margin:0 auto 14px;border-radius:var(--radius-pill);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:var(--primary)}.streak-number{font-family:var(--font-serif);font-size:52px;font-weight:700;color:var(--primary);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.streak-caption{color:var(--muted);margin-top:6px;font-size:15px}.date-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.date-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--surface-2);color:var(--text);font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.date-item svg{color:var(--accent);flex:none}.audio{flex-direction:column}.audio,.audio-head{display:flex;gap:12px}.audio-head,.audio-icon{align-items:center}.audio-icon{width:44px;height:44px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:flex;justify-content:center;flex:none}.audio-title{font-family:var(--font-serif);font-size:17px;font-weight:600}.audio-meta{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:5px}.audio audio{width:100%}.brand{text-align:center;margin-bottom:28px}.brand-mark{font-family:var(--font-serif);font-size:40px;font-weight:600;color:var(--primary);letter-spacing:.01em}.brand-tagline{color:var(--muted);font-size:15px;margin-top:6px}.alert{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:12px;background:#FDECEC;color:var(--danger);font-size:14px;font-weight:500}.alert svg{flex:none}.center-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:60dvh;color:var(--muted)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--primary-soft);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:480px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-top:.5px solid var(--border);box-shadow:0 -4px 24px rgba(83,74,183,.06);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;min-height:52px;border:0;background:transparent;color:var(--muted);font-family:var(--font-sans);font-size:11px;font-weight:600;cursor:pointer;border-radius:12px;transition:color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.nav-item,.nav-item:hover{text-decoration:none}.nav-item svg{color:inherit}.nav-item-active,.nav-item-active svg{color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.btn:focus-visible,.chip:focus-visible,.input-toggle:focus-visible,.mood-tile:focus-visible,.nav-item:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.overlay input,.overlay select,.overlay textarea,.shell input,.shell select,.shell textarea{width:100%;padding:10px 12px;min-height:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:14px;font-family:inherit;line-height:1.5}.overlay input:focus,.overlay select:focus,.overlay textarea:focus,.shell input:focus,.shell select:focus,.shell textarea:focus{outline:2px solid var(--primary-soft);border-color:var(--primary);box-shadow:none}.overlay label,.shell label{display:block;font-size:13px;font-weight:400;color:var(--muted);margin:10px 0 4px}.overlay .btn,.shell .btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;width:auto;min-height:0;padding:9px 16px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:500;font-size:14px;cursor:pointer;transition:all .15s;box-shadow:none}.overlay .btn:hover,.shell .btn:hover{background:var(--surface-2)}.overlay .btn-primary,.shell .btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.overlay .btn-primary:hover,.shell .btn-primary:hover{background:var(--primary-strong)}.overlay .btn-danger,.shell .btn-danger{color:var(--danger);border-color:#f3c9c9;background:var(--surface)}.overlay .btn:active,.shell .btn:active{transform:scale(.98)}.overlay .btn-sm,.shell .btn-sm{padding:5px 10px;font-size:12.5px;border-radius:8px}.overlay .card,.shell .card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 20px;box-shadow:var(--shadow-soft)}.overlay .badge,.shell .badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong)}.overlay .badge-ok,.shell .badge-ok{background:#E1F5EE;color:#0F6E56}.overlay .badge-off,.shell .badge-off{background:#FBEAF0;color:#993556}.shell{display:flex;min-height:100vh}.sidebar{width:232px;background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px}.shell .brand{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--primary-strong);padding:6px 10px 16px;text-align:left;margin:0}.navlink{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text);font-weight:500;font-size:14px}.navlink:hover{background:var(--surface-2);text-decoration:none}.navlink.active{background:var(--primary-soft);color:var(--primary-strong)}.main{flex:1 1;padding:28px 32px;max-width:1100px}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pagehead h1{font-size:24px;margin:0}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-soft)}.metric .v{font-size:30px;font-weight:700;font-family:var(--font-serif);color:var(--primary-strong)}.metric .l{font-size:13px;color:var(--muted);margin-top:2px}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:var(--surface-2)}.table td,.table th{padding:12px 14px;border-bottom:1px solid var(--border)}.table td{font-size:14px}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#FBFAFE}.overlay .row,.shell .row{display:flex;gap:10px;align-items:center}.overlay .spacer,.shell .spacer{flex:1 1}.overlay{position:fixed;inset:0;background:rgba(30,27,46,.45);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--surface);border-radius:16px;padding:22px 24px;width:100%;max-width:480px;max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgba(30,27,46,.25)}.modal h2{font-size:18px;margin:0 0 8px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--border)}.tab{padding:8px 14px;border-radius:10px 10px 0 0;cursor:pointer;font-weight:500;font-size:14px;color:var(--muted)}.tab.active{color:var(--primary-strong);background:var(--primary-soft)}.overlay .kv,.shell .kv{display:grid;grid-template-columns:130px 1fr;grid-gap:4px 12px;gap:4px 12px;margin:0}.overlay .kv dd,.overlay .kv dt,.shell .kv dd,.shell .kv dt{padding:2px 0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.err{color:var(--danger);font-size:13px;margin:8px 0}.overlay .empty,.shell .empty{color:var(--muted);padding:24px;text-align:center}