@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/cargo/Manrope-400-PaqtzbVb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/cargo/Manrope-500-BYYD-dBL.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/cargo/Manrope-600-4f0koTD-.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/cargo/Manrope-700-BZp_XxE4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/cargo/Manrope-400-ext-CMDvPJRp.woff2)format("woff2");unicode-range:U+100-2AF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/cargo/Manrope-500-ext-dm74KBQw.woff2)format("woff2");unicode-range:U+100-2AF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/cargo/Manrope-600-ext-_gBojHdJ.woff2)format("woff2");unicode-range:U+100-2AF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/cargo/Manrope-700-ext-DYOwVNan.woff2)format("woff2");unicode-range:U+100-2AF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/cargo/Manrope-400-cyr-BMzJvInZ.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/cargo/Manrope-500-cyr-B1OEZity.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/cargo/Manrope-600-cyr-DvRl3Mj-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/cargo/Manrope-700-cyr-Dw_fZAg2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/cargo/JetBrainsMono-400-V6pRDFza.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/cargo/JetBrainsMono-500-BWZEU5yA.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/cargo/JetBrainsMono-700-BYuf6tUa.woff2)format("woff2")}:root{--bg:#0e1220;--surface:#171d2d;--surface-2:#222a3d;--surface-selected:#293352;--text-primary:#f4f6fa;--text-secondary:#9ba6ba;--divider:#323b50;--inactive:#687389;--accent:#6c7cff;--accent-pressed:#5867db;--bar-1:#3d4a73;--bar-2:#4e5d8f;--bar-3:#5e6fa8;--bar-4:#6c7cff;--bar-5:#8b98ff;--chip-bg:#2a3348;--chip-bg-hover:#323d56;--chip-selected:#3e4a66;--chip-border:#45526e;--positive:#68d7a5;--danger:#f26772;--state-calm:#56d6c9;--state-active:#ff7566;--state-focused:#5d8cff;--state-social:#a678f2;--state-chaotic:#ffb84d;--relief-calm-top:#56d6c9;--relief-calm-base:#367f85;--relief-active-top:#ff8a72;--relief-active-base:#c64f59;--relief-focused-top:#73a3ff;--relief-focused-base:#4e5fd7;--relief-social-top:#bb8bff;--relief-social-base:#7356c7;--relief-chaotic-top:#ffd166;--relief-chaotic-base:#e27a3f;--plot-bg:#121829;--plot-grid:#293148;--plot-highlight:#3a4562;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--nav-offset:calc(72px + var(--safe-bottom));--ink:#0e1220;--shadow-soft:0 4px 16px #00000038;--shadow-card:0 10px 28px #00000047, 0 1px 0 #ffffff0a inset;--shadow-float:0 16px 40px #00000061;--shadow-btn:0 8px 20px #6c7cff47;--shadow-sheet:0 -8px 48px #00000073;color:var(--text-primary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Manrope,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#harbor-root{height:100%;overflow:hidden}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{padding-left:var(--safe-left);padding-right:var(--safe-right);color:var(--text-primary);background-color:#0e1220;margin:0;font-family:Manrope,sans-serif}button,input,textarea,select{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;appearance:none}button{cursor:pointer;background:0 0;border:0}button:focus{outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}p,h1,h2,h3{margin:0}ul{margin:0;padding:0;list-style:none}.mono-digits{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.mono,.stat-num{font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif}.page-heading{letter-spacing:-.04em;font-size:28px;font-weight:700;line-height:34px}.section-title{letter-spacing:-.02em;font-size:18px;font-weight:600;line-height:24px}.body{font-size:15px;line-height:22px}.caption{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:16px}.stat-num{font-size:32px;font-weight:700;line-height:36px}.journal-frame{isolation:isolate;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.app-frame{z-index:1;flex-direction:column;flex:1;width:min(720px,100%);min-height:0;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen-stage{flex:1;min-height:0;position:relative}.screen-pane{flex-direction:column;min-height:0;display:none;position:absolute;inset:0}.screen-pane.active{z-index:1;display:flex}.screen-shell{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.screen-shell.screen-pane:not(.active){display:none}.screen-head{z-index:12;padding:calc(var(--safe-top) + 36px) 16px 18px;background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:1px solid color-mix(in srgb, var(--divider) 70%, transparent);box-shadow:var(--shadow-soft);flex:none}.screen-body{overscroll-behavior:contain;min-height:0;padding:18px 16px calc(var(--nav-offset) + 96px);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.screen-body>*{flex-shrink:0}.header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pile{flex-direction:column;gap:20px;display:flex}.stack-tight{flex-direction:column;gap:14px;display:flex}.section-title{margin-bottom:2px}.tile,.elevated-card{background:var(--surface);box-shadow:var(--shadow-card);border-radius:20px;padding:16px;position:relative;overflow:hidden}.elevated-card{border:1px solid color-mix(in srgb, var(--divider) 55%, transparent)}.plot-card{box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb, var(--divider) 50%, transparent);border-radius:20px;padding:0;overflow:hidden}.plot-full{width:100%;height:220px;display:block}.plot-compact{width:100%;height:96px;display:block}.plot-mini{width:100%;height:64px;display:block}.plot-preview{width:100%;height:88px;display:block}@media (min-width:720px){.plot-full{height:280px}.stat-num{font-size:40px;line-height:44px}}.empty-copy,.error-copy{color:var(--text-secondary)}.error-copy{color:var(--text-primary)}.inline-error{color:var(--danger);font-size:13px;line-height:18px}.observation{color:var(--text-secondary);background:var(--surface-2);border-radius:14px;padding:10px 12px;font-size:14px;line-height:20px}.icon{flex-shrink:0;width:24px;height:24px;display:block}.glyph{width:36px;height:18px;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.orb{animation:none!important}}.dock-bar{z-index:30;padding-bottom:calc(var(--safe-bottom) + 6px);background:var(--surface);border-top:1px solid color-mix(in srgb, var(--divider) 65%, transparent);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #00000059}.bottom-nav-inner{grid-template-columns:repeat(5,1fr);gap:2px;width:min(720px,100%);margin:0 auto;padding:8px 6px 4px;display:grid}.nav-btn{min-height:52px;color:var(--text-secondary);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:600;line-height:13px;transition:color .18s,background .18s;display:flex;position:relative}.nav-btn.active{color:var(--text-primary);background:color-mix(in srgb, var(--accent) 16%, var(--surface-2))}.nav-btn:active{transform:none}.fab{z-index:28;right:calc(16px + var(--safe-right));bottom:calc(var(--nav-offset) + 12px);background:var(--accent);height:56px;color:var(--ink);box-shadow:var(--shadow-float);border-radius:999px;align-items:center;gap:8px;padding:0 20px 0 16px;font-weight:700;transition:transform .18s,background .18s;display:flex;position:fixed}.fab:active{background:var(--accent-pressed);transform:scale(.98)}@media (min-width:720px){.fab{right:max(16px,50% - 344px)}}.pill-tag,.state-chip,.filter-chip{border:1px solid color-mix(in srgb, var(--divider) 80%, transparent);background:var(--surface-2);min-height:36px;color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.state-calm,.state-active,.state-focused,.state-social,.state-chaotic{color:var(--text-primary);border-color:#0000}.state-calm{background:color-mix(in srgb, var(--state-calm) 22%, transparent);border-color:color-mix(in srgb, var(--state-calm) 38%, transparent)}.state-active{background:color-mix(in srgb, var(--state-active) 20%, transparent);border-color:color-mix(in srgb, var(--state-active) 34%, transparent)}.state-focused{background:color-mix(in srgb, var(--state-focused) 22%, transparent);border-color:color-mix(in srgb, var(--state-focused) 36%, transparent)}.state-social{background:color-mix(in srgb, var(--state-social) 22%, transparent);border-color:color-mix(in srgb, var(--state-social) 36%, transparent)}.state-chaotic{background:color-mix(in srgb, var(--state-chaotic) 22%, transparent);border-color:color-mix(in srgb, var(--state-chaotic) 38%, transparent)}.chip-pick{border:1px solid var(--chip-border);background:var(--chip-bg);min-height:36px;color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s;display:inline-flex}.chip-pick.selected{background:var(--chip-selected);border-color:color-mix(in srgb, var(--bar-5) 55%, var(--chip-border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bar-4) 25%, transparent)}.chip-row,.intensity-row,.range-row,.filter-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-strip{margin-top:4px}.sieve-switch{gap:4px}.note-card{margin-bottom:0}.filter-compact .date-scroll{max-height:160px}.drawer .chip-pick{min-height:36px;padding:8px 12px}.drawer .intensity-btn{color:var(--text-primary);background:var(--chip-bg);border-color:var(--chip-border)}.drawer .intensity-btn.selected{background:var(--chip-selected);border-color:var(--bar-4)}.intensity-btn,.text-btn,.primary-btn,.secondary-btn,.danger-btn,.quiet-btn,.icon-btn,.input-like{border:1px solid color-mix(in srgb, var(--divider) 75%, transparent);background:var(--surface-2);border-radius:16px;min-height:48px;padding:0 16px;font-weight:600;transition:background .16s,transform .16s,border-color .16s}.intensity-btn{min-width:48px;padding:0}.intensity-btn.selected{background:color-mix(in srgb, var(--accent) 18%, var(--surface-selected));border-color:var(--accent)}.primary-btn{background:var(--accent);color:var(--ink);box-shadow:var(--shadow-btn);border-color:#0000}.secondary-btn{background:var(--surface);border-color:color-mix(in srgb, var(--accent) 35%, var(--divider));color:var(--text-primary);width:100%}.primary-btn:disabled,.secondary-btn:disabled,.quiet-btn:disabled{color:var(--inactive);background:var(--surface-2);box-shadow:none}.danger-btn{color:var(--text-primary);border-color:color-mix(in srgb, var(--text-primary) 45%, transparent);background:0 0}.quiet-btn{border-color:color-mix(in srgb, var(--divider) 70%, transparent);background:0 0}.text-btn{color:var(--accent);background:0 0;border:0;min-height:48px;padding:0 8px}.icon-btn{background:var(--surface-2);width:44px;min-height:44px;box-shadow:var(--shadow-soft);border-radius:14px;justify-content:center;align-items:center;padding:0;display:inline-flex}.beads{align-items:center;gap:4px;display:inline-flex}.dot{background:var(--divider);border-radius:99px;width:8px;height:8px}.dot.is-lit{background:var(--text-primary)}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-chip{background:var(--surface);min-height:88px;box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb, var(--divider) 50%, transparent);border-radius:18px;flex-direction:column;gap:6px;padding:14px;display:flex}.stat-chip span{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:16px}.stats-hero{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:560px){.stats-hero{grid-template-columns:repeat(3,1fr)}}.metric-card{background:var(--surface);box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb, var(--divider) 55%, transparent);border-radius:20px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.metric-card.accent{border-color:color-mix(in srgb, var(--accent) 40%, var(--divider))}.metric-label{color:var(--text-secondary);font-size:12px;font-weight:600}.metric-value{letter-spacing:-.03em;font-size:22px;font-weight:700;line-height:28px}.metric-hint{color:var(--inactive);font-size:11px}.toolbar-card{background:var(--surface);box-shadow:var(--shadow-soft);border-radius:18px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.toolbar-title{font-size:15px;font-weight:650}.stats-switch{z-index:3;position:sticky;top:0}.week-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:700px){.week-grid{grid-template-columns:1fr 1fr}}.week-day{text-align:left;flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.period-row,.note-card,.day-card{text-align:left;background:var(--surface);border:1px solid color-mix(in srgb, var(--divider) 55%, transparent);width:100%;color:inherit;box-shadow:var(--shadow-card);border-radius:18px;transition:transform .16s,background .16s;position:relative;overflow:hidden}.period-row:active,.note-card:active,.day-card:active,.elevated-card:active{transform:scale(.99)}.period-row{flex-direction:column;gap:10px;padding:16px 18px;display:flex}.period-top,.meta-row,.note-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.day-card{padding:0;display:block;position:relative;overflow:hidden}.day-body{flex-direction:column;gap:10px;width:100%;padding:16px 18px;display:flex}.note-card{flex-direction:column;gap:10px;padding:16px 18px;display:flex}.ellipsis{white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);overflow:hidden}.month-label{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;margin:4px 0 0;font-size:13px;font-weight:700}.insight-card{background:color-mix(in srgb, var(--accent) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 22%, var(--divider));box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative;overflow:hidden}.insight-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.insight-metric{flex-direction:column;gap:2px;display:flex}.insight-metric strong{font-size:18px;font-weight:700}.drawer-host{z-index:40;background:#0e1220;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.journal-frame:has(.drawer-host) .orb{visibility:hidden}.sheet-panel .field{margin-top:12px}.sheet-panel .field-spaced{margin-bottom:4px}.sheet-footer{margin-top:20px;padding-top:4px}.intensity-sheet{margin-top:6px;margin-bottom:8px}.reflection-toolbar{flex-direction:column;gap:14px;display:flex}.reflection-toolbar .search-input{margin:0}.picker-field{gap:10px}.picker-panel{background:color-mix(in srgb, var(--bg) 35%, var(--surface-2));border:1px solid color-mix(in srgb, var(--divider) 60%, transparent);border-radius:18px;flex-direction:column;gap:14px;margin-top:4px;padding:14px;display:flex}.picker-presets,.picker-end-row{margin:0}.picker-trigger{width:100%}.date-quick{margin-bottom:4px}.date-panel-label{margin:4px 2px 0}.date-panel{flex-direction:column;gap:10px;max-height:none;padding:12px;display:flex}.date-scroll{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow:auto}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-gradient{background:radial-gradient(ellipse 120% 80% at 50% -20%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 55%), linear-gradient(180deg, color-mix(in srgb, #1a2744 55%, var(--bg)) 0%, var(--bg) 42%, var(--bg) 100%);position:absolute;inset:0}.orb{filter:blur(56px);opacity:.55;animation:22s ease-in-out infinite alternate orb-drift;position:absolute}.orb-a{background:radial-gradient(circle at 30% 30%,#8b98ff 0%,#4e5fd7 38%,#0000 72%);border-radius:58% 42% 64% 36%/48% 52% 44% 56%;width:min(72vw,340px);height:min(52vw,260px);top:-8%;left:-18%}.orb-b{background:radial-gradient(circle at 60% 40%,#6c7cff 0%,#3a4a8f 42%,#0000 70%);border-radius:40% 60% 55% 45%/60% 40% 50% 50%;width:min(64vw,300px);height:min(48vw,220px);animation-duration:28s;animation-delay:-6s;top:18%;right:-22%}.orb-c{opacity:.42;background:radial-gradient(circle at 40% 60%,#5d8cff 0%,#2d3f7a 45%,#0000 68%);border-radius:62% 38% 48% 52%/42% 58% 44% 56%;width:min(56vw,260px);height:min(40vw,200px);animation-duration:26s;animation-delay:-12s;bottom:22%;left:8%}.orb-d{opacity:.38;background:radial-gradient(circle,#7a88ff 0%,#33406e 50%,#0000 74%);border-radius:48% 52% 60% 40%/55% 45% 52% 48%;width:min(70vw,320px);height:min(36vw,180px);animation-duration:32s;animation-delay:-4s;bottom:-6%;right:-10%}@keyframes orb-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(12px,-18px)scale(1.06)}}.screen-hero{border:1px solid color-mix(in srgb, var(--divider) 55%, transparent);box-shadow:var(--shadow-card);background:var(--surface);isolation:isolate;border-radius:22px;flex-shrink:0;margin:0;overflow:hidden}.screen-hero-img{object-fit:cover;object-position:center 40%;width:100%;height:188px;display:block}@media (min-width:720px){.screen-hero-img{height:220px}}.screen-hero-caption{color:var(--text-secondary);padding:12px 14px 14px;font-size:13px;font-style:italic;line-height:18px}.sheet-motion{background:var(--surface);border-radius:24px 24px 0 0;width:min(560px,100%);overflow:hidden}.drawer{background:var(--surface);width:100%;max-height:min(92dvh,860px);box-shadow:none;border-radius:0;overflow:hidden}.sheet-body{max-height:min(92dvh,860px);padding:20px 16px calc(var(--safe-bottom) + 20px);background:var(--surface);overflow:auto}.field{flex-direction:column;gap:8px;margin-top:14px;display:flex}.field input,.field textarea,.search-input,.input-like{border:1px solid color-mix(in srgb, var(--divider) 70%, transparent);background:var(--surface-2);border-radius:16px;width:100%;min-height:52px;padding:14px 16px;box-shadow:inset 0 1px #ffffff08}.field textarea{resize:none;min-height:140px}.input-like{text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex}.field-chevron{transition:transform .18s}.field-chevron.open,.collapse-chevron.open{transform:rotate(180deg)}.date-panel{background:color-mix(in srgb, var(--bg) 40%, var(--surface-2));border:1px solid color-mix(in srgb, var(--divider) 60%, transparent);border-radius:16px;flex-direction:column;gap:6px;padding:8px;display:flex;overflow:hidden}.date-option{text-align:left;min-height:44px;color:var(--text-secondary);border-radius:12px;padding:0 12px;font-weight:600}.date-option.selected{background:color-mix(in srgb, var(--accent) 16%, var(--surface-selected));color:var(--text-primary)}.collapse{background:var(--surface);box-shadow:var(--shadow-card);border-radius:20px;margin-top:12px;overflow:hidden}.collapse.compact .collapse-body{gap:8px;padding:0 12px 12px}.collapse.compact .collapse-trigger{min-height:44px;padding:10px 12px;font-size:14px}.collapse-trigger{justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:52px;padding:14px 16px;font-size:15px;font-weight:650;display:flex}.collapse-body{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}.collapse-chevron{transition:transform .18s}.form-actions{gap:10px;margin-top:18px;display:flex}.form-actions .primary-btn,.form-actions .quiet-btn,.form-actions .danger-btn,.form-actions .secondary-btn{flex:1}.wheel{background:var(--surface-2);border:1px solid color-mix(in srgb, var(--divider) 65%, transparent);border-radius:16px;overflow:hidden}.wheel-scroll{scroll-snap-type:y proximity;flex-direction:column;gap:6px;max-height:168px;padding:8px;display:flex;overflow:auto}.wheel button{min-height:44px;color:var(--text-secondary);scroll-snap-align:center;background:0 0;border:0;border-radius:12px;font-weight:600}.wheel button.is-lit{background:color-mix(in srgb, var(--accent) 16%, var(--surface-selected));color:var(--text-primary)}.wheel-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.segmented{background:var(--surface-2);border-radius:16px;flex-wrap:wrap;gap:6px;padding:4px;display:flex}.segment{min-width:64px;min-height:40px;color:var(--text-secondary);border-radius:12px;flex:1;font-size:13px;font-weight:650}.segment.is-lit{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-soft)}.dialog-root{z-index:50;background:#06080eb8;justify-content:center;align-items:center;padding:16px;animation:.18s fade-in;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid color-mix(in srgb, var(--divider) 60%, transparent);width:min(420px,100%);box-shadow:var(--shadow-sheet);border-radius:22px;flex-direction:column;gap:14px;padding:20px;display:flex}.snackbar{z-index:60;left:16px;right:16px;bottom:calc(var(--nav-offset) + 12px);background:var(--surface-2);border:1px solid color-mix(in srgb, var(--divider) 70%, transparent);width:min(688px,100% - 32px);min-height:52px;box-shadow:var(--shadow-float);border-radius:16px;justify-content:space-between;align-items:center;gap:8px;margin:0 auto;padding:10px 10px 10px 16px;display:flex;position:fixed}.snackbar.positive{border-color:color-mix(in srgb, var(--positive) 55%, var(--divider))}.key-strip{flex-direction:column;gap:8px;margin-top:10px;display:flex}.legend-row{justify-content:space-between;gap:8px;font-size:13px;font-weight:500;display:flex}.swatch{border-radius:99px;width:10px;height:10px;margin-right:6px;display:inline-block}.dist-canvas{border-radius:99px;width:100%;height:22px;display:block;overflow:hidden}.rank-list{flex-direction:column;gap:10px;display:flex}.rank-row{background:var(--surface-2);border:1px solid color-mix(in srgb, var(--divider) 55%, transparent);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:14px 16px;display:grid;position:relative;overflow:hidden}.rank-row-btn{text-align:left;width:100%;color:inherit}.rank-bar-track{background:color-mix(in srgb, var(--bg) 50%, var(--surface));border-radius:99px;grid-column:1/-1;height:8px;overflow:hidden}.rank-bar-fill{background:var(--bar-4);border-radius:99px;height:100%}.bucket-list{flex-direction:column;gap:12px;display:flex}.bucket-row{flex-direction:column;gap:6px;display:flex}.bucket-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.day-meter{background:var(--surface-2);border-radius:99px;height:6px;margin-top:6px;overflow:hidden}.day-meter-fill{background:linear-gradient(90deg, var(--bar-3), var(--bar-5));border-radius:99px;height:100%}.today-chart{width:100%;height:168px;display:block}.compare-pick{flex-direction:column;gap:10px;display:flex}.compare-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compare-col{background:var(--surface-2);border:1px solid color-mix(in srgb, var(--divider) 55%, transparent);border-radius:18px;flex-direction:column;gap:10px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.compare-metric{letter-spacing:-.03em;font-size:22px;font-weight:700}.void-note{text-align:center;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:28px 20px;display:flex}.empty-glyph{width:72px;height:72px;color:var(--text-secondary);opacity:.85}.empty-title{color:var(--text-primary);max-width:280px;font-size:16px;font-weight:650;line-height:22px}.empty-hint{color:var(--text-secondary);max-width:300px;font-size:14px;line-height:20px}.reflection-list{flex-direction:column;gap:20px;display:flex}.reflection-group{flex-direction:column;gap:14px;display:flex}.level-row{grid-template-columns:24px 1fr 1fr;align-items:center;gap:10px;margin-top:0;display:grid}.level-track{background:var(--surface-2);border-radius:99px;height:10px;overflow:hidden}.level-fill{border-radius:99px;height:100%}.search-input{margin-top:0}.touch-zone{background:color-mix(in srgb, var(--accent) 22%, var(--surface-selected));border-radius:6px}.back-btn,.icon-btn.way-back{background:var(--surface-2);width:44px;height:44px;color:var(--text-primary);box-shadow:var(--shadow-soft);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.panel{flex-direction:column;gap:16px;padding:16px 18px;display:flex}.panel .field{margin-top:0}.panel .rank-row,.panel .rank-list{box-shadow:none;background:0 0;border:0;padding:0}.panel .rank-list{gap:14px}.panel .rank-row{padding:2px 0 0}.time-mark{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text-primary);border-radius:8px;padding:2px 8px;font-weight:650}.period-note{color:var(--text-secondary);font-style:italic}.archive-date{align-items:baseline;gap:10px;display:flex}.archive-day{letter-spacing:-.04em;font-size:28px;font-weight:700;line-height:32px}.archive-meta{flex-direction:column;gap:2px;display:flex}.archive-note{color:var(--text-secondary);white-space:normal;font-style:italic}.journal-copy{font-style:italic;line-height:24px}.journal-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:700}.journal-when{margin-left:auto}.period-row:before,.note-card:before,.note-card:after,.day-card:before,.elevated-card:before,.compare-col:before,.insight-card:before,.rank-row:before,.toolbar-card:before{content:"";z-index:0;pointer-events:none;filter:blur(18px);position:absolute}.period-row>*,.note-card>*,.day-card>*,.elevated-card>*,.compare-col>*,.insight-card>*,.rank-row>*,.toolbar-card>*{z-index:1;position:relative}.period-row:before{background:radial-gradient(at 32% 38%,#a8b6ff80,#5c70d629 48%,#0000 74%);border-radius:62% 38% 54% 46%/44% 60% 40% 56%;width:48%;height:86%;top:-30%;right:-14%}.period-row:nth-child(2n):before{background:radial-gradient(at 62% 28%,#7e9cff6b,#465cba1a 52%,#0000 76%);border-radius:38% 62% 48% 52%/64% 36% 58% 42%;width:54%;inset:auto auto -38% -18%}.note-card:before{background:radial-gradient(at 42% 48%,#94a6ff6b,#0000 72%);border-radius:68% 32% 46% 54%/40% 60% 36% 64%;width:56%;height:78%;bottom:-32%;left:-22%}.note-card:after{filter:blur(22px);background:radial-gradient(at 48% 42%,#bec6ff57,#0000 74%);border-radius:46% 54% 66% 34%/58% 42% 52% 48%;width:34%;height:46%;top:-20%;right:-8%}.day-card:before{background:radial-gradient(at 28% 40%,#849aff66,#0000 72%);border-radius:44% 56% 62% 38%/36% 64% 42% 58%;width:62%;height:130%;top:-42%;right:-22%}.elevated-card:before{background:radial-gradient(at 38% 36%,#9caaff61,#0000 74%);border-radius:56% 44% 34% 66%/48% 52% 42% 58%;width:40%;height:88%;top:-34%;right:-12%}.elevated-card:nth-child(odd):before{border-radius:34% 66% 50% 50%/62% 38% 54% 46%;inset:auto auto -30% -16%}.compare-col:before{background:radial-gradient(at 40%,#8ca0ff66,#0000 72%);border-radius:60% 40% 48% 52%/36% 64% 44% 56%;width:70%;height:90%;bottom:-36%;left:-28%}.compare-col:last-child:before{background:radial-gradient(at 60% 30%,#b0bcff5c,#0000 74%);border-radius:42% 58% 64% 36%/54% 46% 40% 60%;inset:-32% -24% auto auto}.insight-card:before{background:radial-gradient(at 40% 40%,#96a8ff5c,#0000 70%);border-radius:50% 50% 38% 62%/44% 56% 60% 40%;width:72%;height:120%;top:-50%;right:-20%}.rank-row:before{filter:blur(14px);background:radial-gradient(at 36% 44%,#96a8ff52,#0000 74%);border-radius:64% 36% 48% 52%/42% 58% 36% 64%;width:42%;height:160%;top:-40%;right:-16%}.panel .rank-row:before{content:none}.toolbar-card:before{background:radial-gradient(at 40%,#a0aeff57,#0000 72%);border-radius:58% 42% 46% 54%/36% 64% 48% 52%;width:28%;height:180%;top:-40%;left:-6%}.stat-date{align-items:baseline;gap:8px;display:flex}.stat-day{letter-spacing:-.03em;font-size:20px;font-weight:700}.stat-hint{color:color-mix(in srgb, var(--accent) 55%, var(--text-secondary))}.stat-note{font-style:italic}.date-tile{border:1px solid color-mix(in srgb, var(--divider) 70%, transparent);background:var(--surface);min-width:64px;min-height:64px;color:var(--text-secondary);border-radius:16px;flex-direction:column;align-items:flex-start;gap:0;padding:8px 10px;display:flex}.date-tile strong{color:var(--text-primary);font-size:18px;font-weight:700;line-height:22px}.date-tile.selected{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-color:color-mix(in srgb, var(--accent) 45%, var(--divider))}.compare-levels,.compare-notes{flex-direction:column;gap:14px;display:flex}.compare-line{background:color-mix(in srgb, var(--bg) 45%, var(--surface-2));border-radius:14px;margin:0;padding:12px 14px}.level-row{margin-top:0}.day-state{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:700}@keyframes sheet-in{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}