:root{--paper:#fcfbf7;--ink:#17212b;--muted:#66717d;--line:#d9e0e2;--navy:#183a55;--blue:#2e6f95;--sky:#e7f1f4;--coral:#ec8f72;--gold:#f0c968;--white:#fff}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{letter-spacing:0;font-family:Arial,Helvetica Neue,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell,.page{width:min(100% - 32px,1120px);margin:0 auto;padding-bottom:72px}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:84px;display:flex}.landing-nav{border:0}.brand{color:var(--navy);font-size:20px;font-weight:800}.nav-links{color:var(--muted);align-items:center;gap:18px;display:flex}.button-link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.back-link{color:var(--navy);font-weight:700}.btn{border:1px solid var(--navy);background:var(--navy);min-height:48px;color:var(--white);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 20px;font-weight:700;display:inline-flex}.btn:disabled{cursor:wait;opacity:.68}.btn-small{min-height:40px;padding-inline:14px}.eyebrow{color:var(--blue);letter-spacing:.12em;margin:0;font-size:12px;font-weight:800}.landing-hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:72px;min-height:570px;padding:64px 0 84px;display:grid}.hero-copy h1,.form-intro h1,.dashboard-header h1{max-width:720px;color:var(--navy);margin:14px 0 20px;font-size:clamp(42px,6vw,74px);line-height:1.02}.lead,.form-intro>p:last-child,.dashboard-header>div>p:last-child{max-width:610px;color:var(--muted);margin:0;font-size:19px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:32px;display:flex}.text-link{color:var(--navy);text-underline-offset:4px;font-weight:700;text-decoration:underline}.hero-preview{background:var(--sky);border:1px solid #b8d3dc;border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:395px;padding:32px;display:flex;position:relative;overflow:hidden}.hero-preview:before{content:"";background:var(--gold);border-radius:50%;width:92px;height:92px;position:absolute;top:38px;right:40px}.preview-stars{color:var(--blue);word-spacing:12px;font-size:21px;position:absolute;top:38px;left:32px}.hero-preview h2{max-width:330px;color:var(--navy);margin:12px 0;font-family:Georgia,serif;font-size:36px;line-height:1.08;position:relative}.hero-preview p:not(.eyebrow){color:#345062;margin:0;line-height:1.6;position:relative}.preview-footer{color:#345062;border-top:1px solid #b8d3dc;justify-content:space-between;gap:12px;margin-top:28px;padding-top:16px;font-size:14px;display:flex}.features{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.feature{border-right:1px solid var(--line);min-height:235px;padding:28px 22px}.feature:last-child{border-right:0}.feature-number{color:var(--coral);font-weight:800}.feature h2{color:var(--navy);margin:30px 0 10px;font-size:20px}.feature p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.form-layout{grid-template-columns:minmax(0,.9fr) minmax(340px,.7fr);align-items:start;gap:80px;padding-top:72px;display:grid}.form-intro{padding-top:28px}.panel,.empty-state,.story-highlight,.child-card{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:24px}.stack{gap:16px;display:grid}.field{gap:7px;display:grid}.field span{color:var(--navy);font-size:14px;font-weight:700}.field input,.field textarea,.field select{background:var(--white);width:100%;min-height:48px;color:var(--ink);border:1px solid #b9c5ca;border-radius:6px;padding:10px 12px}.field input:focus{border-color:var(--blue);outline:3px solid #cce4eb}.password-control{background:var(--white);border:1px solid #b9c5ca;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid;overflow:hidden}.password-control input{border:0;min-width:0}.password-control:focus-within{border-color:var(--blue);outline:3px solid #cce4eb}.icon-button{border:0;border-left:1px solid var(--line);background:var(--white);min-width:58px;color:var(--navy);cursor:pointer;padding:0 12px;font-size:13px;font-weight:800}.icon-button:hover{background:var(--sky)}.notice{color:#5f4a13;background:#fff8dc;border:1px solid #e5c878;border-radius:6px;padding:12px}.success-notice{color:#1f6535;background:#edf8ef;border:1px solid #8fc5a2;border-radius:6px;margin-bottom:18px;padding:13px 15px;font-weight:700}.dashboard-header{justify-content:space-between;align-items:end;gap:24px;padding:60px 0 38px;display:flex}.dashboard-header h1{font-size:clamp(38px,5vw,58px)}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:18px;display:grid}.story-highlight{background:var(--navy);border-color:var(--navy);color:#fff;min-height:260px}.story-highlight .eyebrow{color:#a8d4e6}.story-highlight h2{max-width:560px;margin:26px 0 12px;font-family:Georgia,serif;font-size:34px}.story-highlight p:not(.eyebrow){color:#d7e6eb;max-width:620px;margin:0 0 22px;line-height:1.65}.story-highlight .btn{background:var(--gold);border-color:var(--gold);color:var(--ink)}.child-card h2{color:var(--navy);margin:28px 0 4px;font-size:30px}.child-card p{line-height:1.6}.story-count{color:var(--blue);margin:8px 0 0;font-weight:700}.avatar{background:var(--gold);width:52px;height:52px;color:var(--navy);border-radius:50%;place-items:center;font-size:22px;font-weight:800;display:grid}.tag-list{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.tag{background:var(--sky);color:#345062;border:1px solid #b8d3dc;border-radius:999px;align-items:center;min-height:28px;padding:4px 9px;font-size:13px;display:inline-flex}.muted{color:var(--muted)}.history-section{padding-top:56px}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.section-heading h2{color:var(--navy);margin:8px 0 0;font-size:30px}.section-heading>span{color:var(--muted)}.story-list{border-top:1px solid var(--line)}.story-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:74px;display:flex}.story-row>div{gap:5px;display:grid}.story-row strong{color:var(--navy)}.story-row span{color:var(--muted);font-size:14px}.empty-state{gap:12px;max-width:560px;display:grid}.empty-state h2{color:var(--navy);margin:0}.empty-state p{color:var(--muted);margin:0;line-height:1.6}.story-page{gap:18px;width:min(100%,760px);margin:42px auto 0;display:grid}.story-cover{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);background:var(--sky);border-radius:8px;width:100%}.title{color:var(--navy);margin:0;font-family:Georgia,serif;font-size:clamp(34px,5vw,52px);line-height:1.12}.audio-panel{border:1px solid var(--line);background:var(--white);color:var(--navy);border-radius:8px;gap:8px;padding:16px;font-weight:700;display:grid}.audio-panel audio{width:100%}.locale-switcher{color:var(--muted);align-items:center;gap:5px;font-size:13px;display:inline-flex}.locale-switcher button{appearance:none;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.locale-switcher button:hover{color:var(--navy)}.story-body{white-space:pre-wrap;color:#263640;font-family:Georgia,Microsoft YaHei,serif;font-size:18px;line-height:1.9}.story-child-summary{border:1px solid var(--line);background:var(--white);border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.story-child-summary strong{color:var(--navy);font-size:18px}.world-map{gap:18px;display:grid}.world-arc{background:linear-gradient(#fff 0%,#eef7f0 100%);border:1px solid #b8d3dc;border-radius:8px;padding:26px}.world-arc-header{align-items:center;gap:14px;margin-bottom:22px;display:flex}.world-arc-header>span{background:var(--gold);border-radius:50%;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.world-arc-header h2{color:var(--navy);margin:4px 0 0;font-family:Georgia,serif;font-size:30px}.chapter-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.chapter-node{border:1px solid var(--line);background:var(--white);text-align:center;border-radius:8px;align-content:center;gap:9px;min-height:170px;padding:18px;display:grid}.chapter-node>span{font-size:30px}.chapter-node strong{color:var(--navy);font-size:18px}.chapter-node small{color:var(--muted);line-height:1.45}.chapter-node.completed{background:#f2fbf4;border-color:#8fc5a2}.chapter-node.current{border-color:var(--gold);background:#fff9df;box-shadow:inset 0 0 0 2px #f0c96873}.chapter-node.locked,.locked-arc{opacity:.72;background:#f8f8f5}.subscription-callout{background:var(--sky);border:1px solid #b8d3dc;border-radius:8px;justify-content:space-between;align-items:center;gap:28px;margin-top:42px;padding:28px;display:flex}.subscription-callout h2{color:var(--navy);margin:8px 0;font-family:Georgia,serif;font-size:28px}.subscription-callout p:not(.eyebrow){color:#345062;max-width:670px;margin:0;line-height:1.6}.subscription-callout .btn{flex:none}.trial-status{background:var(--sky);color:#345062;border:1px solid #b8d3dc;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 18px;padding:15px 18px;display:flex}.trial-status strong{color:var(--navy)}.dev-link{color:var(--muted);text-underline-offset:3px;margin-top:22px;font-size:13px;text-decoration:underline;display:inline-block}.landing-callout{margin-top:56px}.compact{margin-top:28px}.pricing-intro{max-width:680px;padding:72px 0 36px}.pricing-intro h1{color:var(--navy);margin:12px 0 16px;font-family:Georgia,serif;font-size:clamp(42px,6vw,68px);line-height:1.03}.pricing-intro>p:last-child{color:var(--muted);margin:0;font-size:18px;line-height:1.65}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pricing-card{border:1px solid var(--line);background:var(--white);border-radius:8px;align-content:start;gap:12px;min-height:350px;padding:24px;display:grid;position:relative}.pricing-card.featured{border:2px solid var(--blue)}.pricing-card h2{color:var(--navy);margin:0}.pricing-card>p{min-height:46px;color:var(--muted);margin:0;line-height:1.55}.price{color:var(--navy);font-family:Georgia,serif;font-size:46px;font-weight:800;line-height:1}.price span{vertical-align:top;font-family:Arial,sans-serif;font-size:20px}.pricing-card small{color:var(--muted)}.pricing-card .btn{margin-top:auto}.payment-methods{flex-wrap:wrap;gap:8px;display:flex}.plan-badge{background:var(--gold);width:max-content;color:var(--navy);letter-spacing:.08em;border-radius:4px;padding:5px 8px;font-size:11px;font-weight:800}.payment-placeholder{border-top:1px solid var(--line);max-width:760px;margin:48px auto 0;padding:28px}.payment-placeholder h2{color:var(--navy);margin:0 0 8px;font-size:24px}.payment-placeholder p{color:var(--muted);margin:0 0 16px;line-height:1.6}.settings-panel{border:1px solid var(--line);background:var(--white);border-radius:8px;max-width:760px;margin:48px auto 0}.settings-header{border-bottom:1px solid var(--line);padding:32px}.settings-email{color:var(--muted);margin:8px 0 0}.settings-section{border-bottom:1px solid var(--line);padding:28px 32px}.settings-section-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.settings-section-heading h2{margin:4px 0 0;font-size:1.2rem}.settings-list{margin:20px 0 0}.settings-list>div{border-top:1px solid var(--line);grid-template-columns:minmax(150px,.8fr) 1.2fr;gap:20px;padding:14px 0;display:grid}.settings-list dt{color:var(--muted)}.settings-list dd{color:var(--navy);margin:0;font-weight:600}.settings-status{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:.82rem}.settings-status.active{color:#1f6b49;background:#edf8f1}.settings-status.pending{color:#8a5a13;background:#fff8e8}.settings-status.expired{color:var(--muted);background:#f5f6f7}.settings-actions{flex-wrap:wrap;align-items:center;gap:18px;padding:24px 32px;display:flex}@media (max-width:600px){.settings-header,.settings-section{padding:24px 20px}.settings-actions{padding:20px}.settings-list>div{grid-template-columns:1fr;gap:5px}}.test-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.test-card{border:1px solid var(--line);background:var(--white);border-radius:8px;gap:12px;min-height:240px;padding:20px;display:grid}.test-card h2{color:var(--navy);margin:0;font-size:22px}.test-card>p:not(.eyebrow){color:var(--muted);margin:0;line-height:1.55}.test-card .btn{align-self:end}.admin-shell{width:min(100% - 40px,1240px);margin:0 auto;padding-bottom:72px}.admin-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.admin-nav>div{color:var(--muted);align-items:center;gap:18px;display:flex}.admin-layout-nav{width:min(100% - 40px,1240px);margin:0 auto}.admin-heading{justify-content:space-between;align-items:end;gap:24px;padding:48px 0 30px;display:flex}.admin-heading h1{color:var(--navy);margin:8px 0 0;font-size:clamp(34px,5vw,52px);line-height:1.05}.admin-heading p:not(.eyebrow){color:var(--muted);margin:12px 0 0}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.admin-metric{border:1px solid var(--line);background:var(--white);border-radius:8px;gap:10px;min-height:148px;padding:20px;display:grid}.admin-metric span,.admin-metric small{color:var(--muted)}.admin-metric strong{color:var(--navy);font-family:Georgia,serif;font-size:40px;line-height:1}.admin-section{margin-top:48px}.admin-table-wrap{border-top:1px solid var(--line);overflow-x:auto}.admin-table{border-collapse:collapse;background:var(--white);width:100%;min-width:680px}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:15px 12px}.admin-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.admin-table td{color:#344652}.admin-table th:last-child,.admin-table .admin-action-cell{background:var(--white);z-index:1;min-width:210px;position:sticky;right:0;box-shadow:-8px 0 12px #19415d0f}.admin-table th:last-child{z-index:2}.table-link{color:var(--navy);text-underline-offset:3px;font-weight:800;text-decoration:underline}.status-pill{border-radius:999px;align-items:center;min-height:27px;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.trial{color:#265c78;background:#e7f1f4}.status-pill.paid{color:#1f6535;background:#edf8ef}.status-pill.expired{color:#8a3f3f;background:#f3eeee}.admin-detail-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.admin-detail-card{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:20px}.admin-detail-card dl{gap:8px;margin:20px 0 0;display:grid}.admin-detail-card dt{color:var(--muted);font-size:13px}.admin-detail-card dd{color:var(--navy);overflow-wrap:anywhere;margin:0 0 8px;font-weight:700}.admin-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.admin-actions .btn{background:var(--navy);border-color:var(--navy);color:var(--white)}.usage-filters{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:18px;display:flex}.usage-filters label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.usage-filters select{border:1px solid var(--line);background:var(--white);min-height:40px;color:var(--navy);border-radius:6px;padding:0 34px 0 12px}.segmented-control{border:1px solid var(--line);background:var(--white);border-radius:6px;display:inline-flex;overflow:hidden}.segmented-control button{border:0;border-right:1px solid var(--line);min-height:40px;color:var(--muted);cursor:pointer;background:0 0;padding:0 14px}.segmented-control button:last-child{border-right:0}.segmented-control button.active{background:var(--navy);color:var(--white)}.usage-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-metrics .admin-metric strong{font-size:34px}.usage-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.usage-summary-card{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:22px}.usage-summary-card h2{color:var(--navy);margin:12px 0 20px;font-size:25px}.usage-summary-card dl{gap:10px;margin:0;display:grid}.usage-summary-card dl div{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding-top:10px;display:flex}.usage-summary-card dt{color:var(--muted)}.usage-summary-card dd{color:var(--navy);margin:0;font-weight:800}.usage-summary-card>small{color:var(--muted);margin-top:16px;line-height:1.5;display:block}.usage-summary-card.usage-alert{background:#fffaf0;border-color:#e5c878}.usage-chart{border-bottom:1px solid var(--line);background:var(--white);grid-template-columns:repeat(30,minmax(5px,1fr));align-items:end;gap:4px;height:250px;padding:24px 12px 0;display:grid}.usage-bar-column{flex-direction:column;justify-content:end;align-items:center;gap:7px;min-width:0;height:100%;display:flex}.usage-bar{background:var(--blue);border-radius:3px 3px 0 0;width:100%;max-width:22px;min-height:2px}.usage-bar-column span{min-height:28px;color:var(--muted);writing-mode:vertical-rl;font-size:9px}.table-subline{max-width:240px;color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:11px;display:block}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login{gap:16px;width:min(100%,440px);display:grid}@media (max-width:760px){.site-shell,.page{width:min(100% - 28px,1120px)}.landing-hero,.form-layout,.dashboard-grid,.pricing-grid,.test-grid,.admin-detail-grid,.chapter-path,.usage-summary-grid{grid-template-columns:1fr;gap:32px}.landing-hero{min-height:auto;padding:44px 0 58px}.hero-preview{min-height:330px}.features{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid var(--line)}.dashboard-header{align-items:start;padding:42px 0 28px}.subscription-callout{flex-direction:column;align-items:start}.admin-metrics,.usage-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-heading{flex-direction:column;align-items:start}.admin-nav{flex-direction:column;align-items:start;padding:18px 0}.admin-nav>div{flex-wrap:wrap}}@media (max-width:480px){.nav{min-height:70px}.nav-links{gap:12px}.nav-links .btn{padding-inline:10px}.hero-copy h1,.form-intro h1,.dashboard-header h1{font-size:42px}.features{grid-template-columns:1fr}.feature,.feature:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.feature:last-child{border-bottom:0}.dashboard-header{display:grid}.btn{width:100%}.hero-actions{align-items:stretch}.story-row{flex-direction:column;align-items:start;padding:16px 0}.subscription-callout .btn{width:100%}}