*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html{-webkit-text-size-adjust:100%;touch-action:manipulation}input,textarea,select{font-size:16px!important}:root,[data-theme=modern]{--bg-base: #06060c;--bg-deep: #02020a;--bg-surface: rgba(20, 18, 38, .55);--bg-elev: rgba(28, 24, 52, .78);--bg-glass: rgba(140, 110, 255, .05);--violet: #8b6fff;--violet-deep: #5b4cff;--violet-soft: #b9a8ff;--moonlight: #d8e0ff;--starlight: #fce683;--aurora: #65d4ff;--rem-pink: #ff8fc8;--ink-1: #f4f1ff;--ink-2: rgba(244, 241, 255, .72);--ink-3: rgba(244, 241, 255, .45);--ink-4: rgba(244, 241, 255, .22);--line-1: rgba(184, 168, 255, .1);--line-2: rgba(184, 168, 255, .18);--line-3: rgba(184, 168, 255, .32);--stage-awake: #fce683;--stage-rem: #ff8fc8;--stage-light: #65d4ff;--stage-deep: #5b4cff;--font-display: "Fraunces", "Times New Roman", serif;--font-body: "Geist", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Geist Mono", "IBM Plex Mono", ui-monospace, monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-full: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-elastic: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .18s;--dur-base: .32s;--dur-slow: .6s;--glow-violet: 0 0 32px rgba(139, 111, 255, .35), 0 0 80px rgba(139, 111, 255, .12);--glow-soft: 0 8px 32px rgba(0, 0, 0, .5);--shadow-card: 0 1px 0 0 rgba(255,255,255,.06) inset, 0 24px 60px -20px rgba(0, 0, 0, .6);color-scheme:dark}[data-theme=brutalist]{--bg-base: #ffffff;--bg-deep: #ffffff;--bg-surface: #ffffff;--bg-elev: #ffffff;--bg-glass: #ffffff;--violet: #000000;--violet-deep: #000000;--violet-soft: #000000;--moonlight: #000000;--starlight: #000000;--aurora: #000000;--rem-pink: #000000;--ink-1: #000000;--ink-2: #000000;--ink-3: #4a4a4a;--ink-4: #999999;--line-1: rgba(0, 0, 0, .18);--line-2: rgba(0, 0, 0, .45);--line-3: #000000;--stage-awake: #000000;--stage-rem: #000000;--stage-light: #000000;--stage-deep: #000000;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-full: 0;--ease-out: linear;--ease-elastic: linear;--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--glow-violet: 4px 4px 0 0 #000000;--glow-soft: 4px 4px 0 0 #000000;--shadow-card: 4px 4px 0 0 #000000;color-scheme:light}body{font-family:var(--font-body);font-weight:400;background:var(--bg-base);color:var(--ink-1);height:100vh;height:100svh;height:100dvh;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.cosmos{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:1;transition:opacity var(--dur-base) var(--ease-out);contain:strict}[data-theme=brutalist] .cosmos{opacity:0}.cosmos-nebula{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(ellipse 80% 60% at 18% 8%,rgba(139,111,255,.18),transparent 60%),radial-gradient(ellipse 60% 80% at 90% 90%,rgba(101,212,255,.1),transparent 55%),radial-gradient(ellipse 100% 50% at 50% 100%,rgba(255,143,200,.08),transparent 60%);filter:blur(28px);will-change:transform;animation:nebulaDrift 24s ease-in-out infinite alternate}.cosmos-stars{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;background-image:radial-gradient(circle at 20% 30%,var(--moonlight) .5px,transparent .6px),radial-gradient(circle at 67% 80%,var(--violet-soft) .5px,transparent .6px),radial-gradient(circle at 88% 14%,var(--starlight) .5px,transparent .6px),radial-gradient(circle at 33% 65%,var(--aurora) .5px,transparent .6px),radial-gradient(circle at 5% 88%,var(--moonlight) .5px,transparent .6px),radial-gradient(circle at 95% 55%,var(--violet-soft) .5px,transparent .6px);background-size:220px 220px,340px 340px,280px 280px,410px 410px,320px 320px,380px 380px;opacity:.55;will-change:transform;animation:starsDrift 60s linear infinite}@keyframes nebulaDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-2%,1.5%,0) scale(1.04)}}@keyframes starsDrift{0%{transform:translateZ(0)}to{transform:translate3d(-3%,-2%,0)}}[data-theme=brutalist] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.04) 1px,transparent 1px);background-size:32px 32px;z-index:0;pointer-events:none}.app{position:relative;z-index:1;display:flex;flex-direction:column;height:100vh;height:100svh;height:100dvh;max-width:480px;margin:0 auto;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;flex-shrink:0;z-index:10}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(140deg,var(--violet),var(--violet-deep));position:relative;display:grid;place-items:center;box-shadow:var(--glow-violet);transition:all var(--dur-base) var(--ease-out)}[data-theme=brutalist] .brand-mark{background:#fff;border:3px solid #000;box-shadow:3px 3px #000}.brand-mark svg{width:18px;height:18px}[data-theme=modern] .brand-mark svg{stroke:#fff}[data-theme=brutalist] .brand-mark svg{stroke:#000}.brand-name{font-family:var(--font-display);font-weight:500;font-size:22px;font-variation-settings:"opsz" 144,"SOFT" 50;letter-spacing:-.02em;line-height:1}.brand-name b{font-weight:700;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}[data-theme=brutalist] .brand-name{font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.02em}.header-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-1);border-radius:var(--radius-md);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink-2);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);-webkit-touch-callout:none}[data-theme=brutalist] .icon-btn{border:2px solid #000;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.icon-btn:active{transform:scale(.94);border-color:var(--line-3)}[data-theme=brutalist] .icon-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.icon-btn svg{width:18px;height:18px;stroke-width:1.6}.pages-wrap{flex:1;position:relative;overflow:hidden;contain:strict;touch-action:pan-y}.pages{display:flex;height:100%;transition:transform .36s cubic-bezier(.32,.72,0,1);transform:translateZ(0);backface-visibility:hidden}[data-theme=brutalist] .pages{transition:transform 0ms}.page{flex:0 0 100%;height:100%;padding:4px 18px max(12px,env(safe-area-inset-bottom,0px));overflow:hidden;display:flex;flex-direction:column;gap:12px;contain:layout paint style}.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:4px 4px 8px}.page-title{font-family:var(--font-display);font-weight:400;font-variation-settings:"opsz" 144,"SOFT" 80,"WONK" 1;font-size:32px;line-height:.95;letter-spacing:-.035em;min-width:0;word-break:break-word}.page-title em{font-style:italic;color:var(--violet-soft);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}[data-theme=brutalist] .page-title{font-family:var(--font-mono);font-weight:900;font-size:28px;text-transform:uppercase;letter-spacing:-.02em}[data-theme=brutalist] .page-title em{font-style:normal;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;color:#000}.page-subtitle{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;align-self:center}[data-theme=brutalist] .page-subtitle{font-weight:700;color:#000;border:2px solid #000;padding:4px 8px}.surface{background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--radius-lg);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:var(--shadow-card);position:relative;overflow:hidden;contain:layout paint style}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){[data-theme=modern] .surface{background:#141226d9}}[data-theme=brutalist] .surface{background:#fff;border:3px solid #000;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:4px 4px #000}[data-theme=modern] .surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(184,168,255,.08),transparent 35%);pointer-events:none}.bottom{flex-shrink:0;padding:8px 16px max(14px,env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;gap:6px}.tab{flex:1;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid transparent;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);color:var(--ink-3);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}.tab svg{width:17px;height:17px;stroke-width:1.5}.tab.active{color:var(--ink-1);background:var(--bg-glass);border-color:var(--line-2)}.tab.active svg{stroke:var(--violet-soft)}.tab.active .tab-label{font-weight:700;opacity:1}.tab:active{transform:scale(.94)}[data-theme=brutalist] .tab:active{transform:translate(1px,1px)}.tab:focus-visible{outline:2px solid var(--violet-soft);outline-offset:2px}.tab:focus{outline:none}[data-theme=brutalist] .tab{border:2px solid transparent;font-weight:700}[data-theme=brutalist] .tab.active{background:#000;color:#fff;border:2px solid #000}.tab-label{opacity:.85}.tonight-grid{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.phasic-wheel{flex:1;min-height:0;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.phasic-wheel svg{width:100%;height:100%;max-height:320px;max-width:320px}.phasic-center{position:absolute;top:0;right:0;bottom:0;left:0;padding:14% 18%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}.phasic-eyebrow{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--violet-soft);margin-bottom:4px}[data-theme=brutalist] .phasic-eyebrow{color:#000;font-weight:700}.phasic-time{font-family:var(--font-display);font-size:56px;font-weight:400;font-variation-settings:"opsz" 144,"SOFT" 60;line-height:.95;letter-spacing:-.04em;background:linear-gradient(180deg,var(--ink-1),var(--violet-soft));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=brutalist] .phasic-time{font-family:var(--font-mono);font-weight:900;background:none;-webkit-text-fill-color:#000;color:#000}.phasic-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-2);margin-top:6px;letter-spacing:.04em;line-height:1.35;max-width:78%;margin-inline:auto}.phasic-meta b{color:var(--starlight);font-weight:600}[data-theme=brutalist] .phasic-meta b{color:#000}.phasic-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:center}.pill{padding:7px 12px;border-radius:var(--radius-full);border:1px solid var(--line-2);background:var(--bg-glass);color:var(--ink-2);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all var(--dur-fast) var(--ease-out)}[data-theme=brutalist] .pill{border:2px solid #000;background:#fff;color:#000;font-weight:700;text-transform:uppercase}.pill:active{transform:scale(.97)}.pill.active{background:var(--violet);color:#fff;border-color:var(--violet)}[data-theme=brutalist] .pill.active{background:#000;color:#fff;border-color:#000}.pill svg{width:12px;height:12px}.sound-card{padding:14px 16px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-title{font-family:var(--font-display);font-size:17px;font-weight:500;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 80,"WONK" 1;letter-spacing:-.015em}[data-theme=brutalist] .card-title{font-family:var(--font-mono);font-weight:900;font-style:normal;text-transform:uppercase;font-size:13px;letter-spacing:.04em}.card-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:3px 8px;border:1px solid var(--line-1);border-radius:var(--radius-full)}[data-theme=brutalist] .card-tag{border:2px solid #000;color:#000;font-weight:700}.sound-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sound-tile{aspect-ratio:1.1 / 1;border-radius:var(--radius-md);border:1px solid var(--line-1);background:var(--bg-glass);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);position:relative;overflow:hidden}[data-theme=brutalist] .sound-tile{border:2px solid #000;background:#fff}.sound-tile.active{border-color:var(--violet);background:linear-gradient(160deg,#8b6fff2e,#5b4cff0f);box-shadow:var(--glow-violet)}[data-theme=brutalist] .sound-tile.active{background:#000;color:#fff;box-shadow:4px 4px #000}.sound-tile.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 110%,rgba(139,111,255,.4),transparent 60%);pointer-events:none}[data-theme=brutalist] .sound-tile.active:after{display:none}.sound-tile svg{width:22px;height:22px;stroke-width:1.4}.sound-label{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-weight:500}[data-theme=brutalist] .sound-tile.active .sound-label,[data-theme=brutalist] .sound-tile.active svg{color:#fff;stroke:#fff}.waveform{margin-top:10px;height:32px;display:flex;align-items:center;justify-content:center;gap:2px}.wave-bar{width:2px;background:var(--violet-soft);border-radius:2px;animation:wave 1.4s ease-in-out infinite}[data-theme=brutalist] .wave-bar{background:#000;border-radius:0;width:3px}@keyframes wave{0%,to{height:6px;opacity:.4}50%{height:28px;opacity:1}}.score-row{display:flex;gap:8px}.score-card{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.score-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.score-val{font-family:var(--font-display);font-weight:500;font-size:28px;line-height:1;font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 1;letter-spacing:-.03em}[data-theme=brutalist] .score-val{font-family:var(--font-mono);font-weight:900}.score-val small{font-size:12px;color:var(--ink-3);font-weight:400;margin-left:1px}.score-val.good{color:var(--aurora)}.score-val.great{color:var(--violet-soft)}.score-val.warn{color:var(--starlight)}[data-theme=brutalist] .score-val.good,[data-theme=brutalist] .score-val.great,[data-theme=brutalist] .score-val.warn{color:#000}.score-bar{margin-top:4px;height:3px;background:var(--line-1);border-radius:2px;overflow:hidden;position:relative}[data-theme=brutalist] .score-bar{background:#fff;border:1.5px solid #000;border-radius:0;height:6px}.score-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;right:var(--inv, 20%);background:linear-gradient(90deg,var(--violet),var(--violet-soft))}[data-theme=brutalist] .score-bar:after{background:#000}.constellation-card{flex:1;min-height:0;padding:12px 14px 6px;display:flex;flex-direction:column}.constellation-canvas{flex:1;position:relative;min-height:0;margin:4px 0 0}.constellation-canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.stage-legend{display:flex;justify-content:space-between;gap:6px;margin-top:10px;flex-shrink:0}.legend-item{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}[data-theme=brutalist] .legend-item{font-weight:700}.legend-dot{width:8px;height:8px;border-radius:50%}[data-theme=brutalist] .legend-dot{border-radius:0;border:2px solid #000;background:#fff!important}[data-theme=brutalist] .legend-dot.deep{background:#000!important}[data-theme=brutalist] .legend-dot.rem{background:repeating-linear-gradient(45deg,#000 0,#000 2px,#fff 2px,#fff 4px)!important}[data-theme=brutalist] .legend-dot.light{background:repeating-linear-gradient(0deg,#000 0,#000 1px,#fff 1px,#fff 3px)!important}.star{transform-origin:center;transform-box:fill-box}.star.tw1{animation:twinkle 3.2s ease-in-out infinite}.star.tw2{animation:twinkle 4.6s ease-in-out infinite .4s}.star.tw3{animation:twinkle 2.8s ease-in-out infinite 1.2s}@keyframes twinkle{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}[data-theme=brutalist] .star{animation:none!important;opacity:1!important;transform:none!important}.dream-composer{padding:14px 16px}.dream-stage{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center}.glyph-canvas{width:96px;height:96px;border:1px solid var(--line-2);border-radius:var(--radius-md);background:radial-gradient(circle at 30% 30%,rgba(139,111,255,.18),transparent 60%),radial-gradient(circle at 70% 70%,rgba(101,212,255,.1),transparent 65%),#0a0816;position:relative;overflow:hidden;flex-shrink:0}[data-theme=brutalist] .glyph-canvas{border:3px solid #000;background:#fff}.glyph-canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dream-input-wrap{display:flex;flex-direction:column;gap:6px}.dream-input{width:100%;background:var(--bg-glass);border:1px solid var(--line-1);border-radius:var(--radius-md);padding:10px 12px;color:var(--ink-1);font-family:var(--font-body);font-size:13px!important;font-weight:400;line-height:1.45;resize:none;height:64px;-webkit-user-select:text;user-select:text;outline:none;transition:border-color var(--dur-fast)}[data-theme=brutalist] .dream-input{background:#fff;border:2px solid #000;color:#000;font-family:var(--font-mono)}.dream-input::placeholder{color:var(--ink-3);font-style:italic}.dream-input:focus{border-color:var(--violet)}.dream-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding:3px 8px;border:1px solid var(--line-1);border-radius:var(--radius-full);cursor:pointer;transition:all var(--dur-fast);background:transparent;line-height:1;font-weight:inherit}[data-theme=brutalist] .tag{border:2px solid #000;color:#000;font-weight:700}.tag.on{background:var(--violet);border-color:var(--violet);color:#fff}[data-theme=brutalist] .tag.on{background:#000;color:#fff}.dream-actions{display:flex;gap:8px;margin-top:10px}.btn{flex:1;height:38px;border:1px solid var(--line-2);background:var(--bg-glass);color:var(--ink-1);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);display:inline-flex;align-items:center;justify-content:center;gap:6px}[data-theme=brutalist] .btn{border:3px solid #000;background:#fff;color:#000;font-weight:700}.btn:active{transform:scale(.97)}[data-theme=brutalist] .btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.btn.primary{background:linear-gradient(135deg,var(--violet),var(--violet-deep));border-color:transparent;box-shadow:var(--glow-violet)}[data-theme=brutalist] .btn.primary{background:#000;color:#fff;border:3px solid #000;box-shadow:4px 4px #000}.btn.primary.saved{transform:scale(.95)}[data-theme=brutalist] .btn.primary.saved{transform:translate(2px,2px);box-shadow:2px 2px #000}.btn svg{width:13px;height:13px}.archive-card{flex:1;min-height:0;padding:12px 14px;display:flex;flex-direction:column}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:none}.archive-grid::-webkit-scrollbar{display:none}.archive-cell{aspect-ratio:1;border:1px solid var(--line-1);border-radius:var(--radius-sm);background:radial-gradient(circle at 30% 30%,rgba(139,111,255,.1),transparent 60%),#0a0816;position:relative;overflow:hidden;cursor:pointer}[data-theme=brutalist] .archive-cell{border:2px solid #000;background:#fff}.archive-cell svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.archive-cell.placeholder{opacity:.5;filter:blur(1.5px) saturate(.6);transition:opacity var(--dur-base) var(--ease-out),filter var(--dur-base) var(--ease-out)}.archive-cell.placeholder .archive-date{opacity:.55}[data-theme=brutalist] .archive-cell.placeholder{opacity:.55;filter:none;background:repeating-linear-gradient(135deg,#fff 0,#fff 6px,#ececec 6px,#ececec 12px)}[data-theme=brutalist] .archive-cell.placeholder svg{opacity:.4}.archive-date{position:absolute;bottom:3px;left:4px;right:4px;font-family:var(--font-mono);font-size:7px;letter-spacing:.1em;color:var(--ink-3);text-align:center;text-transform:uppercase;background:#0006;padding:1px 2px;border-radius:2px}[data-theme=brutalist] .archive-date{color:#000;background:#fff;border-radius:0;font-weight:700}.orbital-card{flex:1;min-height:0;padding:12px 16px;display:flex;flex-direction:column}.orbital-canvas{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;margin:4px 0}.orbital-canvas svg{width:100%;height:100%;max-height:280px;max-width:280px}.orbit-mental{animation:spinMental 14s linear infinite;transform-origin:center;transform-box:view-box}.orbit-emotional{animation:spinEmotional 22s linear infinite;transform-origin:center;transform-box:view-box}.orbit-physical{animation:spinPhysical 30s linear infinite;transform-origin:center;transform-box:view-box}[data-theme=brutalist] .orbit-mental{animation:none;transform:rotate(72deg);transform-origin:center;transform-box:view-box}[data-theme=brutalist] .orbit-emotional{animation:none;transform:rotate(190deg);transform-origin:center;transform-box:view-box}[data-theme=brutalist] .orbit-physical{animation:none;transform:rotate(295deg);transform-origin:center;transform-box:view-box}@keyframes spinMental{0%{transform:rotate(72deg)}to{transform:rotate(432deg)}}@keyframes spinEmotional{0%{transform:rotate(190deg)}to{transform:rotate(-170deg)}}@keyframes spinPhysical{0%{transform:rotate(295deg)}to{transform:rotate(655deg)}}.orbital-legend{display:flex;justify-content:space-between;padding:0 4px;margin-top:4px}.orbital-key{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}[data-theme=brutalist] .orbital-key{font-weight:700}.orbital-key b{font-weight:600;color:var(--ink-1);margin-left:2px}.week-strip{padding:12px 14px}.week-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:8px}.day-bar{display:flex;flex-direction:column;align-items:center;gap:4px}.day-bar .bar{width:100%;height:32px;border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--line-1);position:relative;overflow:hidden}[data-theme=brutalist] .day-bar .bar{border:2px solid #000;border-radius:0;background:#fff}.day-bar .fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--violet-soft),var(--violet));border-radius:var(--radius-sm)}[data-theme=brutalist] .day-bar .fill{background:#000;border-radius:0}.day-bar.today .bar{border-color:var(--violet);box-shadow:0 0 12px #8b6fff4d}[data-theme=brutalist] .day-bar.today .bar{border:3px solid #000;box-shadow:3px 3px #000}.day-label{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}[data-theme=brutalist] .day-label{font-weight:700;color:#000}.day-bar.today .day-label{color:var(--violet-soft)}[data-theme=brutalist] .day-bar.today .day-label{color:#000;text-decoration:underline}.recovery-grid{flex:1;display:grid;grid-template-rows:auto auto;gap:12px;min-height:0;align-content:start}.hourglass-card{padding:14px 16px 18px;display:flex;flex-direction:column;align-items:center;position:relative}.hourglass-stack{display:flex;align-items:center;gap:18px;width:100%;min-height:0;margin-top:4px}.hourglass-svg{width:110px;height:220px;flex-shrink:0}.hourglass-svg svg{width:100%;height:100%}.recovery-stats{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:center}.big-num{font-family:var(--font-display);font-size:64px;font-weight:400;line-height:.85;font-variation-settings:"opsz" 144,"SOFT" 60,"WONK" 1;letter-spacing:-.05em;background:linear-gradient(180deg,var(--ink-1),var(--violet-soft));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=brutalist] .big-num{font-family:var(--font-mono);font-weight:900;background:none;-webkit-text-fill-color:#000;color:#000}.big-num small{font-size:18px;margin-left:2px;color:var(--ink-3);-webkit-text-fill-color:initial}.big-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}[data-theme=brutalist] .big-label{font-weight:700;color:#000}.stat-line{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;padding-top:6px;border-top:1px solid var(--line-1)}[data-theme=brutalist] .stat-line{border-top:2px solid #000;font-weight:700}.stat-line span:first-child{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:9.5px}.stat-line b{color:var(--ink-1);font-weight:600}[data-theme=brutalist] .stat-line b{color:#000}.grain{animation:fall 1.6s linear infinite}[data-theme=brutalist] .grain{animation:none!important}@keyframes fall{0%{transform:translateY(-2px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(60px);opacity:0}}.proof-card{padding:12px 14px}.proof-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.proof-icon{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(140deg,#65d4ff2e,#8b6fff2e);display:grid;place-items:center;flex-shrink:0}[data-theme=brutalist] .proof-icon{background:#fff;border:2px solid #000;border-radius:0}.proof-icon svg{width:16px;height:16px;stroke:var(--aurora)}[data-theme=brutalist] .proof-icon svg{stroke:#000}.proof-text{flex:1;font-family:var(--font-body);font-size:11px;line-height:1.4;color:var(--ink-2)}[data-theme=brutalist] .proof-text{color:#000;font-family:var(--font-mono)}.proof-text b{color:var(--ink-1);font-weight:600}.hash-chain{font-family:var(--font-mono);font-size:9px;color:var(--violet-soft);letter-spacing:.04em;word-break:break-all;line-height:1.5;padding:8px 10px;background:var(--bg-deep);border:1px solid var(--line-1);border-radius:var(--radius-sm);overflow:hidden;max-height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[data-theme=brutalist] .hash-chain{background:#fff;border:2px solid #000;color:#000;font-weight:700}.swipe-hint{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-4);pointer-events:none;opacity:0;animation:hintFade 4s ease-in-out .6s forwards}@keyframes hintFade{0%{opacity:0}20%{opacity:.8}80%{opacity:.8}to{opacity:0}}@media (max-height: 880px){.page-title{font-size:28px}.phasic-time{font-size:48px}.big-num{font-size:54px}.phasic-wheel svg{max-height:300px;max-width:300px}}@media (max-height: 720px){.page-title{font-size:26px}.phasic-time{font-size:46px}.big-num{font-size:52px}.phasic-wheel svg{max-height:260px;max-width:260px}.orbital-canvas svg{max-height:240px;max-width:240px}.archive-grid{grid-template-columns:repeat(4,1fr)}}@media (max-height: 640px){.page-title{font-size:22px}.phasic-time{font-size:38px}.big-num{font-size:42px}.phasic-wheel svg{max-height:220px;max-width:220px}.orbital-canvas svg{max-height:200px;max-width:200px}.sound-row{gap:4px}.sound-tile{aspect-ratio:1.3 / 1}.archive-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 380px) and (max-width: 430px){.page-header{gap:10px}.page-subtitle{font-size:9.5px;padding-left:0}}@media (hover: none) and (pointer: coarse){.icon-btn:hover,.tab:hover,.pill:hover,.btn:hover{transform:none}}@media (prefers-reduced-motion: reduce){.cosmos-nebula,.cosmos-stars,.star,.grain,.wave-bar,.orbit-mental,.orbit-emotional,.orbit-physical{animation:none!important}.swipe-hint{animation:none!important;opacity:.6}.pages{transition-duration:0ms!important}}[data-theme=brutalist] .phasic-wheel circle[fill="url(#wheelGlow)"]{display:none}[data-theme=brutalist] .phasic-wheel #sleepArc{stroke:#000!important;opacity:1!important;stroke-width:4;stroke-dasharray:6 4}[data-theme=brutalist] .phasic-wheel #moonHead circle:first-child{fill:#000!important;opacity:1!important;r:8}[data-theme=brutalist] .phasic-wheel #moonHead circle:last-child{fill:#fff!important}[data-theme=brutalist] .phasic-wheel #wakeHead circle:first-child{fill:#fff!important;stroke:#000!important;stroke-width:2!important;opacity:1!important}[data-theme=brutalist] .phasic-wheel #wakeHead circle:last-child{stroke:#000!important;stroke-width:1!important;opacity:1!important}[data-theme=brutalist] .phasic-wheel #ticks{stroke:#000!important;opacity:1!important;stroke-width:1.5}[data-theme=brutalist] .phasic-wheel circle[stroke-opacity]{stroke:#000!important;stroke-opacity:1!important}[data-theme=brutalist] .phasic-wheel text{fill:#000!important;opacity:1!important;font-weight:700}[data-theme=brutalist] .orbital-canvas circle[fill="url(#coreGlow)"]{display:none}[data-theme=brutalist] .orbital-canvas circle[fill="#fce683"]{fill:#000!important;r:8}[data-theme=brutalist] .orbital-canvas circle[stroke-dasharray]{stroke:#000!important;stroke-opacity:1!important}[data-theme=brutalist] .orbit-mental circle:first-child{fill:#fff!important;stroke:#000!important;stroke-width:2!important}[data-theme=brutalist] .orbit-mental circle:last-child{stroke:#000!important;opacity:1!important;stroke-width:1!important}[data-theme=brutalist] .orbit-emotional circle:first-child{fill:#000!important}[data-theme=brutalist] .orbit-emotional circle:last-child{stroke:#000!important;opacity:1!important;stroke-width:1!important}[data-theme=brutalist] .orbit-physical circle:first-child{fill:#000!important}[data-theme=brutalist] .orbit-physical circle:last-child{stroke:#000!important;opacity:1!important;stroke-width:2!important}[data-theme=brutalist] .orbital-canvas line{stroke:#000!important;stroke-opacity:1!important}[data-theme=brutalist] .orbital-key:nth-child(1) .legend-dot{background:#000!important}[data-theme=brutalist] .orbital-key:nth-child(2) .legend-dot{background:repeating-linear-gradient(45deg,#000 0,#000 2px,#fff 2px,#fff 4px)!important;outline:1px solid #000}[data-theme=brutalist] .orbital-key:nth-child(3) .legend-dot{background:#fff!important;outline:2px solid #000}[data-theme=brutalist] .hourglass-svg path[fill=none]{stroke:#000!important;stroke-opacity:1!important;stroke-width:3!important}[data-theme=brutalist] .hourglass-svg rect[fill="url(#sandGrad)"]{fill:#000!important;opacity:1!important}[data-theme=brutalist] .hourglass-svg .grain circle{fill:#000!important}[data-theme=brutalist] .hourglass-svg line{stroke:#000!important;opacity:1!important}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}