:root{font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#f5f0ff;background:#0d0b15;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--night: #191429;--night-deep: #151123;--card: #251e39;--card-raised: #302546;--card-soft: #392d50;--text: #f5f0ff;--muted: #c4b8df;--quiet: #a89abf;--accent: #c6a0ff;--accent-hot: #f29bbb;--mint: #a9e5d5;--line: rgb(226 209 255 / 15%);--radius-card: 20px;--radius-pill: 999px;--tap-size: 44px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background-color:#f8f8fb;background-image:radial-gradient(#d9d9e1 .8px,transparent .8px);background-size:16px 16px}button,a{font:inherit}button{color:inherit}#root{min-height:100vh}.offline-notice{margin:0;padding:9px 16px;border-bottom:1px solid rgb(195 160 255 / 18%);background:#302641;color:#e8dbff;font-size:12px;line-height:1.5;text-align:center}.app-shell{width:100%;height:100dvh;min-height:100svh;padding:0;display:flex;justify-content:center}.view-switch{display:flex;justify-content:center;gap:8px;margin:0 auto 18px}.view-switch__button{min-height:var(--tap-size);padding:0 18px;border:1px solid #d7cce7;border-radius:var(--radius-pill);background:#241c35;color:#fff;cursor:pointer}.view-switch__button.is-active{border-color:#c3a0ff;background:#c3a0ff;color:#1c1530}.phone-frame{display:flex;width:min(100%,760px);height:100%;min-height:0;flex-direction:column;margin:0 auto;overflow:clip;border:1px solid rgb(198 160 255 / 22%);border-radius:30px;background:radial-gradient(ellipse at 100% 0%,#2c2241 0,transparent 38%),var(--night-deep);box-shadow:0 18px 48px #1e172a38}.phone-content{display:flex;min-height:0;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:max(16px,env(safe-area-inset-top)) 24px max(12px,env(safe-area-inset-bottom));scrollbar-width:thin}.status-row{display:flex;min-height:25px;align-items:center;justify-content:space-between;padding:0 2px;color:#ede6ff;font-size:12px}.status-icons{letter-spacing:2px;font-size:10px}.brand-row{display:flex;min-height:50px;align-items:center;gap:9px;font-size:15px}.brand-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#403253;color:#e7bd7f;font-size:20px}.creator-brand-icon{color:#d8baff}.brand-note{margin-left:auto;color:var(--muted);font-size:12px}.welcome-card{position:relative;display:flex;min-height:115px;align-items:center;padding:19px 18px;overflow:hidden;border-radius:22px;background:linear-gradient(110deg,#3d2e56,#29203c 82%)}.welcome-copy{max-width:250px}.welcome-card h1,.creator-welcome h1{margin:0 0 7px;font-size:19px;line-height:1.4}.welcome-card p,.creator-welcome>p:last-child{margin:0;color:#e1d7f3;font-size:13px;line-height:1.65}.welcome-stars{position:absolute;top:15px;right:20px;color:#ddc7ff;font-size:12px}.welcome-rabbit{position:absolute;right:22px;bottom:24px;font-size:31px;filter:saturate(.62)}.sleep-section{margin-top:22px}.section-heading{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:8px;padding:0 2px}.section-heading h2{margin:0;font-size:15px;font-weight:700}.section-heading>span{color:var(--muted);font-size:12px;white-space:nowrap}.breathing-card{display:flex;min-height:84px;align-items:center;gap:13px;padding:12px 13px;border-radius:19px;background:var(--card)}.breathing-orb{display:grid;width:56px;height:56px;flex:0 0 auto;place-items:center;border:1px solid #ba95e6;border-radius:50%;box-shadow:inset 0 0 18px #c6a0ff1f}.breathing-orb svg,.series-icon svg,.series-art svg{width:28px;fill:none;stroke:#dbc3ff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.breathing-copy{min-width:0;flex:1}.breathing-copy h3,.story-copy h3,.series-card h3,.draft-card h3,.creator-series-copy h3{margin:0;font-size:13px;font-weight:600}.breathing-copy p,.story-copy>p:last-child,.series-card p,.draft-card>div>p:last-child,.creator-series-copy>p{margin:5px 0 0;color:var(--muted);font-size:12px}.primary-button{min-width:50px;min-height:var(--tap-size);padding:0 12px;border:0;border-radius:15px;background:var(--accent);color:#251a39;font-size:13px;cursor:pointer}.breathing-guide{display:flex;min-height:180px;align-items:center;gap:18px;padding:18px;border-radius:19px;background:var(--card)}.breathing-guide__orb-wrap{display:grid;width:94px;height:94px;flex:0 0 auto;place-items:center}.breathing-guide__orb{display:grid;width:76px;height:76px;place-items:center;border:1px solid #ba95e6;border-radius:50%;background:#c6a0ff12;box-shadow:inset 0 0 20px #c6a0ff2e,0 0 24px #c6a0ff1a;transform:scale(1)}.breathing-guide__orb span{color:#dbc3ff;font-size:31px}.breathing-guide__orb.is-inhaling{transform:scale(1.18);transition:transform 4s ease-in-out}.breathing-guide__orb.is-exhaling{transform:scale(1);transition:transform 6s ease-in-out}.breathing-guide__content{min-width:0;flex:1}.breathing-guide__content .eyebrow{margin:0 0 6px}.breathing-guide__content h3{margin:0;font-size:14px}.breathing-guide__hint{min-height:36px;margin:5px 0 9px;color:var(--muted);font-size:12px;line-height:1.5}.breathing-guide__voice-settings{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 10px;font-size:11px}.breathing-guide__voice-toggle,.breathing-guide__voice-choice{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.breathing-guide__voice-toggle input{accent-color:var(--accent)}.breathing-guide__voice-choice select{max-width:142px;min-height:34px;padding:0 7px;border:1px solid #5b4a70;border-radius:10px;background:var(--night);color:var(--text);font:inherit}.breathing-guide__preview{min-height:34px;padding:0 9px;font-size:11px}.breathing-guide__preview:disabled{cursor:not-allowed;opacity:.55}.breathing-guide__voice-note{flex-basis:100%;color:var(--quiet);line-height:1.4}.breathing-guide__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.quiet-button{min-height:var(--tap-size);padding:0 10px;border:1px solid #5b4a70;border-radius:14px;background:transparent;color:#e1d6f5;font-size:12px;cursor:pointer}.breathing-guide__story-link{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}@media(prefers-reduced-motion:reduce){.breathing-guide__orb.is-inhaling,.breathing-guide__orb.is-exhaling{transform:none;transition:none}}.story-section{margin-top:46px}.featured-story{display:flex;min-height:100px;align-items:center;gap:12px;padding:12px;border-radius:20px;background:var(--card)}.cover-art{display:grid;width:64px;height:70px;flex:0 0 auto;place-items:center;border-radius:14px;background:linear-gradient(145deg,#594668,#322643);color:#f5efff}.cover-art span{font-size:30px;text-shadow:0 0 12px #fff}.story-copy{min-width:0;flex:1}.story-copy .eyebrow,.eyebrow{margin:0 0 6px;color:var(--accent-hot);font-size:11px}.story-copy h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-button{width:40px;height:40px;flex:0 0 auto;border:1px solid #987bb8;border-radius:50%;background:transparent;color:#e5d3ff;font-size:13px;cursor:pointer}.series-section{margin-top:18px}.series-card{display:flex;min-height:62px;align-items:center;gap:11px;margin-top:8px;padding:9px 11px;border-radius:18px;background:var(--card)}.series-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:12px;background:#382c4d}.series-icon svg{width:22px}.plant-icon{color:#a8e2ae;font-size:25px}.series-card>div{min-width:0;flex:1}.series-card h3{font-size:12px}.series-card p{margin-top:3px;font-size:11px}.chevron{color:#c8b4e6;font-size:20px}.stop-section{margin-top:15px;padding:12px 2px 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.duration-options{display:flex;flex-wrap:wrap;gap:7px;padding:4px 8px 0}.duration-option{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 16px;border:1px solid #5b4a70;border-radius:var(--radius-pill);background:transparent;color:#e1d6f5;font-size:13px;line-height:1.2;text-align:center;cursor:pointer}.duration-option.is-selected{border-color:var(--mint);background:var(--mint);color:#19312e}.duration-option__input{position:absolute;width:1px;height:1px;opacity:0}.duration-option:focus-within{outline:2px solid var(--accent-hot);outline-offset:2px}.bottom-nav{position:sticky;bottom:0;z-index:5;display:flex;min-height:68px;flex:0 0 auto;justify-content:space-around;gap:8px;margin-top:auto;padding:10px 0 max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--night-deep)}.bottom-nav__item{display:flex;min-width:64px;min-height:var(--tap-size);flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;text-decoration:none;cursor:pointer}.bottom-nav__item span{font-size:14px}.bottom-nav__item.is-current{color:var(--accent-hot)}.creator-content{gap:0}.creator-welcome{margin-top:12px;padding:21px 18px 23px;border-radius:22px;background:linear-gradient(135deg,#3b2d50,#261e38)}.creator-welcome .eyebrow{margin-bottom:8px}.creator-welcome h1{font-size:18px}.creator-welcome>p:last-child{font-size:12px}.creator-section{margin-top:24px}.draft-card,.creator-series-card{display:flex;min-height:88px;align-items:center;gap:12px;margin-top:8px;padding:12px;border-radius:18px;background:var(--card)}.draft-icon,.series-art{display:grid;width:56px;height:56px;flex:0 0 auto;place-items:center;border-radius:14px;background:linear-gradient(145deg,#584669,#352744);color:#e2caff;font-size:25px}.draft-card>div:nth-child(2){min-width:0;flex:1}.draft-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-card .eyebrow{font-size:10px}.draft-card>div>p:last-child{font-size:11px}.new-story-button{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:7px;margin-top:10px;border:1px solid #8d70af;border-radius:15px;background:#c6a0ff17;color:#e2ceff;font-size:13px;cursor:pointer}.new-story-button span{font-size:20px}.creator-series-card{min-height:82px}.creator-series-card.is-expanded{align-items:flex-start}.creator-series-card.is-expanded>.series-art{margin-top:4px}.series-art{height:54px;color:#f1e7ff;font-size:29px}.series-art svg{width:31px}.plant-art{color:#b9e8b4}.creator-series-copy{min-width:0;flex:1}.creator-series-copy h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-series-copy>p{font-size:11px}.series-story-list{width:100%;margin-top:10px;padding-top:10px;border-top:1px solid rgb(189 164 220 / 18%)}.series-story-list .story-library-card{align-items:flex-start;background:#1610228a}.story-library-card>.story-edit-form{width:100%;box-sizing:border-box}.progress-track{height:4px;margin-top:9px;overflow:hidden;border-radius:5px;background:#493b5b}.progress-track span{display:block;width:62%;height:100%;border-radius:inherit;background:var(--accent)}.progress-track.is-complete span{width:100%;background:var(--mint)}.creator-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.creator-stats>div{display:flex;min-height:76px;flex-direction:column;justify-content:center;gap:4px;padding:10px 14px;border-radius:16px;background:var(--card)}.creator-stats strong{color:#e2caff;font-size:20px}.creator-stats span{color:var(--muted);font-size:11px}.creator-content .bottom-nav{margin-top:auto}.library-list{display:grid;gap:8px}.story-browser{flex:1;min-height:0;margin-top:12px;padding-bottom:8px}.player-controls{display:flex;align-items:center;gap:9px;margin-top:10px;padding:9px 10px;border-radius:15px;background:#c6a0ff17}.player-controls__progress{min-width:0;flex:1}.player-controls__progress input{width:100%;accent-color:var(--accent)}.player-controls__progress span{display:block;margin-top:2px;color:var(--muted);font-size:10px}.library-empty,.form-note{margin:8px 0;color:var(--muted);font-size:12px;line-height:1.55}.story-library-card{display:flex;min-height:76px;align-items:center;gap:10px;padding:11px 12px;border-radius:17px;background:var(--card)}.story-library-card>div{min-width:0;flex:1}.story-library-card h3{margin:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.story-library-card p:last-child{margin:5px 0 0;color:var(--muted);font-size:11px}.text-button{min-height:36px;border:0;background:transparent;color:var(--accent-hot);font-size:12px;cursor:pointer}.series-form,.audio-upload-form{display:grid;gap:11px;margin-top:10px;padding:14px;border:1px solid #5b4a70;border-radius:18px;background:#251d36db}.series-form label,.audio-upload-form label{display:grid;gap:5px;color:#e8ddfa;font-size:12px}.series-form input,.series-form select,.series-form textarea,.audio-upload-form input,.audio-upload-form select,.audio-upload-form textarea{width:100%;box-sizing:border-box;border:1px solid #67547b;border-radius:11px;background:#211a30;color:#f1eaff;font:inherit}.series-form input,.series-form select,.audio-upload-form input,.audio-upload-form select{min-height:40px;padding:0 10px}.series-form textarea,.audio-upload-form textarea{min-height:72px;padding:9px 10px;resize:vertical}.voice-draft-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgb(189 164 220 / 18%)}.voice-draft-card>div{min-width:0}.voice-draft-card h3{overflow-wrap:anywhere;margin:0;font-size:13px}.voice-draft-card audio{width:min(100%,250px);height:38px}@media(max-width:420px){.voice-draft-card{align-items:flex-start;flex-direction:column}.voice-draft-card audio{width:100%}}.audio-upload-form input[type=file]{padding:8px;font-size:11px}.audio-upload-form audio{width:100%;min-height:38px}.bedtime-audio-form{display:grid;gap:10px;padding:14px;border:1px solid #5b4a70;border-radius:18px;background:#251d36db}.bedtime-audio-form input[type=file]{width:100%;box-sizing:border-box;padding:8px;border:1px solid #67547b;border-radius:11px;background:#211a30;color:#f1eaff;font:inherit;font-size:11px}.bedtime-audio-form>label{display:grid;gap:5px;color:#e8ddfa;font-size:12px}.bedtime-variant-list{display:grid;gap:7px}.bedtime-variant{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:12px;background:#1610228a}.bedtime-variant>div:first-child{display:grid;min-width:0;gap:3px}.bedtime-variant strong{font-size:12px}.bedtime-variant span{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.bedtime-variant__actions{display:flex;flex:0 0 auto;gap:4px}.bedtime-variant__actions .text-button{min-width:36px}.bedtime-rename{display:flex;align-items:flex-end;gap:8px}.bedtime-rename label{display:grid;min-width:0;flex:1;gap:5px;color:#e8ddfa;font-size:12px}.bedtime-rename input,.bedtime-audio-select select{min-height:38px;padding:0 10px;border:1px solid #67547b;border-radius:10px;background:#211a30;color:#f1eaff;font:inherit}.bedtime-audio-select{display:grid;grid-column:1 / -1;gap:5px;color:var(--muted);font-size:11px}.bedtime-audio-select select{width:100%}.bedtime-audio-preview{width:100%;min-height:38px}.bedtime-audio-section{margin-top:20px}.bedtime-audio-card{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px 12px;margin-top:8px;padding:13px;border-radius:19px;background:var(--card)}.bedtime-audio-card h3{overflow:hidden;margin:0;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.bedtime-audio-card p{margin:5px 0 0;color:var(--muted);font-size:11px}.bedtime-audio-card .player-controls{grid-column:1 / -1;margin-top:0}.audio-file-summary{display:grid;gap:4px;color:var(--muted);font-size:11px}.audio-file-summary p,.form-error{margin:0;color:#ffb1c4;font-size:12px;line-height:1.45}.form-actions{display:flex;justify-content:flex-end;gap:8px}.form-actions button:disabled{cursor:wait;opacity:.6}.auth-panel{margin-top:20px}.auth-panel h1{font-size:22px}.auth-panel .primary-button{min-height:44px}.auth-code-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}.auth-code-actions .text-button:disabled{cursor:wait;opacity:.6}.account-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:max(8px,env(safe-area-inset-top)) 20px 0;color:var(--muted);font-size:12px}.screen-panel{display:flex;min-height:0;flex:1;flex-direction:column}.screen-panel[hidden]{display:none!important}.library-error-notice{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid var(--line)}.auth-error{padding:12px 20px}.invite-code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;line-height:1.7;color:#eee4ff}.invite-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}@media(max-width:480px){.view-switch{margin-bottom:10px}.view-switch__button{padding:0 16px}.phone-frame{width:100%;border-radius:0}.phone-content{padding:max(12px,env(safe-area-inset-top)) 16px max(8px,env(safe-area-inset-bottom))}.welcome-copy{max-width:73%}.welcome-rabbit{right:19px}.story-section{margin-top:40px}}.role-choice{justify-content:center;gap:14px}.role-choice h1,.listener-wish h1{margin:0;font-size:clamp(24px,5vw,34px)}.role-choice .quiet-button{min-height:48px}.listener-wish{flex:1;padding-top:24px}.listener-wish .series-form{margin-top:20px}.listener-wish textarea{min-height:min(42vh,300px);resize:vertical}.wish-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--quiet);font-size:11px}@media(max-width:360px){.phone-content{padding-right:13px;padding-left:13px}.welcome-card{padding-right:14px;padding-left:14px}.welcome-card h1{font-size:17px}.welcome-card p{font-size:12px}.welcome-rabbit{right:12px;font-size:27px}.breathing-card{gap:9px;padding-right:9px;padding-left:9px}.breathing-guide{align-items:flex-start;gap:7px;padding:13px 9px}.breathing-guide__orb-wrap{width:62px;height:62px}.breathing-guide__orb{width:52px;height:52px}.breathing-guide__orb span{font-size:23px}.breathing-guide__content h3{font-size:12px}.breathing-guide__hint{font-size:11px}.breathing-guide__actions{gap:5px}.breathing-guide__actions .primary-button,.breathing-guide__actions .quiet-button{min-height:40px;padding-right:9px;padding-left:9px;font-size:11px}.breathing-orb{width:49px;height:49px}.breathing-copy h3{font-size:12px}.breathing-copy p{font-size:11px}.primary-button{min-width:46px;padding:0 9px}.duration-options{padding-right:0;padding-left:0}}.wish-actions{display:flex;gap:10px;flex-wrap:wrap}.wish-target{outline:2px solid var(--accent, #c7a9ff);outline-offset:3px}.wish-request{align-items:flex-start}.wish-request h3{overflow:visible;overflow-wrap:anywhere;white-space:pre-wrap}