:root{--bg: #1a2232;--bg-deep: #151c29;--surface: #252836;--surface-2: #2c3040;--surface-hover: #2e3344;--gold: #c49a6c;--gold-bright: #d8b98a;--gold-dim: #b8915a;--gold-ghost: rgba(196, 154, 108, .12);--gold-line: rgba(196, 154, 108, .4);--text: #f5f0e8;--text-dim: #8a8a8e;--text-faint: #5e6270;--border: #2e3040;--border-soft: rgba(255, 255, 255, .05);--success: #5fa85f;--success-bg: rgba(46, 125, 50, .16);--error: #c66b6b;--serif: "Cormorant Garamond", "PT Serif", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--r-lg: 16px;--r-md: 12px;--r-sm: 8px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .18);--shadow-soft: 0 6px 30px rgba(0, 0, 0, .35);--maxw: 480px;font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);background-image:radial-gradient(120% 80% at 50% -10%,#20293b 0%,var(--bg) 55%);background-attachment:fixed;color:var(--text);line-height:1.6;font-size:16px;letter-spacing:.01em;overscroll-behavior-y:none}#root{min-height:100%}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:0;line-height:1.18;color:var(--text)}p{line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}::selection{background:var(--gold-ghost);color:var(--text)}::-webkit-scrollbar{width:0;height:0}.serif{font-family:var(--serif)}.dim{color:var(--text-dim)}.center{text-align:center}.app-shell{max-width:var(--maxw);margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 240px);border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft)}.app-main{flex:1;padding:0 20px;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.app-main--full{padding:0}.screen{animation:screen-in .4s ease both;padding-top:calc(env(safe-area-inset-top) + 8px)}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 8px;min-height:56px}.topbar__back{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);font-size:.92rem;padding:8px 0;transition:color .2s}.topbar__back:hover{color:var(--text)}.topbar__title{font-family:var(--sans);font-size:.95rem;font-weight:500;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.topbar__actions{display:flex;gap:4px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-pill);background:transparent;border:none;color:var(--text-dim);cursor:pointer;transition:background .2s,color .2s;padding:0}.icon-btn:hover{background:var(--surface);color:var(--text)}.screen-head{padding:8px 0 20px}.screen-head h1{font-size:2rem;margin-bottom:6px}.screen-head .sub{color:var(--text-dim);font-size:.95rem;font-family:var(--sans)}.section-label{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:28px 0 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-size:.97rem;font-weight:600;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;padding:0 22px;height:52px;transition:transform .1s ease,filter .2s,background .2s,border-color .2s;white-space:nowrap;letter-spacing:.01em}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--block{width:100%}.btn--sm{height:44px;font-size:.9rem;padding:0 18px}.btn--primary{background:var(--gold);color:#20160c}.btn--primary:hover:not(:disabled){background:var(--gold-bright)}.btn--secondary{background:transparent;border-color:var(--gold-line);color:var(--gold-bright)}.btn--secondary:hover:not(:disabled){background:var(--gold-ghost)}.btn--ghost{background:transparent;color:var(--text-dim)}.btn--ghost:hover:not(:disabled){color:var(--text)}.btn--surface{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn--surface:hover:not(:disabled){background:var(--surface-hover)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.stack{display:grid;gap:12px}.stack--lg{gap:16px}.intent{position:relative;display:block;border-radius:var(--r-lg);padding:22px;overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:transform .18s ease,border-color .2s;isolation:isolate}.intent:hover{transform:translateY(-2px);border-color:var(--gold-line)}.intent__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.5}.intent__num{font-family:var(--serif);font-size:.95rem;color:var(--gold);opacity:.7}.intent h2{font-size:1.4rem;margin:4px 0 6px}.intent p{color:var(--text-dim);font-size:.9rem;font-family:var(--sans);max-width:30ch}.intent__arrow{position:absolute;top:22px;right:22px;color:var(--text-faint);transition:transform .2s,color .2s}.intent:hover .intent__arrow{color:var(--gold);transform:translate(3px)}.feature{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:248px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:var(--text);isolation:isolate;border:1px solid var(--border)}.feature__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.feature:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#151c291a,#151c29d1)}.feature__tag{position:absolute;top:18px;right:18px}.feature__kicker{font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:8px}.feature h2{font-size:1.85rem;line-height:1.1;margin-bottom:8px}.feature__meta{color:#f5f0e8b8;font-size:.88rem;margin-bottom:18px}.row-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);transition:border-color .2s,background .2s}.row-card:hover{border-color:var(--gold-line)}.row-card--locked{opacity:.62}.row-card__thumb{width:56px;height:56px;border-radius:var(--r-sm);flex-shrink:0;display:grid;place-items:center;color:var(--gold-bright);position:relative;overflow:hidden}.row-card__body{flex:1;min-width:0}.row-card__title{font-family:var(--serif);font-size:1.12rem;line-height:1.25;color:var(--text)}.row-card__meta{font-size:.8rem;color:var(--text-dim);margin-top:3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-card__chevron{color:var(--text-faint);flex-shrink:0}.tile{position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;border:1px solid var(--border);isolation:isolate}.tile__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(15,20,30,.78) 100%)}.tile__title{font-family:var(--serif);font-size:1.05rem;line-height:1.15}.tile__meta{font-size:.74rem;color:#f5f0e8b3;margin-top:4px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:4px 9px;border-radius:var(--r-pill);white-space:nowrap}.tag--free{color:#8fd28f;background:var(--success-bg)}.tag--soon{color:var(--text-dim);background:var(--surface-2)}.tag--sub{color:var(--gold-bright);background:var(--gold-ghost)}.tag--rec{color:var(--gold-bright);background:transparent;border:1px solid var(--gold-line)}.tag--done{color:#8fd28f;background:var(--success-bg)}.dot{width:3px;height:3px;border-radius:50%;background:var(--text-faint);display:inline-block}.pills{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pill{flex-shrink:0;font-family:var(--sans);font-size:.85rem;font-weight:500;padding:8px 15px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .18s;white-space:nowrap}.pill:hover{color:var(--text)}.pill--active{background:var(--gold-ghost);border-color:var(--gold-line);color:var(--gold-bright)}.progress{height:4px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.progress__fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--gold-dim),var(--gold-bright));transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-label{font-size:.78rem;color:var(--text-dim);margin-top:8px;display:flex;justify-content:space-between}.orb{position:relative;display:grid;place-items:center}.orb__halo,.orb__ring,.orb__core{position:absolute;border-radius:50%}.orb__halo{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(196,154,108,.16) 0%,transparent 62%);animation:orb-breathe var(--orb-cycle, 9s) ease-in-out infinite}.orb__ring{border:1px solid var(--gold-line);top:14%;right:14%;bottom:14%;left:14%;animation:orb-breathe var(--orb-cycle, 9s) ease-in-out infinite}.orb__ring--2{top:26%;right:26%;bottom:26%;left:26%;border-color:#c49a6c8c;animation-delay:.2s}.orb__core{top:36%;right:36%;bottom:36%;left:36%;background:radial-gradient(circle at 50% 42%,var(--gold-bright),var(--gold-dim) 78%);box-shadow:0 0 60px #c49a6c73;animation:orb-breathe var(--orb-cycle, 9s) ease-in-out infinite}.orb--paused .orb__halo,.orb--paused .orb__ring,.orb--paused .orb__core{animation-play-state:paused}@keyframes orb-breathe{0%,to{transform:scale(.82);opacity:.78}50%{transform:scale(1.06);opacity:1}}.player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg-deep);background-image:radial-gradient(120% 90% at 50% 30%,#1f2738 0%,var(--bg-deep) 70%);display:flex;flex-direction:column;max-width:var(--maxw);margin:0 auto;animation:player-up .35s cubic-bezier(.16,1,.3,1)}@keyframes player-up{0%{transform:translateY(100%)}to{transform:none}}.player__top{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 14px) 18px 0}.player__title{font-family:var(--serif);font-size:1.15rem;text-align:center;flex:1}.player__stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 28px;gap:40px}.player__orb{width:min(72vw,300px);height:min(72vw,300px)}.player__timer{font-family:var(--serif);font-size:2.6rem;letter-spacing:.04em;color:var(--text);font-variant-numeric:tabular-nums}.player__caption{min-height:3.4em;max-width:30ch;text-align:center;font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.45;color:#f5f0e8eb;transition:opacity .6s}.player__controls{padding:0 28px calc(env(safe-area-inset-bottom) + 34px);display:flex;flex-direction:column;gap:22px}.player__scrub{display:flex;align-items:center;gap:12px;font-size:.74rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.player__buttons{display:flex;align-items:center;justify-content:center;gap:36px}.player__play{width:76px;height:76px;border-radius:50%;background:var(--gold);color:#20160c;border:none;display:grid;place-items:center;cursor:pointer;transition:transform .1s,background .2s;box-shadow:0 8px 30px #c49a6c4d}.player__play:active{transform:scale(.95)}.player__skip{background:transparent;border:none;color:var(--text-dim);cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:2px;font-size:.64rem;padding:8px}.player__skip:hover{color:var(--text)}.player__done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;animation:screen-in .6s ease both}.player__done h2{font-size:1.9rem}.player__modes{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.player__modes .segment button{padding:6px 13px;font-size:.8rem}.player__script{flex:1;overflow-y:auto;padding:6px 30px 24px;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 22px,#000 calc(100% - 28px),transparent 100%)}.player__script p{font-family:var(--serif);font-size:1.12rem;line-height:1.62;color:#f5f0e8e6;margin:0 0 1.05em}.player__script-mark{text-align:center;letter-spacing:.18em;font-size:.82rem!important;color:var(--gold)!important;margin:1.4em 0!important}.player__script-src{margin-top:1.6em!important;font-size:.82rem!important;font-style:italic;color:var(--text-dim)!important}.journey{position:relative;margin-top:8px;padding-left:8px}.journey__node{position:relative;display:flex;gap:16px;padding-bottom:8px}.journey__rail{position:relative;display:flex;flex-direction:column;align-items:center;width:28px;flex-shrink:0}.journey__bead{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-faint);font-size:.78rem;font-weight:600;z-index:1;flex-shrink:0}.journey__line{flex:1;width:2px;background:var(--border);margin:2px 0;min-height:24px}.journey__node:last-child .journey__line{display:none}.journey__bead--done{background:var(--success-bg);border-color:#5fa85f80;color:#8fd28f}.journey__bead--current{background:var(--gold);border-color:var(--gold);color:#20160c;box-shadow:0 0 0 4px var(--gold-ghost)}.journey__node--done .journey__line{background:#5fa85f66}.journey__card{flex:1;margin-bottom:14px;padding:14px 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);transition:border-color .2s}.journey__card--locked{background:transparent;border-style:dashed;opacity:.6}.journey__card--current{border-color:var(--gold-line)}.journey__card:hover:not(.journey__card--locked){border-color:var(--gold-line)}.journey__title{font-family:var(--serif);font-size:1.12rem;line-height:1.2}.journey__meta{font-size:.78rem;color:var(--text-dim);margin-top:4px}.mode-card{padding:20px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}.mode-card--max{border-color:var(--gold-line);background:linear-gradient(180deg,var(--gold-ghost),var(--surface) 60%)}.mode-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mode-card h3{font-size:1.3rem}.mode-card p{color:var(--text-dim);font-size:.9rem;margin-bottom:16px}.mode-card--locked{opacity:.7}.segment{display:inline-flex;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);gap:2px}.segment button{border:none;background:transparent;color:var(--text-dim);font-family:var(--sans);font-size:.85rem;font-weight:500;padding:7px 16px;border-radius:var(--r-pill);cursor:pointer;transition:all .18s}.segment button[aria-pressed=true]{background:var(--gold-ghost);color:var(--gold-bright)}.prose{font-family:var(--sans)}.prose p{margin-bottom:1.1em;color:#f5f0e8e0;font-size:1.02rem;line-height:1.7}.prose h2{font-size:1.5rem;margin:1.4em 0 .5em}.prose blockquote{border-left:2px solid var(--gold-line);padding-left:18px;margin:1.3em 0;font-family:var(--serif);font-style:italic;font-size:1.25rem;line-height:1.45;color:var(--text)}.lead-quote{font-family:var(--serif);font-style:italic;font-size:1.5rem;line-height:1.4;color:var(--text);margin:4px 0 24px}.field{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--sans);font-size:1rem;padding:14px 16px;resize:none;transition:border-color .2s;line-height:1.6}.field:focus{outline:none;border-color:var(--gold-line)}.field::placeholder{color:var(--text-faint)}.entry{padding:16px 0;border-bottom:1px solid var(--border)}.entry__date{font-size:.76rem;color:var(--text-dim);display:flex;align-items:center;gap:8px;margin-bottom:6px}.entry__text{font-family:var(--serif);font-size:1.1rem;line-height:1.5;color:#f5f0e8e6}.empty{text-align:center;padding:40px 20px;color:var(--text-dim)}.empty__icon{color:var(--text-faint);margin-bottom:12px}.empty p{font-size:.92rem;max-width:26ch;margin:0 auto}.coming{border:1px dashed var(--border);border-radius:var(--r-md);padding:18px;color:var(--text-dim);font-size:.88rem;background:#ffffff04}.coming strong{color:var(--text);font-weight:600}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);background:#151c29db;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 6px calc(env(safe-area-inset-bottom) + 8px);z-index:50}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-dim);font-size:.64rem;font-weight:500;letter-spacing:.02em;padding:6px 10px;border-radius:var(--r-sm);transition:color .2s;flex:1;background:none;border:none;cursor:pointer;font-family:var(--sans)}.tabbar__item--active{color:var(--gold-bright)}.tabbar__label{opacity:0;transition:opacity .2s;font-size:.62rem}.tabbar__item--active .tabbar__label{opacity:1}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg-deep);background-image:radial-gradient(120% 90% at 50% 32%,#20293b 0%,var(--bg-deep) 72%);display:flex;flex-direction:column;max-width:var(--maxw);margin:0 auto}.onb{flex:1;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 24px) 28px calc(env(safe-area-inset-bottom) + 28px)}.onb__dots{display:flex;gap:7px;justify-content:center;margin-bottom:8px}.onb__dot{width:6px;height:6px;border-radius:50%;background:var(--surface-2);transition:background .3s,width .3s}.onb__dot--active{background:var(--gold);width:18px;border-radius:var(--r-pill)}.onb__body{flex:1;display:flex;flex-direction:column;justify-content:center}.onb__title{font-size:2.1rem;line-height:1.15;margin-bottom:10px}.onb__sub{color:var(--text-dim);font-size:.98rem;margin-bottom:28px}.choice{width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--sans);font-size:1rem;padding:17px 18px;cursor:pointer;transition:all .18s;margin-bottom:10px}.choice:hover{border-color:var(--gold-line)}.choice--active{border-color:var(--gold);background:var(--gold-ghost);color:var(--gold-bright)}.splash-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;gap:22px}.splash-center .orb{width:168px;height:168px}.splash__brand{font-family:var(--serif);font-size:2.8rem;letter-spacing:.01em}.splash__slogan{color:var(--text-dim);font-size:1rem;max-width:28ch}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#0a0d1499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:var(--maxw);background:var(--surface);border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid var(--border);padding:14px 22px calc(env(safe-area-inset-bottom) + 26px);animation:player-up .32s cubic-bezier(.16,1,.3,1)}.sheet__grip{width:36px;height:4px;border-radius:var(--r-pill);background:var(--surface-2);margin:0 auto 18px}.sheet h2{font-size:1.5rem;margin-bottom:8px}.sheet p{color:var(--text-dim);font-size:.94rem;margin-bottom:18px}.plan{border:1px solid var(--border);border-radius:var(--r-md);padding:16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;cursor:pointer;transition:border-color .2s,background .2s}.plan--rec{border-color:var(--gold-line);background:var(--gold-ghost)}.plan__name{font-family:var(--serif);font-size:1.2rem}.plan__price{font-weight:600}.plan__per{font-size:.76rem;color:var(--text-dim)}.fine{font-size:.74rem;color:var(--text-faint);text-align:center;margin-top:12px;line-height:1.5}.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold-dim),var(--gold-bright));color:#20160c;font-family:var(--serif);font-size:1.6rem;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 12px;text-align:center}.stat__num{font-family:var(--serif);font-size:1.7rem;color:var(--gold-bright)}.stat__label{font-size:.72rem;color:var(--text-dim);margin-top:2px}.menu-list{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border)}.menu-list__item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text);font-size:.95rem;cursor:pointer;width:100%;text-align:left;border-left:none;border-right:none;border-top:none;font-family:var(--sans);transition:background .18s}.menu-list__item:last-child{border-bottom:none}.menu-list__item:hover{background:var(--surface-hover)}.menu-list__item .chev{margin-left:auto;color:var(--text-faint)}.divider{height:1px;background:var(--border);margin:22px 0}.spacer{height:8px}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{display:flex;flex-wrap:wrap;gap:8px}