:root{--midnight:#173247;--blueberry:#6faebe;--moonmilk:#fff7df;--peach-cloud:#ffc8a8;--story-rose:#f4a7a3;--mint-star:#b9decf;--old-gold:#d6a64c;--ink:#253545;--muted:#657889;--card:rgba(255,250,235,.78);--card-strong:rgba(255,250,235,.94);--line:rgba(70,92,100,.16);--shadow:0 26px 70px rgba(50,88,91,.2);--radius-xl:34px;--radius-lg:24px;--radius-md:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body),"Microsoft YaHei",sans-serif;min-height:100vh;background:radial-gradient(circle at 13% 10%,rgba(255,222,133,.78),transparent 24rem),radial-gradient(circle at 82% 8%,rgba(185,222,207,.82),transparent 24rem),radial-gradient(circle at 75% 76%,rgba(255,200,168,.48),transparent 27rem),linear-gradient(135deg,#fff8df,#eaf7f3 43%,#d9eef2);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--peach-cloud);color:var(--midnight)}.page-shell{position:relative;min-height:100vh;padding:16px clamp(18px,4vw,64px) 40px}.home-page-shell{padding:0 0 40px}.profile-orb{position:absolute;top:clamp(18px,2.6vw,34px);right:clamp(18px,3.2vw,52px);z-index:10;width:clamp(54px,5.2vw,76px);height:clamp(54px,5.2vw,76px);display:grid;place-items:center;border-radius:999px;border:1px solid hsla(0,0%,100%,.78);background:rgba(255,250,235,.52);box-shadow:0 18px 42px rgba(46,74,77,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .2s ease,background .2s ease}.profile-orb:hover{transform:translateY(-2px);background:rgba(255,250,235,.72)}.profile-orb img{width:86%;height:86%;object-fit:contain;border-radius:999px;filter:drop-shadow(0 8px 14px rgba(83,109,95,.18))}.dream-sky{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:-1}.dream-sky:before{content:"";position:absolute;width:52vw;height:52vw;min-width:360px;min-height:360px;right:-14vw;top:-18vw;border-radius:50%;background:radial-gradient(circle,rgba(255,248,220,.96),rgba(185,222,207,.52) 42%,transparent 70%)}.dream-sky:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,53,69,.055) 1px,transparent 0),linear-gradient(90deg,rgba(37,53,69,.045) 1px,transparent 0),radial-gradient(circle,hsla(0,0%,100%,.95) 0 1px,transparent 1.8px);background-size:96px 96px,96px 96px,120px 120px;background-position:0 0,0 0,22px 18px;-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 84%);mask-image:linear-gradient(180deg,#000 0,transparent 84%)}.nav{display:flex;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto 6px}.nav,.nav-links{align-items:center}.nav-links{gap:14px;font-size:13px;font-weight:800}.nav-links a{color:rgba(54,40,28,.78);text-decoration:none}.nav-links a:hover{color:#1f6f58}.ai-label{display:inline-block;margin:0 0 18px;color:#315d50;font-weight:800;line-height:1.6}.home-ai-label{max-width:980px;margin:10px auto 18px;padding:0 24px}.legal-form{display:grid;grid-gap:14px;gap:14px;max-width:460px;margin-top:24px}.legal-form label{display:grid;grid-gap:8px;gap:8px;color:#4b3a2d;font-weight:800}.legal-form input{width:100%;min-height:48px;border:2px solid rgba(95,76,53,.22);border-radius:8px;padding:0 14px;font:inherit;background:hsla(0,0%,100%,.72)}.account-panel{display:grid;grid-gap:16px;gap:16px;margin-top:22px;max-width:720px}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin:0}.account-grid div{border:1px solid var(--line);border-radius:8px;background:hsla(0,0%,100%,.72);padding:14px 16px}.account-grid dt{color:var(--muted);font-size:13px;margin:0 0 6px}.account-grid dd{margin:0;color:var(--ink);font-weight:700}.logo-mark{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.02em}.logo-moon{width:42px;height:42px;display:grid;place-items:center;border-radius:50% 50% 46% 54%;background:linear-gradient(135deg,#fff7ac,#ffc8a8);box-shadow:0 12px 26px rgba(156,117,56,.22)}.logo-bookie{width:48px;height:48px;object-fit:contain;border-radius:0;mix-blend-mode:multiply;filter:saturate(1.04) drop-shadow(0 10px 18px rgba(83,109,95,.2));-webkit-mask-image:radial-gradient(circle at 50% 52%,#000 0 56%,rgba(0,0,0,.88) 67%,transparent 82%);mask-image:radial-gradient(circle at 50% 52%,#000 0 56%,rgba(0,0,0,.88) 67%,transparent 82%)}.nav-links{display:flex;gap:10px;flex-wrap:wrap}.nav-links a,.soft-pill{border:1px solid var(--line);background:hsla(0,0%,100%,.52);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px 14px;border-radius:999px;color:var(--midnight);font-size:14px;font-weight:800}.hero{position:relative;width:100%;max-width:none;margin:0;min-height:clamp(460px,62vh,680px);display:flex;align-items:center;padding:clamp(74px,9vh,112px) clamp(22px,6vw,86px) clamp(72px,10vh,112px);border-radius:0;overflow:hidden;border:0;box-shadow:none;background:#f7eed1}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,248,224,.7),rgba(255,248,224,.46) 30%,rgba(255,248,224,.08) 55%,rgba(255,248,224,0)),linear-gradient(180deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,0) 54%,rgba(23,50,71,.18));pointer-events:none}.hero-content{position:relative;z-index:2;width:min(520px,48vw);margin-left:clamp(12px,2vw,30px);padding-top:clamp(12px,3vh,42px);transform:translateY(-34px)}.hero-media{position:absolute;inset:0;z-index:0;display:block;overflow:hidden}.hero-banner-image{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,250,229,.72);border:1px solid hsla(0,0%,100%,.8);box-shadow:0 12px 30px rgba(75,103,105,.12);font-weight:900;color:#567963;margin:0 0 8px}.kicker.compact{padding:6px 10px;margin-bottom:8px;font-size:12px;box-shadow:none}.hero h1,.hero-poem,.reader-title,.section-title,h1,h2{font-family:var(--font-title-cn),var(--font-child-cn),"YouYuan","KaiTi","Microsoft YaHei UI",cursive;font-weight:400;letter-spacing:0;line-height:1.08}.hero h1{font-size:clamp(38px,4.8vw,62px);margin:0;color:var(--midnight)}.home-page-shell .hero h1{font-size:clamp(52px,5.7vw,82px);transform:translateY(-18px)}.hero h1 span{color:transparent;background:linear-gradient(100deg,#2f7180,#8eb99f 48%,#de915f 86%);background-clip:text;-webkit-background-clip:text}.hero-copy{font-size:clamp(16px,1.6vw,20px);line-height:1.62;color:#506774;max-width:560px;margin:10px 0 0}.home-page-shell .hero-copy{max-width:460px}.hero-poem{margin:12px 0 0;color:rgba(47,98,106,.92);font-size:clamp(22px,2.15vw,32px);line-height:1.38;text-shadow:0 1px 0 hsla(0,0%,100%,.42)}.home-page-shell .hero-poem{margin-top:clamp(26px,2.8vh,36px)}.stage-card{position:relative;min-height:500px;border-radius:44px;padding:22px;background:linear-gradient(160deg,hsla(0,0%,100%,.8),rgba(233,247,240,.72));box-shadow:var(--shadow);border:1px solid hsla(0,0%,100%,.78);overflow:hidden}.stage-card:before{content:"";position:absolute;inset:20px;border-radius:34px;background:radial-gradient(circle at 50% 22%,rgba(255,244,190,.92),transparent 130px),linear-gradient(180deg,rgba(146,190,184,.82),hsla(36,79%,81%,.72) 52%,rgba(255,200,168,.42))}.stage-curtain{position:relative;z-index:1;height:456px;border-radius:30px;overflow:hidden;display:grid;place-items:center;color:var(--midnight);background:linear-gradient(180deg,rgba(255,250,229,.5),hsla(0,0%,100%,.1)),repeating-linear-gradient(28deg,hsla(0,0%,100%,.2) 0 2px,transparent 2px 18px)}.stage-curtain:after,.stage-curtain:before{content:"";position:absolute}.stage-curtain:before{width:126%;height:126%;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 18%,hsla(0,0%,100%,.3) 18.5% 19%,transparent 19.5% 30%,hsla(0,0%,100%,.24) 30.5% 31%,transparent 31.5% 45%,hsla(0,0%,100%,.2) 45.5% 46%,transparent 46.5%),conic-gradient(from 0deg,rgba(47,113,128,.12),rgba(255,244,190,.42),rgba(222,145,95,.18),rgba(47,113,128,.12))}.stage-curtain:after{inset:48px;border-radius:28px;border:1px solid rgba(37,53,69,.16);background:linear-gradient(90deg,transparent 0 48%,rgba(117,92,47,.12) 49% 51%,transparent 52%),radial-gradient(circle at 24% 38%,rgba(47,113,128,.24),transparent 9%),radial-gradient(circle at 73% 28%,rgba(222,145,95,.2),transparent 8%),radial-gradient(circle at 62% 70%,rgba(142,185,159,.24),transparent 10%),rgba(255,244,215,.62);box-shadow:inset 0 0 0 12px hsla(0,0%,100%,.22),0 24px 70px rgba(42,72,78,.16)}.bookie-hero{position:relative;z-index:3;width:min(62%,380px);height:auto;align-self:end;justify-self:center;margin-bottom:2px;filter:drop-shadow(0 26px 34px rgba(67,86,79,.25))}.stage-note{position:relative;z-index:4;text-align:center;max-width:286px;padding:22px;border-radius:28px;background:rgba(255,250,229,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid hsla(0,0%,100%,.68);box-shadow:0 22px 50px rgba(67,89,82,.16);margin-top:-44px}.stage-note strong{display:block;font-family:var(--font-display),Georgia,serif;font-size:34px;line-height:1;margin-bottom:12px}.launch-panel{max-width:1180px;margin:clamp(-70px,-6vh,-42px) auto 0;padding:clamp(12px,1.6vw,16px);border-radius:20px;background:rgba(255,250,235,.9);border:1px solid hsla(0,0%,100%,.72);box-shadow:0 20px 48px rgba(50,88,91,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:3}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px}.story-input{width:100%;border:0;border-radius:16px;padding:14px 16px;outline:2px solid transparent;background:hsla(0,0%,100%,.8);color:var(--ink);font-weight:800;box-shadow:inset 0 0 0 1px var(--line)}.story-input:focus{outline-color:rgba(127,185,198,.72)}.primary-button,.secondary-button{border:0;min-height:48px;padding:0 20px;border-radius:16px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.primary-button{color:#173247;background:linear-gradient(135deg,#ffd76d,#ffc8a8 52%,#9dd6c1);box-shadow:0 16px 34px rgba(222,145,95,.24)}.primary-button.slim,.secondary-button.slim{min-height:42px;padding:0 16px;border-radius:14px}.secondary-button{color:var(--ink);background:hsla(0,0%,100%,.72);border:1px solid var(--line)}.status-message{margin-top:12px;color:#5d6d75;font-weight:800}.input-hint{margin:10px 2px 0;color:#667985;font-size:13px;font-weight:800}.preset-grid,.style-grid{display:grid;grid-gap:12px;gap:12px}.style-grid{display:none}.preset-card,.style-card{border:1px solid var(--line);background:hsla(0,0%,100%,.64);border-radius:8px;padding:14px;text-align:left;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.preset-card:hover,.style-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(75,103,105,.14)}.style-card.active{background:rgba(255,248,220,.94);box-shadow:inset 0 0 0 2px rgba(127,185,198,.58)}.preset-card strong,.style-card strong{display:block;font-weight:900;color:var(--midnight)}.preset-card span,.style-card span{display:block;color:var(--muted);font-size:13px;margin-top:6px;line-height:1.42}.live-progress-panel{position:relative;max-width:1180px;margin:10px auto 0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);grid-gap:16px;gap:16px;padding:14px;border-radius:24px;background:hsla(0,0%,100%,.72);border:1px solid hsla(0,0%,100%,.82);box-shadow:0 18px 42px rgba(50,88,91,.14);overflow:hidden}.time-river{position:absolute;left:34px;right:34px;top:88px;height:2px;background:linear-gradient(90deg,rgba(47,113,128,.18),rgba(255,215,109,.8),rgba(127,185,198,.3))}.live-preview-stage,.progress-main{position:relative;z-index:1}.progress-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.progress-title-row h2{margin:0;color:var(--midnight);font-size:clamp(24px,3vw,36px)}.progress-copy{margin:10px 0 12px;color:#536a74;font-weight:800;line-height:1.45}.home-progress{height:12px}.progress-queue-note{margin:9px 0 0;color:#6b7580;font-size:12px;font-weight:900;line-height:1.4}.progress-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.live-preview-stage{display:grid;align-items:stretch}.live-preview{position:relative;min-height:178px;aspect-ratio:16/10;border-radius:18px;overflow:hidden;display:grid;place-items:center;color:#7b8a90;font-weight:900;font-size:12px;background:linear-gradient(135deg,rgba(255,248,224,.8),rgba(233,247,240,.78)),repeating-linear-gradient(45deg,rgba(70,92,100,.08) 0 1px,transparent 1px 10px);border:1px solid rgba(70,92,100,.12);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.62),0 12px 28px rgba(50,88,91,.12)}.live-preview img{width:100%;height:100%;object-fit:cover;display:block}.painting-overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 35% 42%,hsla(0,0%,100%,.42),transparent 28%),rgba(22,37,42,.24)}.painting-overlay b,.painting-overlay em,.painting-overlay i{position:absolute;display:block;border-radius:999px}.painting-overlay i{width:86px;height:86px;border:7px solid hsla(0,0%,100%,.72);border-top-color:rgba(255,215,109,.96);animation:paint-spin 1.15s linear infinite}.painting-overlay b{width:92px;height:10px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.88),transparent);transform:rotate(-18deg);animation:paint-sweep 1.6s ease-in-out infinite}.painting-overlay em{width:14px;height:14px;background:#ffd76d;box-shadow:24px 8px 0 #7fb9c6,-22px 15px 0 #ffc8a8;animation:paint-dots 1.4s ease-in-out infinite}.section-head{max-width:1180px;margin:12px auto 8px;display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.home-section-head .section-title{font-size:clamp(24px,2.7vw,34px)}.section-title{font-size:clamp(32px,4vw,56px);margin:0;color:var(--midnight)}.preset-grid{max-width:1280px;margin:0 auto;grid-template-columns:repeat(5,minmax(0,1fr))}.preset-card{min-height:94px;position:relative;overflow:hidden;display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;padding:8px;background:rgba(255,252,244,.82)}.preset-portrait{width:66px;height:76px;border-radius:6px;object-fit:cover;background:#f3e6c9;box-shadow:inset 0 0 0 1px rgba(90,76,52,.12)}.preset-copy{display:block;min-width:0}.preset-copy strong{display:block;font-size:17px;line-height:1.15;margin:0 0 7px;letter-spacing:0;color:var(--midnight)}.preset-copy span{display:-webkit-box;margin:0;color:var(--muted);font-size:12px;line-height:1.45;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.preset-status{position:absolute;right:10px;top:10px;margin:0;padding:4px 7px;border-radius:999px;color:#276348;background:rgba(206,237,217,.92);font-size:11px;font-weight:900}.preset-status.is-queued{color:#6d541f;background:rgba(255,226,157,.88)}.preset-card.is-running{background:rgba(246,255,246,.9);box-shadow:inset 0 0 0 2px rgba(74,144,104,.32),0 14px 32px rgba(75,103,105,.12)}.preset-card.is-queued{background:rgba(255,251,239,.94);box-shadow:inset 0 0 0 2px rgba(214,166,76,.26),0 14px 32px rgba(75,103,105,.1)}.badge{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;color:#6d541f;background:rgba(255,215,109,.52);margin-top:12px}.badge.ready{color:#1f7451;background:rgba(185,222,207,.72)}.badge.generating,.badge.reviewing{color:#7a4c00;background:rgba(255,226,157,.72)}.badge.failed{color:#974b31;background:rgba(255,200,168,.72)}.generate-shell,.reader-shell{max-width:1100px;margin:0 auto}.about-shell{width:min(1180px,100%);max-width:1180px;margin:0 auto}.about-shell .account-panel,.about-shell .hero-copy,.about-shell .section-title{max-width:none}.about-shell .legal-form{max-width:min(520px,100%)}.guardian-notice,.safety-notice{color:#b42318;font-weight:900}.guardian-notice{margin:-8px 0 18px;width:100%;max-width:none;box-sizing:border-box;line-height:1.7}.guardian-notice a,.safety-notice a{color:#9f1f16;text-decoration:underline;text-underline-offset:3px}.load-more-sentinel{max-width:620px;min-height:58px;margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:14px;color:rgba(37,53,69,.72);font-weight:900;text-align:center}.load-more-sentinel span{flex:0 1 auto;min-width:0}.load-more-sentinel.is-end{color:rgba(37,53,69,.62);font-size:13px}.load-more-sentinel.is-end:after,.load-more-sentinel.is-end:before{content:"";flex:1 1 80px;max-width:150px;height:1px;background:linear-gradient(90deg,transparent,rgba(47,96,76,.28))}.load-more-sentinel.is-end:after{background:linear-gradient(90deg,rgba(47,96,76,.28),transparent)}.reader-frame{position:relative;background:hsla(0,0%,100%,.64);border:1px solid hsla(0,0%,100%,.78);border-radius:36px;padding:clamp(14px,3vw,28px);box-shadow:var(--shadow)}.reader-frame:-webkit-full-screen{width:100vw;height:100vh;max-width:none;border:0;border-radius:0;padding:min(3vh,28px) min(3vw,36px);background:#05080b;display:grid;grid-template-rows:1fr;align-items:center}.reader-frame:fullscreen{width:100vw;height:100vh;max-width:none;border:0;border-radius:0;padding:min(3vh,28px) min(3vw,36px);background:#05080b;display:grid;grid-template-rows:1fr;align-items:center}.reader-frame:-webkit-full-screen.cursor-hidden,.reader-frame:-webkit-full-screen.cursor-hidden *{cursor:none!important}.reader-frame:fullscreen.cursor-hidden,.reader-frame:fullscreen.cursor-hidden *{cursor:none!important}.reader-topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.reader-frame:-webkit-full-screen .reader-topbar{display:none}.reader-frame:fullscreen .reader-topbar{display:none}.reader-image{aspect-ratio:16/9;width:100%;display:grid;place-items:center;overflow:hidden;position:relative;border-radius:28px;background:#05080b;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.16),0 28px 70px rgba(14,28,35,.22);transform-origin:center right;animation:pageTurn .58s cubic-bezier(.2,.8,.2,1)}.reader-frame:-webkit-full-screen .reader-image{max-height:100vh;border-radius:18px;z-index:0}.reader-frame:fullscreen .reader-image{max-height:100vh;border-radius:18px;z-index:0}.reader-backdrop{position:absolute;inset:-8%;z-index:0;background-size:cover;background-position:50%;filter:blur(26px) saturate(1.08);opacity:.74;transform:scale(1.08)}.reader-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,hsla(0,0%,100%,.16),transparent 38%),linear-gradient(180deg,rgba(5,8,11,.02),rgba(5,8,11,.14))}.reader-main-image{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain}.subtitle-card{position:absolute;z-index:2;left:8%;right:8%;bottom:clamp(18px,4vw,48px);padding:0;background:transparent;color:#fff;line-height:1.25;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.65),0 0 2px rgba(0,0,0,.92),2px 2px 0 rgba(0,0,0,.42),-2px 2px 0 rgba(0,0,0,.42);font-family:var(--font-body),"Nunito","Microsoft YaHei UI",sans-serif;pointer-events:none}.subtitle-card .cn{font-family:var(--font-child-cn),"YouYuan","Microsoft YaHei UI",sans-serif;font-size:clamp(24px,2.55vw,40px);font-weight:400;letter-spacing:.02em}.subtitle-card .en{margin-top:7px;color:hsla(0,0%,100%,.92);font-size:clamp(18px,1.85vw,30px);font-weight:800}.reader-frame:-webkit-full-screen .subtitle-card{left:7%;right:7%;bottom:max(28px,6vh)}.reader-frame.is-fullscreen .subtitle-card,.reader-frame:fullscreen .subtitle-card{left:7%;right:7%;bottom:max(28px,6vh)}.reader-frame:-webkit-full-screen .subtitle-card .cn{font-size:clamp(28px,5.2vmin,52px);line-height:1.18}.reader-frame.is-fullscreen .subtitle-card .cn,.reader-frame:fullscreen .subtitle-card .cn{font-size:clamp(28px,5.2vmin,52px);line-height:1.18}.reader-frame:-webkit-full-screen .subtitle-card .en{font-size:clamp(22px,3.5vmin,36px);line-height:1.18}.reader-frame.is-fullscreen .subtitle-card .en,.reader-frame:fullscreen .subtitle-card .en{font-size:clamp(22px,3.5vmin,36px);line-height:1.18}.reader-controls{position:relative;bottom:auto;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:22px;background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid hsla(0,0%,100%,.84);transition:opacity .22s ease,transform .22s ease}.reader-frame:-webkit-full-screen .reader-controls{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:20;transform:translateY(10px);opacity:0;pointer-events:none;background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.22);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.reader-frame:fullscreen .reader-controls{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:20;transform:translateY(10px);opacity:0;pointer-events:none;background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.22);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.reader-frame:-webkit-full-screen.controls-visible .reader-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.reader-frame:fullscreen.controls-visible .reader-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.reader-page-count{display:none;color:#fff;font-weight:900;font-size:13px;letter-spacing:.05em;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.24)}.reader-frame:-webkit-full-screen .reader-page-count{display:inline-flex}.reader-frame:fullscreen .reader-page-count{display:inline-flex}.reader-controls button{width:56px;min-width:56px;height:56px;min-height:56px;border-radius:999px;border:2px solid hsla(0,0%,100%,.88);background:linear-gradient(145deg,#ff7ab6,#ffd76d 55%,#8ee6c8);color:#5d2b65;font-weight:900;font-size:25px;line-height:1;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.72),inset 0 -4px 0 rgba(151,67,124,.18),0 10px 24px rgba(46,36,73,.2);text-shadow:0 2px 0 hsla(0,0%,100%,.45)}.reader-controls button span{display:inline-block;transform:translateY(-1px)}.reader-controls .play-button{background:linear-gradient(145deg,#ff8bc0,#ffd86f 58%,#fff1a6);color:#713165}.reader-controls .fullscreen-button{background:linear-gradient(145deg,#7ee7ff,#95f1bd 52%,#ffd6f2);color:#17516a}.progress-card{padding:clamp(18px,4vw,32px);border-radius:34px;background:hsla(0,0%,100%,.72);border:1px solid hsla(0,0%,100%,.82);box-shadow:var(--shadow)}.progress-bar{height:14px;border-radius:999px;background:rgba(70,92,100,.12);overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#7fb9c6,#ffd76d,#ffc8a8);transition:width .55s ease}.page-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:22px}.page-preview{border-radius:22px;overflow:hidden;background:hsla(0,0%,100%,.6);min-height:160px}.page-preview img{width:100%;display:block}@media (max-width:1023px){.hero{min-height:clamp(520px,72vh,700px);align-items:flex-start;padding:clamp(86px,11vh,118px) clamp(22px,5vw,48px) clamp(82px,12vh,120px)}.hero-content{width:min(520px,58vw);padding-top:clamp(32px,6vh,78px)}.stage-card{min-height:410px}.stage-curtain{height:366px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-progress-panel{grid-template-columns:1fr}}@media (max-width:639px){.page-shell{padding:18px 14px 32px}.home-page-shell{padding:0 0 32px}.nav{align-items:flex-start}.nav-links{justify-content:flex-end}.logo-bookie{width:50px;height:50px}.hero{min-height:560px;align-items:flex-start;padding:88px 22px 120px;border-radius:0}.hero:before{background:linear-gradient(180deg,rgba(255,248,224,.9),rgba(255,248,224,.62) 34%,rgba(255,248,224,.16) 72%,rgba(23,50,71,.1)),linear-gradient(90deg,rgba(255,248,224,.52),rgba(255,248,224,.08))}.hero-content{width:min(100%,330px);margin-left:0;padding-top:0;transform:translateY(-22px)}.hero-banner-image{object-position:54% center}.hero h1{font-size:43px}.home-page-shell .hero h1{font-size:52px}.hero-poem{font-size:23px;line-height:1.45}.profile-orb{top:16px;right:16px;width:58px;height:58px}.launch-panel{margin:-88px 14px 0;border-radius:18px}.input-row{grid-template-columns:1fr}.primary-button,.secondary-button{width:100%;min-height:56px}.live-progress-panel{padding:14px;border-radius:18px}.progress-title-row{flex-direction:column}.live-preview{min-height:156px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preset-card{min-height:88px;grid-template-columns:62px minmax(0,1fr);gap:9px;padding:8px}.preset-portrait{width:62px;height:62px}.preset-copy strong{font-size:16px}.preset-copy span{font-size:11px;line-height:1.36}.preset-status{top:7px;right:7px;padding:3px 6px;font-size:10px}.section-head{align-items:flex-start;flex-direction:column}.reader-controls{flex-wrap:wrap}.reader-frame:-webkit-full-screen .reader-controls{right:max(12px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));transform:translateY(10px)}.reader-frame:fullscreen .reader-controls{right:max(12px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));transform:translateY(10px)}.reader-frame:-webkit-full-screen.controls-visible .reader-controls{transform:translateY(0)}.reader-frame:fullscreen.controls-visible .reader-controls{transform:translateY(0)}.reader-controls button{flex:0 0 56px;min-width:56px}.page-preview-grid{grid-template-columns:1fr}}@media (max-width:639px) and (orientation:portrait){.hero{min-height:clamp(650px,82svh,720px);padding:78px 22px 136px}.hero:before{background:linear-gradient(180deg,rgba(255,248,224,.82),rgba(255,248,224,.54) 30%,rgba(255,248,224,.08) 58%,rgba(23,50,71,.08)),linear-gradient(90deg,rgba(255,248,224,.68),rgba(255,248,224,.36) 52%,rgba(255,248,224,.04))}.hero-content{width:min(100%,320px);transform:none}.hero-banner-image{object-position:center top}.home-page-shell .hero h1{font-size:clamp(46px,13vw,52px);transform:translateY(-8px)}.home-page-shell .hero-poem{margin-top:18px}.hero-poem{max-width:310px;font-size:clamp(18px,5.15vw,21px);line-height:1.48}.launch-panel{margin:-112px 14px 0;padding:14px}.home-section-head .kicker.compact,.input-hint{display:none}.home-section-head{margin-top:18px}}@media (max-width:1023px) and (max-height:520px) and (orientation:landscape){.hero{min-height:86svh;align-items:center;padding:22px 24px 64px}.hero:before{background:linear-gradient(90deg,rgba(255,248,224,.78),rgba(255,248,224,.48) 42%,rgba(255,248,224,.08) 72%,rgba(255,248,224,0)),linear-gradient(180deg,hsla(0,0%,100%,.1),rgba(23,50,71,.16))}.hero-content{width:min(48vw,420px);margin-left:0;padding-top:0;transform:none}.home-page-shell .hero h1{font-size:clamp(34px,5.8vw,46px);transform:none}.home-page-shell .hero-poem{margin-top:14px}.hero-poem{font-size:clamp(16px,2.8vw,20px);line-height:1.32}.profile-orb{top:14px;right:16px;width:52px;height:52px}.launch-panel{margin:-62px 18px 0}.home-section-head .kicker.compact,.input-hint{display:none}}@media (prefers-reduced-motion:no-preference){.hero-banner-image{animation:bannerBreath 9s ease-in-out infinite}@keyframes bannerBreath{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes paint-spin{to{transform:rotate(1turn)}}@keyframes paint-sweep{0%,to{transform:translateX(-26px) rotate(-18deg);opacity:.42}50%{transform:translateX(26px) rotate(-18deg);opacity:.96}}@keyframes paint-dots{0%,to{transform:translateY(18px) scale(.88);opacity:.72}50%{transform:translateY(-16px) scale(1.08);opacity:1}}@keyframes pageTurn{0%{opacity:.35;transform:perspective(1200px) rotateY(-8deg) translateX(18px) scale(.985);filter:saturate(.9)}to{opacity:1;transform:perspective(1200px) rotateY(0deg) translateX(0) scale(1);filter:saturate(1)}}}