:root{color-scheme:light;--ink: #17202a;--muted: #4f5f6f;--line: #d9e0e6;--paper: #fffaf3;--surface: #ffffff;--coral: #e8654f;--teal: #237c7a;--green: #6c8d45;--navy: #213a5a;--shadow: 0 20px 60px rgba(29, 42, 55, .12);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;color:var(--ink);background:var(--paper);letter-spacing:0;word-break:keep-all;overflow-wrap:break-word}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:inherit;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#root{min-height:100vh}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:0 5vw;border-bottom:1px solid rgba(23,32,42,.08);background:#fffaf3e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background-color .26s ease,box-shadow .26s ease,border-color .26s ease}.site-header:hover{background:#fffaf3f2;box-shadow:0 8px 24px #17202a14}.brand,.nav,.hero-actions,.proof-points,.sample-flow,.price-grid{display:flex;align-items:center}.brand{gap:10px;font-size:18px;font-weight:800}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#fff;background:var(--teal)}.nav{gap:26px;color:#334354;font-size:15px;font-weight:700}.nav a:hover{color:var(--ink)}.hero{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);align-items:center;gap:48px;min-height:calc(100vh - 72px);padding:54px 5vw 72px}.hero-copy,.section-copy,.apply-copy{max-width:700px}.eyebrow{margin:0 0 14px;color:var(--teal);font-size:14px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{max-width:680px;margin-bottom:24px;font-size:clamp(40px,5vw,66px);line-height:1.12;letter-spacing:0}.hero-title{display:grid;gap:8px}.hero-title-line,.hero-title-sub{display:block;opacity:0;transform:translateY(10px);animation:title-rise .7s cubic-bezier(.16,.84,.32,1) forwards}.hero-title-sub{color:#2c5963;font-size:clamp(18px,2.2vw,24px);font-weight:700;line-height:1.35;animation-delay:.12s}h2{margin-bottom:16px;font-size:clamp(30px,3.5vw,46px);line-height:1.22;letter-spacing:0}h3{margin-bottom:10px;font-size:21px;line-height:1.35}p{color:var(--muted);font-size:18px;line-height:1.82}.hero-text{max-width:600px;color:#344556;font-size:21px;line-height:1.76}.hero-actions{flex-wrap:wrap;gap:12px;margin:34px 0 32px}.button,.lead-form button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:0 22px;font-size:16px;font-weight:900;cursor:pointer}.button.primary,.lead-form button{color:#fff;background:var(--coral)}.button.secondary{border-color:var(--line);color:var(--navy);background:#ffffffb8}.proof-points{flex-wrap:wrap;gap:12px}.proof-points div{min-width:128px;padding:14px 16px;border:1px solid rgba(23,32,42,.08);border-radius:8px;background:#ffffff9e}.proof-points dt{font-size:28px;font-weight:900}.proof-points dd{margin:3px 0 0;color:#405164;font-size:13px;font-weight:700}.hero-visual{margin:0}.hero-visual img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:8px;box-shadow:var(--shadow);transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s cubic-bezier(.2,.7,.2,1)}.hero-visual:hover img{transform:translateY(-4px) scale(1.015);box-shadow:0 28px 62px #1d2a372e}section{padding:92px 5vw}.band{background:#fff}.narrow{max-width:640px}.problem-grid,.steps,.age-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}.problem-grid article,.steps li,.age-grid article,.sample-flow article,.price-card,.lead-form{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.problem-grid article,.age-grid article{padding:28px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none}.steps li{min-height:260px;padding:24px}.step-number{display:grid;width:38px;height:38px;margin-bottom:28px;place-items:center;border-radius:999px;color:#fff;background:var(--green);font-weight:900}.age-band,.institution{background:var(--paper)}.age-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.samples{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(360px,1.2fr);gap:42px;align-items:center}.sample-flow{gap:16px}.sample-flow article{flex:1;min-height:220px;padding:24px}.sample-flow span,.plan{display:inline-block;margin-bottom:22px;color:var(--coral);font-size:13px;font-weight:900}.price-grid{align-items:stretch;gap:18px;margin-top:38px}.price-card{flex:1;padding:28px}.price-card h3{margin-bottom:12px;font-size:clamp(28px,3vw,34px);word-break:keep-all}.price-card.featured{border-color:#e8654f73;box-shadow:var(--shadow)}.apply{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(340px,.65fr);gap:48px;align-items:start}.lead-form{display:grid;gap:18px;padding:24px;box-shadow:var(--shadow)}.form-title{margin:0;color:var(--navy);font-size:18px;font-weight:900;line-height:1.5}.form-list{display:grid;gap:12px;margin:0;padding:0;color:var(--muted);font-size:17px;line-height:1.7;list-style:none}.form-list li{position:relative;padding-left:20px}.form-list li:before{position:absolute;top:12px;left:0;width:7px;height:7px;border-radius:999px;background:var(--teal);content:""}.form-button{width:100%;margin-top:4px}.lead-form label{display:grid;gap:8px;color:var(--navy);font-size:14px;font-weight:900}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:14px;color:var(--ink);background:#fff;font:inherit}.lead-form textarea{min-height:112px;resize:vertical}.lead-form button{width:100%}@media(max-width:980px){.hero,.samples,.apply{grid-template-columns:1fr}.hero{padding-top:36px}.hero-visual{order:-1}.problem-grid,.steps,.age-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-flow,.price-grid{align-items:stretch;flex-direction:column}}@media(max-width:680px){.site-header{min-height:auto;align-items:flex-start;padding:14px 20px}.brand{font-size:16px}.nav{justify-content:flex-end;gap:12px;font-size:13px}.brand span:last-child{display:none}.hero,section{padding-left:20px;padding-right:20px}.hero{min-height:auto}h1{font-size:36px;line-height:1.16}h2{font-size:28px;line-height:1.26}p,.hero-text{font-size:16px;line-height:1.76}.problem-grid,.steps,.age-grid{grid-template-columns:1fr}.steps li{min-height:auto}}.flow-shell{min-height:100vh;padding:48px 5vw;background:radial-gradient(1200px 480px at 20% -10%,rgba(237,116,86,.14),transparent 70%),radial-gradient(920px 420px at 100% 0%,rgba(35,124,122,.14),transparent 70%),linear-gradient(180deg,#fffaf3,#fff)}.flow-card{max-width:980px;margin:0 auto;border:1px solid rgba(23,32,42,.08);border-radius:18px;background:linear-gradient(180deg,#fffefb,#fff);padding:30px;box-shadow:0 24px 70px #1d2a371f,inset 0 1px #ffffffd9;animation:card-rise .42s ease-out both}.proto-form{display:grid;gap:14px;margin-top:20px}.proto-form label{display:grid;gap:8px;color:#223244;font-weight:700}.proto-form input,.proto-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit}.book-viewer{position:relative;margin:4px auto 10px;max-width:760px;-webkit-user-select:none;user-select:none;perspective:2200px}.book-stage{position:relative;max-width:760px;margin:0 auto;aspect-ratio:4 / 5;perspective:1800px;transform-style:preserve-3d;border-radius:20px;overflow:visible;border:1px solid rgba(23,32,42,.08);background:linear-gradient(170deg,#fffffff2,#fffaf1f2);box-shadow:0 20px 45px #1a27341f,inset 0 0 0 1px #ffffff8c}.book-page{position:absolute;inset:0;margin:0;padding:0;transform-origin:left center;z-index:2;overflow:hidden;border-radius:20px;background:#fff}.book-page img{width:100%;height:100%;border-radius:20px;object-fit:contain;background:#fff;box-shadow:none}.book-page-under{z-index:1}.book-page-hidden{opacity:var(--page-fade, .42);transition:opacity .46s cubic-bezier(.2,.72,.2,1)}.book-page-enter{animation:page-enter .3s cubic-bezier(.16,.74,.24,1)}.book-flip-sheet{position:absolute;inset:0;border-radius:20px;z-index:4;pointer-events:none;overflow:hidden;backface-visibility:visible;transform-style:preserve-3d;background:#fff;box-shadow:0 18px 36px rgba(23,32,42,calc(var(--flip-shadow, .2)));filter:drop-shadow(0 14px 22px rgba(8,14,24,calc(var(--flip-shadow, .14))))}.book-flip-sheet img{width:100%;height:100%;object-fit:contain;background:#fff}.book-flip-sheet.drag{animation:none;opacity:.97}.book-flip-sheet.drag.settling{transition:transform .42s cubic-bezier(.2,.74,.2,1),opacity .42s cubic-bezier(.2,.72,.2,1)}@keyframes page-enter{0%{opacity:.66;transform:scale(.995)}to{opacity:1;transform:scale(1)}}.book-flip-sheet.drag.next{transform-origin:left center;transform:rotateY(var(--flip-rotate, 0deg))}.book-flip-sheet.drag.prev{transform-origin:right center;transform:rotateY(var(--flip-rotate, 0deg))}.book-click-zones{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;pointer-events:none;z-index:12}.book-zone{appearance:none;border:0;background:transparent;pointer-events:auto;cursor:pointer;touch-action:pan-y;height:100%;width:100%;display:block;-webkit-tap-highlight-color:transparent}.book-zone:disabled{cursor:default}.book-zone.left:hover:not(:disabled){background:linear-gradient(90deg,rgba(23,32,42,.12),transparent 80%)}.book-zone.right:hover:not(:disabled){background:linear-gradient(270deg,rgba(23,32,42,.12),transparent 80%)}.book-hint{margin-top:12px;text-align:center;color:#425568;font-size:13px;font-weight:700}.book-end-actions{margin-top:14px;display:flex;justify-content:center}.book-shell{max-width:920px}.proto-form input:focus,.proto-form textarea:focus{outline:2px solid rgba(35,124,122,.22);outline-offset:2px;border-color:#237c7a73}@keyframes card-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.flow-card{padding:20px 16px}.book-stage,.book-page,.book-flip-sheet{border-radius:14px}}.reveal{--reveal-delay: 0ms}.reveal-item{opacity:0;transform:translateY(20px) scale(.99);transition:transform .68s cubic-bezier(.2,.7,.2,1),opacity .68s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay)}.reveal.is-visible .reveal-item{opacity:1;transform:translateY(0) scale(1)}.brand-mark{animation:pulse-badge 3.2s ease-in-out infinite}.hero-visual img{animation:hero-float 6.4s ease-in-out infinite}.button.primary,.button.secondary,.lead-form button{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease,border-color .22s ease}.button.primary:hover,.lead-form button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #e8654f47;filter:saturate(1.03)}.hero-cta{position:relative;overflow:hidden}.hero-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff0 15%,#ffffff59 48%,#fff0 82%);transform:translate(-135%);transition:transform .62s ease}.hero-cta:hover:before{transform:translate(135%)}.hero-cta-secondary:before{background:linear-gradient(120deg,#fff0 15%,#237c7a2e 48%,#fff0 82%)}.button.secondary:hover{transform:translateY(-2px);box-shadow:0 10px 22px #213a5a1f;border-color:#213a5a42}.problem-grid article,.steps li,.age-grid article,.sample-flow article,.price-card,.lead-form{transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s cubic-bezier(.2,.7,.2,1),border-color .32s cubic-bezier(.2,.7,.2,1)}.problem-grid article:hover,.steps li:hover,.age-grid article:hover,.sample-flow article:hover,.price-card:hover,.lead-form:hover{transform:translateY(-4px);border-color:#237c7a47;box-shadow:0 18px 34px #16212c1f}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 0 #237c7a3d}50%{transform:scale(1.04);box-shadow:0 0 0 8px #237c7a00}}@keyframes title-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal-item,.button,.lead-form button,.problem-grid article,.steps li,.age-grid article,.sample-flow article,.price-card,.lead-form,.brand-mark,.hero-visual img,.upload-canvas,.build-panel,.reader-request,.reader-arrow,.making-meter span{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.hero-title-line,.hero-title-sub{animation:none!important;opacity:1!important;transform:none!important}}body{background-image:linear-gradient(180deg,#ffffff8c,#fff0),repeating-linear-gradient(135deg,rgba(33,58,90,.025) 0,rgba(33,58,90,.025) 2px,transparent 2px,transparent 16px)}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left center;transition:transform .22s ease}.nav a:hover:after{transform:scaleX(1)}.hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(110deg,#237c7a24,#237c7a00 42%),linear-gradient(250deg,#e8654f26,#e8654f00 44%),linear-gradient(180deg,#ffffff94,#ffffffe6)}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;z-index:-1}.hero:before{top:-38%;right:-22%;width:72%;height:96%;background:linear-gradient(135deg,#213a5a14,#fff0),repeating-linear-gradient(90deg,rgba(33,58,90,.04) 0,rgba(33,58,90,.04) 1px,transparent 1px,transparent 18px);transform:rotate(-6deg);animation:ribbon-shift-a 10s ease-in-out infinite}.hero:after{left:-24%;bottom:-55%;width:70%;height:90%;background:linear-gradient(55deg,#237c7a14,#237c7a00),linear-gradient(10deg,#e8654f14,#e8654f00);transform:rotate(7deg);animation:ribbon-shift-b 13s ease-in-out infinite}.band{background:linear-gradient(180deg,#fff,#fffcf8)}.age-band,.institution{background:linear-gradient(180deg,#fffaf3,#f7fffc)}.sample-flow article{position:relative;overflow:hidden}.sample-flow article:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#fff0 24%,#ffffff75 52%,#fff0 76%);transform:translate(-130%);transition:transform .7s ease;pointer-events:none}.sample-flow article:hover:after{transform:translate(130%)}.price-card.featured{background:linear-gradient(180deg,#fff,#fffaf3)}@keyframes ribbon-shift-a{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(10px) rotate(-5deg)}}@keyframes ribbon-shift-b{0%,to{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-12px) rotate(6deg)}}@media(max-width:980px){.hero:before{width:88%;right:-28%}}.hero-visual{position:relative;perspective:1100px;cursor:default}.storybook-card{position:relative;z-index:2;transform:rotateX(var(--tilt-y, 0deg)) rotateY(var(--tilt-x, 0deg));transform-style:preserve-3d;transition:transform .24s ease,filter .24s ease;will-change:transform}.storybook-card img{animation:none!important}.storybook-stack{position:absolute;inset:0;pointer-events:none}.paper-sheet{position:absolute;inset:18px;border:1px solid rgba(23,32,42,.08);border-radius:8px;background:linear-gradient(135deg,#ffffffb8,#fffaf3b3),repeating-linear-gradient(90deg,rgba(33,58,90,.07) 0,rgba(33,58,90,.07) 1px,transparent 1px,transparent 22px);box-shadow:0 20px 46px #1d2a371f}.sheet-back{transform:rotate(-5deg) translate(-16px,22px)}.sheet-mid{transform:rotate(4deg) translate(18px,12px)}.story-steps{position:relative}.story-steps:before{position:absolute;top:43px;left:44px;right:44px;height:2px;background:linear-gradient(90deg,var(--green),var(--teal),var(--coral));transform:scaleX(0);transform-origin:left center;transition:transform .9s cubic-bezier(.2,.7,.2,1) .18s;content:""}.how.is-visible .story-steps:before{transform:scaleX(1)}.steps li{position:relative;overflow:hidden}.steps li:after{position:absolute;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#237c7a1a,#e8654f14);transform:scale(0);transition:transform .42s cubic-bezier(.2,.7,.2,1);content:""}.steps li:hover:after{transform:scale(1)}.transform-flow{position:relative}.transform-flow:before{position:absolute;top:50%;left:12%;right:12%;height:2px;background:linear-gradient(90deg,#237c7a33,#e8654f59);transform:translateY(-50%);content:""}.transform-flow article{z-index:1}.final-cta{position:relative;overflow:hidden;background:linear-gradient(115deg,#213a5af2,#237c7adb 54%,#e8654fc7)}.final-cta:before{position:absolute;inset:-20% -8% auto auto;width:56%;height:72%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 18px);transform:rotate(-8deg);content:""}.final-cta .eyebrow,.final-cta h2,.final-cta .apply-copy p{color:#fff}.final-cta .lead-form{position:relative;border-color:#ffffff57;background:#ffffffeb}@media(max-width:980px){.story-steps:before,.transform-flow:before{display:none}}.studio-shell,.making-shell,.book-room{min-height:100vh;background:linear-gradient(135deg,rgba(35,124,122,.14),transparent 34%),linear-gradient(245deg,rgba(232,101,79,.14),transparent 38%),repeating-linear-gradient(90deg,rgba(33,58,90,.025) 0,rgba(33,58,90,.025) 1px,transparent 1px,transparent 22px),linear-gradient(180deg,#fffaf3,#fff)}.studio-layout,.book-layout{display:grid;max-width:1180px;min-height:calc(100vh - 96px);margin:0 auto;align-items:center;gap:44px}.studio-layout{grid-template-columns:minmax(320px,.95fr) minmax(340px,.8fr)}.flow-back{display:inline-flex;width:fit-content;margin-bottom:28px;color:var(--teal);font-size:15px;font-weight:900}.studio-copy h1,.making-card h1,.book-info h1{margin-bottom:18px;font-size:clamp(38px,5vw,64px)}.studio-copy p,.book-info p{max-width:620px}.studio-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.studio-stats span{border:1px solid rgba(35,124,122,.22);border-radius:999px;padding:10px 14px;color:#213a5a;background:#ffffffa3;font-size:14px;font-weight:900}.studio-panel{position:relative;display:grid;gap:18px;border:1px solid rgba(23,32,42,.08);border-radius:8px;padding:22px;background:#ffffffd6;box-shadow:0 26px 70px #1d2a3729;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.studio-panel:before{position:absolute;inset:-16px 22px auto;height:22px;border-radius:8px 8px 0 0;background:#ffffff6b;content:""}.upload-drop{position:relative;display:grid;min-height:210px;place-items:center;border:1px dashed rgba(35,124,122,.34);border-radius:8px;padding:26px;overflow:hidden;text-align:center;background:linear-gradient(135deg,#237c7a14,#e8654f14),#fff}.upload-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-mark{display:grid;width:56px;height:56px;margin-bottom:10px;place-items:center;border-radius:50%;color:#fff;background:var(--teal);font-size:28px;font-weight:900}.upload-drop strong{color:var(--navy);font-size:22px}.upload-drop small{color:var(--muted);font-size:14px}.upload-preview{width:min(100%,240px);max-height:180px;border:1px solid rgba(23,32,42,.1);border-radius:8px;object-fit:contain;background:#fff;box-shadow:0 16px 34px #1d2a371f}.making-shell{display:grid;place-items:center}.making-card{width:min(980px,100%);border:1px solid rgba(23,32,42,.08);border-radius:8px;padding:clamp(26px,4vw,44px);background:#ffffffe6;box-shadow:0 28px 80px #1d2a3724}.making-id{display:inline-flex;margin-bottom:26px;border-radius:999px;padding:8px 12px;color:#425568;background:#237c7a14;font-size:13px;font-weight:800}.making-steps{display:grid;gap:12px;margin:0 0 28px;padding:0;list-style:none}.making-steps li{display:flex;align-items:center;gap:14px;border:1px solid rgba(23,32,42,.08);border-radius:8px;padding:14px;background:#fff;opacity:.58}.making-steps li.active{opacity:1;box-shadow:0 12px 28px #1d2a3714}.making-steps span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:var(--teal);font-weight:900}.making-steps p{margin:0;color:var(--navy);font-size:16px;font-weight:800}.making-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.making-preview img{width:100%;aspect-ratio:4 / 5;border-radius:8px;object-fit:cover;background:#fff;animation:page-breathe 2.4s ease-in-out infinite}.making-preview img:nth-child(2){animation-delay:.12s}.making-preview img:nth-child(3){animation-delay:.24s}.making-preview img:nth-child(4){animation-delay:.36s}.book-layout{grid-template-columns:minmax(280px,.58fr) minmax(420px,1fr)}.book-info{align-self:center}.book-info h1{font-size:clamp(34px,4vw,56px)}.book-progress{height:8px;margin:28px 0 10px;border-radius:999px;overflow:hidden;background:#213a5a1f}.book-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--coral));transition:width .26s ease}.book-count{margin-bottom:18px;font-size:14px;font-weight:900}.book-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.button:disabled{cursor:not-allowed;opacity:.42;transform:none!important;box-shadow:none!important}.book-showcase{display:grid;gap:18px;align-content:center}.book-room .book-viewer{width:min(100%,720px);margin:0 auto}.book-room .book-stage{border-radius:8px;background:linear-gradient(90deg,rgba(33,58,90,.08),transparent 10%,transparent 90%,rgba(33,58,90,.08)),#fff;box-shadow:0 30px 90px #1d2a372e,0 0 0 12px #ffffff73}.book-room .book-page,.book-room .book-page img,.book-room .book-flip-sheet{border-radius:8px}.book-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100%,720px);margin:0 auto}.book-strip button{border:2px solid transparent;border-radius:8px;padding:0;overflow:hidden;background:#fff;cursor:pointer;opacity:.58}.book-strip button.active{border-color:var(--coral);opacity:1;box-shadow:0 12px 28px #1d2a3724}.book-strip img{width:100%;aspect-ratio:4 / 5;object-fit:cover}@keyframes page-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:980px){.studio-layout,.book-layout{grid-template-columns:1fr;min-height:auto}}@media(max-width:680px){.studio-stats,.book-actions{flex-direction:column}.making-preview{grid-template-columns:repeat(2,1fr)}}.creator-shell,.clean-making,.clean-book-room{background:linear-gradient(180deg,#fffaf3f5,#fff),repeating-linear-gradient(90deg,rgba(33,58,90,.024) 0,rgba(33,58,90,.024) 1px,transparent 1px,transparent 28px)}.creator-card{display:grid;max-width:860px;min-height:calc(100vh - 96px);margin:0 auto;align-content:center;gap:30px}.creator-head{max-width:680px}.creator-head h1{margin-bottom:14px;font-size:clamp(38px,5vw,58px)}.creator-head p:last-child{max-width:600px;font-size:18px}.creator-form{display:grid;gap:18px;border:1px solid rgba(23,32,42,.08);border-radius:8px;padding:clamp(18px,3vw,28px);background:#ffffffeb;box-shadow:0 28px 80px #1d2a371f}.creator-form:before,.studio-panel:before{display:none}.creator-form .upload-drop{min-height:320px;border-style:solid;background:linear-gradient(180deg,#ffffffe6,#fffaf3e6),repeating-linear-gradient(135deg,rgba(35,124,122,.06) 0,rgba(35,124,122,.06) 1px,transparent 1px,transparent 18px)}.creator-form .upload-preview{width:min(100%,420px);max-height:300px;object-fit:contain}.selected-file{max-width:100%;color:var(--navy);font-size:15px;font-weight:900;overflow-wrap:anywhere}.creator-field{display:grid;gap:10px}.creator-field span{color:var(--navy);font-size:15px;font-weight:900}.creator-form textarea{min-height:132px;border:1px solid rgba(23,32,42,.1);border-radius:8px;padding:16px;background:#fff;font:inherit}.clean-making{padding:36px 5vw}.clean-making .making-card{max-width:720px;text-align:left}.clean-making .making-card h1{max-width:620px}.clean-making .making-steps{margin-top:10px}.clean-making .making-steps li{border-color:transparent;background:#213a5a0a}.clean-making .making-steps li.active{background:#fff}.making-meter{height:10px;margin:28px 0;border-radius:999px;overflow:hidden;background:#213a5a1a}.making-meter span{position:relative;display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--coral));transition:width 2.35s cubic-bezier(.2,.7,.2,1);overflow:hidden}.making-meter span:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#fff0,#ffffff52 45%,#fff0);transform:translate(-130%);animation:meter-sheen 1.4s linear infinite}.making-subtext{margin:-6px 0 10px;color:#546474;font-size:14px;font-weight:600}.making-guide{margin:-2px 0 14px;color:#66788a;font-size:14px;font-weight:500}.reader-shell{display:grid;max-width:980px;min-height:calc(100vh - 96px);margin:0 auto;align-content:center;gap:22px}.reader-head{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:20px}.reader-head .flow-back{margin-bottom:6px}.reader-head h1{margin:0;font-size:clamp(26px,3.4vw,42px)}.reader-head .eyebrow{margin-bottom:6px}.reader-head .book-count{margin:0 0 6px}.reader-stage{display:grid;gap:18px}.clean-book-room .book-viewer{width:min(100%,680px);margin:0 auto}.clean-book-room .book-stage{border-radius:8px;background:#fff;box-shadow:0 34px 90px #1d2a372e,0 0 0 1px #17202a14}.reader-caption{max-width:680px;margin:0 auto;text-align:center}.reader-caption p{margin:0;color:var(--navy);font-size:19px;font-weight:800}.reader-controls{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;width:min(100%,680px);margin:0 auto;align-items:center;gap:14px}.reader-controls .book-progress{margin:0}.reader-dots{display:flex;justify-content:center;gap:8px}.reader-dots button{border:0;padding:6px;background:transparent;cursor:pointer}.reader-dots span{display:block;width:9px;height:9px;border-radius:999px;background:#213a5a3d}.reader-dots button.active span{width:26px;background:var(--coral)}.reader-restart{width:fit-content;margin:0 auto}@keyframes meter-grow{0%{width:12%}}@keyframes meter-sheen{to{transform:translate(130%)}}@media(max-width:680px){.creator-card,.reader-shell{min-height:auto}.reader-head{grid-template-columns:1fr;gap:8px}.reader-controls{grid-template-columns:1fr}}.workspace-shell,.build-shell,.reader-page{min-height:100vh;color:var(--ink);background:linear-gradient(180deg,#fffaf3,#fff 52%,#f6fbf9)}.workspace-topbar,.reader-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 5vw;border-bottom:1px solid rgba(23,32,42,.08);background:#fffaf3e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workspace-topbar .flow-back,.reader-toolbar .flow-back{margin:0}.workspace-topbar span{color:var(--navy);font-size:14px;font-weight:900}.upload-workspace{display:grid;min-height:calc(100vh - 72px);padding:42px 5vw 32px;place-items:center}.upload-canvas{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);grid-template-areas:"panel lane" "controls controls";width:min(1180px,100%);min-height:min(680px,calc(100vh - 136px));border:1px solid rgba(23,32,42,.08);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 16% 12%,#237c7a29,#237c7a00 38%),radial-gradient(circle at 86% 86%,#e8654f2e,#e8654f00 40%),linear-gradient(180deg,#fffefb,#fff);box-shadow:0 30px 90px #1d2a3729;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s cubic-bezier(.2,.7,.2,1),border-color .32s ease}.upload-canvas:hover{transform:translateY(-4px);border-color:#237c7a47;box-shadow:0 18px 34px #16212c1f}.upload-lane{grid-area:lane;display:grid;grid-template-rows:minmax(420px,1fr) auto;gap:14px;padding:clamp(20px,2.8vw,30px)}.upload-stage{position:relative;display:grid;place-items:center;align-content:center;gap:8px;padding:clamp(24px,4vw,42px);min-height:460px;overflow:hidden;text-align:center;background:repeating-linear-gradient(45deg,rgba(35,124,122,.05) 0,rgba(35,124,122,.05) 1px,transparent 1px,transparent 18px),linear-gradient(180deg,#fff,#fff5e8);border-radius:16px;box-shadow:inset 0 0 0 1px #17202a0a,0 16px 34px #17202a14;cursor:pointer}.upload-stage:before{position:absolute;inset:18px;border:1px dashed rgba(35,124,122,.28);border-radius:14px;content:""}.upload-stage input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-stage strong{color:var(--navy);font-size:clamp(30px,4vw,46px);line-height:1.2;max-width:16ch}.upload-stage small{margin-top:8px;color:var(--muted);font-size:15px;font-weight:700}.upload-action{display:inline-flex;min-height:42px;align-items:center;justify-content:center;margin-top:8px;border-radius:999px;padding:0 16px;color:#fff;background:linear-gradient(100deg,var(--teal),var(--navy));font-size:14px;font-style:normal;font-weight:900;letter-spacing:.01em}.upload-stage img{width:min(100%,560px);max-height:420px;border-radius:14px;object-fit:contain;background:#fff;box-shadow:0 22px 56px #1d2a3729}.upload-stage span{max-width:min(100%,560px);margin-top:14px;color:var(--navy);font-size:15px;font-weight:900;overflow-wrap:anywhere}.upload-stage.has-image:before{border-style:solid;border-color:#237c7a3d}.upload-tips{border:1px solid rgba(23,32,42,.08);border-radius:14px;padding:14px 16px;background:#ffffffdb}.upload-tips-title{margin:0 0 8px;color:var(--navy);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.upload-tips ul{margin:0;padding-left:18px;display:grid;gap:6px}.upload-tips li{color:#425367;font-size:14px;line-height:1.45}.workspace-panel{grid-area:panel;display:grid;align-content:start;gap:18px;padding:clamp(24px,3vw,32px);border-right:1px solid rgba(23,32,42,.08);background:#ffffffd1}.workspace-panel h1{margin:0;font-size:clamp(32px,4vw,52px);line-height:1.18}.workspace-panel>p:not(.eyebrow){margin-bottom:0;color:var(--muted);font-size:16px}.creator-highlights{display:flex;flex-wrap:wrap;gap:8px}.creator-highlights span{border:1px solid rgba(23,32,42,.08);border-radius:999px;padding:6px 11px;color:#294967;background:#ffffffeb;font-size:12px;font-weight:800}.creator-controls{grid-area:controls;display:grid;grid-template-columns:minmax(320px,1.3fr) minmax(180px,.7fr) minmax(220px,.9fr) minmax(180px,.8fr);gap:12px;align-items:end;padding:14px clamp(20px,2.8vw,30px) clamp(20px,2.8vw,26px);border-top:1px solid rgba(23,32,42,.08);background:linear-gradient(180deg,#fffffffa,#fffaf3eb)}.creator-field{display:grid;gap:8px;padding:10px 12px;border:1px solid rgba(23,32,42,.08);border-radius:12px;background:#fffffff0;box-shadow:0 8px 20px #17202a0f}.creator-field span{color:var(--navy);font-size:13px;font-weight:900}.creator-field textarea,.creator-field select,.creator-field input{width:100%;border:1px solid rgba(23,32,42,.14);border-radius:10px;background:#fff;color:var(--ink);font:inherit}.creator-field textarea{padding:12px 14px;line-height:1.55;resize:vertical}.creator-field select{min-height:50px;padding:0 40px 0 14px;font-size:15px;font-weight:700;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#2f4b68 50%),linear-gradient(135deg,#2f4b68 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.creator-field input{min-height:50px;padding:0 14px;font-size:15px;font-weight:700;appearance:textfield}.creator-field input::-webkit-outer-spin-button,.creator-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.creator-field textarea:focus,.creator-field select:focus,.creator-field input:focus{outline:2px solid rgba(35,124,122,.28);outline-offset:1px;border-color:#237c7a61}.creator-field-description textarea{min-height:92px}.creator-field-genre select{min-height:50px}.creator-compact-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creator-field-compact{min-width:0}.creator-field small{margin-top:-2px;color:#4f6477;font-size:12px;font-weight:700}.creator-actions{display:grid;gap:8px;align-items:end}.creator-submit{min-width:190px;min-height:50px;border-radius:10px;box-shadow:0 12px 26px #213a5a3d}.form-alert{margin:0;border:1px solid rgba(193,75,75,.28);border-radius:10px;padding:10px 12px;background:#ffefefeb;color:#8f2d2d;font-size:13px;font-weight:700;line-height:1.45}@media(max-width:1400px){.creator-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.creator-field-description{grid-column:1 / -1}.creator-actions{align-items:stretch}.creator-submit{width:100%}}.workspace-panel textarea{min-height:140px;border:1px solid rgba(23,32,42,.12);border-radius:8px;padding:16px;background:#fff;font:inherit}.workspace-panel select{min-height:52px;border:1px solid rgba(23,32,42,.12);border-radius:8px;padding:0 14px;background:#fff;color:var(--ink);font:inherit;font-size:16px}.workspace-panel textarea:focus,.workspace-panel select:focus{outline:2px solid rgba(35,124,122,.28);outline-offset:1px;border-color:#237c7a5c}.build-shell{display:grid;place-items:center;padding:36px 5vw}.build-panel{width:min(760px,100%);border:1px solid rgba(23,32,42,.08);border-radius:8px;padding:clamp(28px,5vw,54px);background:linear-gradient(180deg,#fffefb,#fff);box-shadow:0 28px 80px #1d2a371f;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s cubic-bezier(.2,.7,.2,1),border-color .32s ease}.build-panel:hover{transform:translateY(-4px);border-color:#237c7a47;box-shadow:0 18px 34px #16212c1f}.build-panel .flow-back{margin-bottom:30px}.build-panel h1{margin-bottom:16px;font-size:clamp(36px,5vw,58px);line-height:1.18}.build-steps{display:grid;gap:10px;margin:20px 0 28px;padding:0;list-style:none}.build-steps li{display:flex;align-items:center;gap:14px;border:1px solid transparent;border-radius:8px;padding:14px;background:#213a5a0a;opacity:.62}.build-steps li.active{border-color:#237c7a47;background:#fff;opacity:1}.build-steps span{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;color:#fff;background:var(--teal);font-weight:900}.build-steps p{margin:0;color:var(--navy);font-size:16px;font-weight:700}.reader-page{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;background:radial-gradient(circle at 50% 0%,#35455d6b,#0f141cf0 50%),#0e141d}.reader-toolbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:18px;padding:16px 5vw;border-bottom:1px solid rgba(230,238,248,.16);background:#0d121bd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reader-title h1,.reader-toolbar h1{margin:0;font-size:clamp(20px,2.5vw,28px);color:#f5f8ff}.reader-kicker{margin:0 0 4px;color:#e8effac2;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.reader-canvas{--reader-available-h: calc(100vh - 220px) ;display:grid;place-items:center;padding:16px 4vw;min-height:calc(100vh - 168px)}.reader-book{display:grid;gap:20px;justify-items:center;align-content:center;width:min(100%,980px)}.reader-book .book-viewer{width:min(880px,92vw,max(280px,calc(var(--reader-available-h) * .8)));margin:0}.reader-book .book-stage{border-radius:14px;border:1px solid rgba(220,232,249,.35);background:#fff;box-shadow:0 36px 84px #05080da8,0 0 0 1px #1a243338}.reader-book .book-page,.reader-book .book-page img,.reader-book .book-flip-sheet{border-radius:14px}.reader-book .book-page-survey{display:grid;place-items:center;align-content:center;overflow:auto;padding:clamp(14px,2.2vw,24px);background:linear-gradient(180deg,#fffcf4,#fff 58%)}.reader-book .book-page-survey .reader-request{width:min(100%,620px);margin:auto}.reader-book .book-page-survey .reader-request:hover{transform:none}.reader-caption{width:min(880px,92vw,max(280px,calc(var(--reader-available-h) * .8)));min-height:68px;display:grid;place-items:center;text-align:center;gap:10px}.reader-caption p{margin:0;color:#f2f6fd;font-size:clamp(17px,1.8vw,22px);font-weight:800;line-height:1.5}.reader-share-trigger{border:0;padding:0;background:transparent;color:#9ec8ff;font-size:14px;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.reader-share-trigger:hover{color:#d9e9ff}.reader-request{display:grid;width:100%;gap:12px;border:1px solid rgba(23,32,42,.08);border-radius:12px;padding:20px;background:linear-gradient(180deg,#fffefb,#fff);box-shadow:0 18px 48px #1d2a371a;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s cubic-bezier(.2,.7,.2,1),border-color .32s ease}.reader-request:hover{transform:translateY(-4px);border-color:#237c7a47;box-shadow:0 18px 34px #16212c1f}.reader-request label{display:grid;gap:10px}.reader-request span{color:var(--navy);font-size:15px;font-weight:900}.reader-request textarea{width:100%;min-height:104px;border:1px solid rgba(23,32,42,.12);border-radius:8px;padding:14px;background:#fff;color:var(--ink);font:inherit;resize:vertical}.reader-request-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reader-request-actions p{margin:0;color:var(--teal);font-size:14px;font-weight:900}.rating-fieldset{border:0;margin:0;padding:0}.rating-fieldset legend{margin-bottom:8px;color:var(--navy);font-size:15px;font-weight:900}.star-rating{display:flex;gap:10px}.star-rating-button{border:0;padding:0;background:transparent;color:#c9d0da;font-size:32px;line-height:1;filter:drop-shadow(0 2px 2px rgba(18,28,41,.18));cursor:pointer;transition:transform .14s ease,color .14s ease}.star-rating-button.active{color:#ff9a35}.star-rating-button:hover{transform:translateY(-1px) scale(1.04)}.share-ready{display:grid;gap:10px}.share-ready input{width:100%;border:1px solid rgba(23,32,42,.14);border-radius:8px;padding:12px;background:#fff;color:var(--ink);font:inherit}.reader-share-card h2{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.3}.reader-share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reader-share-close{border:0;background:transparent;color:var(--navy);font-size:13px;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 0}.reader-share-card>p{margin:0;font-size:15px;line-height:1.6}.reader-share-card .reader-prototype-note{border-left:3px solid rgba(35,124,122,.32);padding-left:10px;color:#17202a9e;font-size:13px;line-height:1.45}.reader-arrow{display:grid;min-height:88px;place-items:center;border:1px solid rgba(23,32,42,.08);border-radius:8px;color:var(--navy);background:#ffffffb8;font-weight:900;cursor:pointer;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s cubic-bezier(.2,.7,.2,1),border-color .32s ease}.reader-arrow:hover:not(:disabled){transform:translateY(-4px);border-color:#237c7a47;box-shadow:0 18px 34px #16212c1f}.reader-arrow:disabled{cursor:default;opacity:.28}.reader-footer{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;gap:16px;padding:12px 5vw 24px}.reader-dot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.reader-dot-nav button{appearance:none;border:0;background:transparent;padding:5px;cursor:pointer}.reader-dot-nav button span{display:block;width:9px;height:9px;border-radius:999px;background:#e8f1fc57;transition:width .18s ease,background-color .18s ease}.reader-dot-nav button.active span{width:24px;background:#ff9a85}@media(max-width:980px){.upload-canvas{grid-template-columns:1fr;grid-template-areas:"panel" "lane" "controls"}.workspace-panel{border-right:0;border-top:1px solid rgba(23,32,42,.08)}.creator-controls{grid-template-columns:1fr;align-items:stretch}.creator-compact-group{grid-template-columns:1fr}.creator-actions{align-items:stretch}.creator-submit{width:100%}.reader-canvas{--reader-available-h: calc(100vh - 188px) ;padding:24px 20px 12px;min-height:calc(100vh - 132px);place-items:stretch}.reader-toolbar{grid-template-columns:1fr;align-items:start;gap:12px}.reader-book .book-viewer,.reader-caption{width:min(720px,100%,max(260px,calc(var(--reader-available-h) * .8)))}}@media(max-height:860px){.reader-book .book-page-survey{place-items:start center;align-content:start}.reader-book .book-page-survey .reader-request{margin-top:4px;margin-bottom:4px}.reader-canvas{--reader-available-h: calc(100vh - 168px) ;min-height:auto;padding-top:10px;padding-bottom:8px}.reader-book{gap:12px}.reader-caption{min-height:48px}.reader-caption p{font-size:clamp(15px,1.5vw,18px)}}@media(max-width:680px){.workspace-topbar,.reader-toolbar,.reader-footer,.upload-workspace,.reader-canvas{padding-left:20px;padding-right:20px}.reader-canvas{place-items:stretch;min-height:auto}.upload-lane{padding:14px}.reader-footer{grid-template-columns:1fr;justify-items:center;gap:14px}.reader-dot-nav{gap:6px}}