:root{--ink:#26164a;--pink:#f460a8;--teal:#29bec5;--purple:#704bc8;--cream:#fffaf4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#281c61;color:var(--ink);font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif}button{font:inherit}.demo-shell{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 8%,#f8a8d76e,transparent 29%),radial-gradient(circle at 86% 12%,#48e4dd50,transparent 25%),linear-gradient(145deg,#7247bd,#403a91 52%,#282965)}.sparkle-field{position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 82%)}.screen{display:none;min-height:100vh;position:relative}.screen.active{display:block}.intro-screen{overflow:hidden;background:#463f96}.intro-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.intro-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,17,62,.88),rgba(34,20,76,.58) 42%,transparent 71%),linear-gradient(0deg,rgba(22,14,58,.45),transparent 42%)}.intro-copy{position:relative;z-index:2;min-height:100vh;width:min(620px,52%);display:flex;flex-direction:column;justify-content:center;padding:7vh clamp(28px,6vw,90px);color:#fff;text-shadow:0 4px 20px #1b124b}.presenter{margin:0 0 15px;color:#7df2eb;text-transform:uppercase;letter-spacing:.16em;font-size:clamp(12px,1.2vw,17px);font-weight:900}.intro-copy h1{margin:0;font-size:clamp(52px,7vw,110px);line-height:.88;letter-spacing:-.055em;text-wrap:balance}.intro-subtitle{margin:25px 0 30px;color:#ffd7e9;font-size:clamp(20px,2vw,31px);font-weight:800}.big-button{width:min(360px,100%);min-height:66px;border:1px solid #fff9;border-radius:22px;padding:13px 24px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#955fe9,#f15ea6);color:#fff;font-size:19px;font-weight:900;cursor:pointer;box-shadow:0 16px 35px #1a0c4655,inset 0 1px #fff7;transition:.2s}.big-button:hover,.big-button:focus-visible{transform:translateY(-3px);outline:4px solid #fff5}.prototype-label{width:min(360px,100%);margin:10px 0;text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900;opacity:.78}.intro-links{width:min(460px,100%);display:flex;gap:10px;align-items:center;margin-top:18px;color:#fff9}.text-button,.quiet-button{padding:5px;border:0;background:none;color:#fff;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.version-label{position:absolute;z-index:2;left:clamp(28px,6vw,90px);bottom:22px;margin:0;color:#fff9;font-size:11px}.story-screen{padding:16px clamp(12px,3vw,42px) 22px}.topbar{position:relative;z-index:5;max-width:1440px;margin:0 auto 13px;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffd865,#f5a328);border:3px solid white;color:#301b59;font-weight:900;transform:rotate(-5deg)}.brand b,.brand small{display:block}.brand b{text-transform:uppercase;letter-spacing:.08em}.brand small{font-size:10px;opacity:.75}.status-cluster{display:flex;align-items:center;gap:7px}.star-count,.icon-button{height:41px;border:1px solid #ffffff55;border-radius:22px;background:#25195799;color:#fff;backdrop-filter:blur(10px);box-shadow:0 6px 16px #1d174133}.star-count{display:flex;align-items:center;gap:6px;padding:0 13px;font-weight:900}.star-count span{color:#ffdb5b}.icon-button{width:41px;cursor:pointer;font-weight:900}.icon-button.active{background:#f05fa4cc}.icon-button:hover,.icon-button:focus-visible{outline:3px solid #fff6;transform:translateY(-2px)}.demo-menu{position:absolute;right:0;top:50px;width:min(290px,90vw);padding:9px;border:1px solid #fff6;border-radius:17px;background:#271d59f2;box-shadow:0 18px 40px #120c36aa;backdrop-filter:blur(18px)}.demo-menu button{width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#fff;text-align:left;cursor:pointer}.demo-menu button:hover,.demo-menu button:focus-visible{background:#fff2;outline:none}.demo-menu .danger-lite{color:#ffd0dc;border-top:1px solid #fff2;border-radius:0}.story-card{position:relative;isolation:isolate;max-width:1440px;min-height:min(76vh,850px);margin:0 auto;border-radius:34px;overflow:hidden;background:#87b9e9;box-shadow:0 28px 70px #18104377,inset 0 0 0 1px #fff8}.story-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.art-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(20,15,58,.88),rgba(35,21,71,.67) 33%,rgba(30,20,70,.1) 64%)}.story-copy{width:min(535px,47%);min-height:min(76vh,850px);padding:clamp(38px,6vh,75px) clamp(27px,5vw,70px);display:flex;flex-direction:column;justify-content:center;color:#fff;text-shadow:0 2px 14px #1e144a88}.eyebrow{margin:0 0 13px;color:#8ff1ec;font-weight:900;font-size:clamp(12px,1.2vw,16px);letter-spacing:.12em;text-transform:uppercase}.story-copy h2{margin:0;font-size:clamp(42px,5.1vw,80px);line-height:.93;letter-spacing:-.045em;text-wrap:balance}.story-copy h3{margin:15px 0 18px;color:#ffd4e8;font-size:clamp(19px,2vw,29px);line-height:1.12}.story-text{margin:0;max-width:48ch;color:#fffdfb;font-size:clamp(15px,1.35vw,19px);line-height:1.55;font-weight:600}.choices{margin-top:25px;display:grid;gap:11px}.choice{width:100%;min-height:63px;padding:10px 16px;border:1px solid #fff9;border-radius:19px;display:flex;align-items:center;gap:13px;color:#fff;cursor:pointer;text-align:left;box-shadow:0 10px 24px #1e124755,inset 0 1px #fff6;transition:.18s}.choice:hover,.choice:focus-visible{transform:translateY(-3px) scale(1.01);outline:4px solid #fff5}.choice i{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff4;font-size:23px;font-style:normal;font-weight:900}.choice span{flex:1}.choice span>b,.choice small{display:block}.choice span>b{font-size:17px}.choice small{margin-top:2px;opacity:.9}.choice.pink{background:linear-gradient(135deg,#ed5ba3ed,#c54b9ced)}.choice.teal{background:linear-gradient(135deg,#22bdc4ed,#298faeed)}.choice.primary{background:linear-gradient(135deg,#8f60e9ee,#ef60a8ee);font-weight:900}.ending-stars{position:absolute;right:7%;top:9%;color:#ffd95c;letter-spacing:.25em;font-size:clamp(22px,3vw,44px);filter:drop-shadow(0 5px 12px #25124c)}.book-footer{max-width:1440px;margin:13px auto 0;color:#fff}.progress-track{height:6px;overflow:hidden;background:#ffffff30;border-radius:999px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#63e7e3,#ff7ab8,#ffd85a);transition:width .45s}.book-footer p{margin:8px 2px 0;display:flex;justify-content:space-between;font-size:12px;opacity:.84}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:22px;background:#170f42cc;backdrop-filter:blur(12px)}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(920px,96vw);max-height:90vh;overflow:auto;padding:clamp(25px,4vw,52px);border:1px solid #fff8;border-radius:28px;background:linear-gradient(145deg,#fffdf9,#f7eefc);box-shadow:0 30px 90px #110a35}.modal-close{position:absolute;top:14px;right:17px;width:39px;height:39px;border:0;border-radius:50%;background:#5d3fa5;color:#fff;font-size:25px;cursor:pointer}.modal-kicker{margin:0;color:#aa438b;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:12px}.modal h2{margin:8px 0 18px;color:#503292;font-size:clamp(34px,5vw,60px);line-height:.98}.modal h3{color:#5e3da5}.modal p{font-size:16px;line-height:1.55}.pitch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.pitch-grid article{padding:15px;border:1px solid #714fa529;border-radius:15px;background:#fff}.pitch-grid b,.pitch-grid span{display:block}.pitch-grid b{color:#a9458c;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.pitch-grid span{margin-top:5px;line-height:1.35}.independent-note{padding:12px;border-left:4px solid #35bfc1;background:#eafafa}.origin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.origin-grid figure{margin:0;padding:10px;border-radius:17px;background:#fff;box-shadow:0 8px 24px #452b7930}.origin-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:11px}.origin-grid figcaption{padding:8px 4px 2px;font-size:12px;font-weight:900;color:#62469b}.modal a{color:#7a3cb1}.info-icon{font-family:Georgia,serif;font-style:italic}@media(max-width:820px){.intro-shade{background:linear-gradient(0deg,rgba(24,17,62,.94),rgba(34,20,76,.52) 55%,transparent)}.intro-copy{width:100%;justify-content:flex-end;padding:25vh 24px 11vh}.intro-copy h1{font-size:clamp(50px,15vw,84px)}.version-label{left:24px;bottom:12px}.story-screen{padding:10px}.brand small,.info-icon{display:none}.story-card{min-height:calc(100vh - 115px);border-radius:25px;display:flex;align-items:flex-end}.story-art{height:59%;top:0;object-position:58% center}.art-shade{background:linear-gradient(0deg,rgba(28,17,67,.98),rgba(39,22,81,.93) 47%,rgba(25,20,67,.1) 75%)}.story-copy{width:100%;min-height:auto;padding:45vh 21px 27px;justify-content:flex-end}.story-copy h2{font-size:clamp(38px,12vw,58px)}.story-text{font-size:15px;line-height:1.48}.pitch-grid,.origin-grid{grid-template-columns:1fr}.modal{padding-top:50px}}@media(max-width:490px){.brand b{font-size:12px}.brand-mark{width:38px;height:38px}.star-count,.icon-button{height:36px}.icon-button{width:36px}.star-count{padding:0 9px}.status-cluster{gap:4px}.music-button{display:none}.story-copy{padding-left:17px;padding-right:17px}.intro-links{font-size:12px;flex-wrap:wrap}.story-copy h3{margin:10px 0 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}