/* Studee's native cream / apricot palette. */
:root{color-scheme:light;--paper:#F4EFE5;--canvas:#FBF8F1;--control:#FFFDF8;--ink:#211D19;--accent:#F05A32;--accent-soft:#FAD9C9;--sage:#C9D8B6;--muted:#776E65;--line:#D8CFC2;--max:1320px;--font:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--accent-soft);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}svg{width:24px;height:24px;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.shell{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--ink);color:var(--control);padding:12px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}.eyebrow,.micro-label,.section-index{font:600 10px/1.5 var(--font);letter-spacing:.12em}.eyebrow{margin:0;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block}
.site-header{height:88px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--paper)}.nav-inner{height:100%;display:flex;justify-content:space-between;align-items:center}.brand{display:inline-flex;align-items:center;gap:8px;font-size:29px;font-weight:800;letter-spacing:-1.5px;line-height:1}.brand>svg{width:30px;height:30px;color:var(--accent)}.nav-links{display:flex;align-items:center;gap:32px;font-size:12px}.nav-links>a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:0 24px;border-radius:12px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s,box-shadow .2s}.button svg{width:18px;height:18px}.button-small{min-height:40px;padding:0 17px;font-size:11px;gap:22px}.button-dark{color:var(--control);background:var(--ink)}.button-dark:hover{background:var(--accent)}.button-accent{background:var(--accent);color:var(--control);box-shadow:0 8px 20px #f05a3218}.button-accent:hover{background:#D94C27;box-shadow:0 10px 24px #f05a3228}.title-line{display:block;overflow:hidden}.title-line>span{display:block}.aha{color:var(--accent);position:relative;display:inline-block;letter-spacing:-.08em}.aha>svg{position:absolute;top:-10px;right:-20px;width:29px;height:29px;transform:rotate(12deg)}
/* Native-looking study preview. */
.workspace-preview{position:absolute;border-radius:14px;background:var(--canvas);overflow:hidden;border:1px solid var(--line)}.window-bar{height:35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 13px;background:var(--control)}.window-dots{display:flex;gap:4px}.window-dots i{display:block;width:6px;height:6px;border-radius:50%;background:var(--line)}.window-dots i:first-child{background:#DD8451}.window-dots i:nth-child(2){background:#F2D37D}.window-dots i:nth-child(3){background:var(--sage)}.window-bar>span{font-size:7px;letter-spacing:.15em;color:var(--muted)}.window-bar>svg{width:12px;height:12px;color:var(--accent)}.workspace-body{display:grid}.preview-rail{display:flex;align-items:center;flex-direction:column;gap:13px;padding:15px 6px;background:var(--control);border-right:1px solid var(--line)}.preview-rail>span{width:27px;height:27px;display:grid;place-items:center;font-size:15px;color:var(--muted)}.preview-rail>.selected{background:var(--accent-soft);color:var(--accent);border-radius:7px}.rail-logo{width:18px;height:18px;color:var(--accent);margin-bottom:7px}.preview-rail>.rail-bottom{margin-top:auto;border-radius:50%;font-size:8px;background:var(--sage);color:var(--ink)}.question-meta{display:flex;justify-content:space-between;letter-spacing:.08em;color:var(--muted)}.question-meta>span:first-child{color:#A74429}.preview-main h2{letter-spacing:-.04em;line-height:1.2;margin:15px 0 4px}.preview-main>p{color:var(--muted);margin:0}.equation{text-align:center;font-family:Georgia,serif;margin:15px 0 6px}.function-graph{width:100%}.preview-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;gap:5px}.preview-bottom>span{color:var(--muted);display:flex;align-items:center;gap:4px}.preview-bottom i{width:4px;height:4px;border-radius:50%;background:#748B59}.hint-button{border:0;background:var(--accent-soft);color:#A74429;display:flex;align-items:center;gap:12px;border-radius:7px}.floating-hint{position:absolute;z-index:3;background:var(--accent-soft);border:1px solid #DD845130;border-radius:12px;display:flex;gap:13px;align-items:center;box-shadow:0 12px 30px #211d1910}.hint-symbol{display:grid;place-items:center;flex-shrink:0;background:var(--accent);color:var(--control);border-radius:8px}.hint-symbol svg{width:20px;height:20px}.micro-label{font-size:7px;color:#A74429}.floating-hint p{margin:3px 0 0;letter-spacing:-.025em;line-height:1.4}.floating-progress{position:absolute;padding:11px 15px 11px 10px;background:var(--control);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:9px;transform:rotate(5deg);box-shadow:0 10px 30px #211d1910;z-index:3}.progress-ring{width:35px;height:35px}.floating-progress b{display:block;font-size:10px;font-weight:600}.floating-progress span{display:block;font-size:8px;color:var(--muted)}
/* One overview and one download area after the animation. */
.study-summary{display:grid;grid-template-columns:1fr 1fr;gap:52px 80px;padding-block:80px 32px}.summary-intro .eyebrow{color:var(--muted);font-size:8px}.summary-intro h2{font-size:clamp(45px,5.3vw,72px);font-weight:500;line-height:1.02;letter-spacing:-.065em;margin:22px 0}.summary-intro h2 span{color:var(--accent)}.summary-subjects{color:var(--muted);font-size:12px;max-width:310px;margin:0}.summary-steps{padding-top:7px}.summary-step{display:flex;align-items:center;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.summary-step>span{color:#A74429;font-size:10px;align-self:flex-start;padding-top:4px}.summary-step>div{flex:1}.summary-step h3{font-size:18px;font-weight:500;letter-spacing:-.03em;margin:0 0 5px}.summary-step p{font-size:12px;color:var(--muted);margin:0}.summary-step>svg{color:var(--accent);width:20px;height:20px}.summary-download{grid-column:1 / -1;padding:26px 30px;background:var(--accent-soft);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:24px}.summary-download p{font-size:24px;letter-spacing:-.04em;margin:0 0 6px}.release-version{font-size:10px;color:#6E5243}.summary-meta{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:start;gap:24px;margin-top:-34px}.privacy-note{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.privacy-note:hover{color:var(--accent)}.privacy-note svg{width:13px;height:13px}.release-details{color:var(--muted);font-size:10px;max-width:50%;text-align:right}.release-details summary{cursor:pointer}.release-details p{margin:12px 0 0;overflow-wrap:anywhere}.release-details code{font-size:9px}.site-footer{padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:26px}.site-footer .brand{font-size:24px}.site-footer .brand>svg{width:22px;height:22px}.site-footer p{margin:0;font-size:10px;color:var(--muted)}.footer-links{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:10px}.footer-links a:hover{color:var(--accent)}
/* Full legal content uses the same palette. */
.legal-wrap{width:min(800px,calc(100% - 48px));margin:auto;padding:80px 0 100px}.legal-wrap h1{font-size:clamp(45px,6vw,76px);line-height:1.05;letter-spacing:-.06em;font-weight:500;margin:18px 0}.legal-wrap .lede{color:var(--muted);font-size:17px}.notice{background:var(--accent-soft);color:#6E5243;border-left:3px solid var(--accent);padding:20px;font-size:13px;margin:30px 0}.legal h2{font-size:25px;font-weight:500;letter-spacing:-.035em;margin:35px 0 10px}.legal h3{font-size:17px;margin:25px 0 10px}.legal p,.legal li{font-size:14px;line-height:1.9;color:var(--muted)}.legal li+li{margin-top:7px}.legal a{color:#A74429;text-decoration:underline;text-underline-offset:3px}.legal-header .nav-links{margin-left:auto}.legal-header .brand{margin-right:40px}.legal-footer .footer-links{margin-left:auto}
@media(max-width:800px){.shell{width:calc(100% - 48px)}.site-header{height:74px}.nav-links{gap:18px;font-size:10px}.brand{font-size:26px}.brand>svg{width:25px;height:25px}.study-summary{gap:36px;padding-top:58px}.summary-step{gap:12px;padding-block:18px}.summary-step h3{font-size:16px}.summary-step p{font-size:11px}.site-footer p{display:none}}
@media(max-width:520px){.shell{width:calc(100% - 36px)}.nav-links{display:none}.brand{font-size:25px}.button-small{font-size:10px;min-height:38px;padding:0 14px;gap:14px}.aha>svg{width:22px;height:22px;right:-16px;top:-9px}.window-bar{height:27px;padding:0 10px}.window-bar>span{font-size:5px}.window-dots i{width:4px;height:4px}.preview-rail{padding:12px 3px;gap:7px}.preview-rail>span{font-size:12px;width:22px;height:22px}.rail-logo{width:15px;height:15px}.preview-rail>.rail-bottom{font-size:6px}.preview-bottom{padding-top:8px}.micro-label{font-size:5px}.hint-symbol svg{width:16px;height:16px}.progress-ring{width:28px;height:28px}.floating-progress b{font-size:8px}.floating-progress span{font-size:6px}.study-summary{grid-template-columns:1fr;gap:28px;padding-block:48px 22px}.summary-intro .eyebrow{font-size:7px}.summary-intro h2{font-size:49px;margin:18px 0}.summary-subjects{font-size:11px;max-width:300px}.summary-steps{padding-top:0}.summary-step{padding-block:17px}.summary-download{display:block;padding:22px;border-radius:14px}.summary-download p{font-size:22px}.summary-download .button{margin-top:22px;min-height:46px;font-size:11px;width:100%}.release-version{display:block;font-size:8px}.summary-meta{flex-direction:column;gap:10px;margin-top:-10px}.privacy-note,.release-details{font-size:9px}.release-details{text-align:left;max-width:100%}.site-footer{padding:16px 0 25px}.footer-inner{gap:18px;padding-top:22px}.footer-links{font-size:9px;gap:16px}.footer-links>span{display:none}.legal-wrap{padding:55px 0 70px}.legal-header .nav-links{display:flex}.legal-header .nav-links>a:first-child{display:none}.legal-header .brand{margin-right:15px}.legal-wrap h1{font-size:42px}.legal-wrap .lede{font-size:14px}.legal h2{font-size:22px}.legal p,.legal li{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Scroll-driven 3D study card. All artwork is native CSS/SVG. */
.cinematic-home .site-header{position:absolute;top:0;left:0;right:0;background:transparent;color:#211D19;border-bottom:0}
.cinematic-home .brand>svg{color:#F05A32}
.cinematic-home .button-dark{background:var(--ink);color:var(--control);border:1px solid var(--ink)}
.cinematic-home .button-dark:hover{background:var(--accent)}
.card-story{background:#F4EFE5;color:#211D19;position:relative}
.story-scene{height:100svh;min-height:700px;position:relative;overflow:hidden;isolation:isolate;perspective:1400px}
.story-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#211d1905 1px,transparent 1px),linear-gradient(90deg,#211d1905 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse at 50% 70%,black,transparent 75%)}
.story-glow{position:absolute;width:850px;height:650px;max-width:120vw;left:50%;top:45%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#f05a3220 0%,#f2d37d16 42%,transparent 70%);pointer-events:none;z-index:-1}
.story-orbits{position:absolute;width:650px;height:650px;left:50%;top:75%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;opacity:.35}
.story-orbits i{position:absolute;inset:0;border:1px solid #bba78f40;border-radius:50%;transform:rotateX(68deg)}
.story-orbits i:nth-child(2){inset:70px;transform:rotateX(68deg) rotateY(20deg)}
.story-orbits i:nth-child(3){inset:140px;transform:rotateX(68deg) rotateY(-20deg)}
.story-intro{position:absolute;top:13%;left:0;width:100%;text-align:center;z-index:3;padding:0 24px}
.story-intro h1{font-size:clamp(70px,7.9vw,116px);line-height:.94;letter-spacing:-.075em;font-weight:500;margin:0}
.story-intro .aha{color:#F05A32}
.story-intro .title-line{padding-top:24px;margin-top:-24px;padding-bottom:15px;margin-bottom:-15px}
.story-lede{font-size:12px;line-height:1.65;color:#776E65;margin:22px auto 20px}
.story-actions{display:flex;align-items:center;justify-content:center;gap:22px}
.story-actions .button{min-height:46px;font-size:11px;padding:0 21px}
.story-actions>span{font-size:8px;color:#776E65}
.story-card-wrap{position:absolute;width:420px;height:270px;top:76%;left:50%;transform:translate(-50%,-50%);z-index:5;perspective:1400px}
.study-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(20deg) rotateY(-25deg) rotateZ(-12deg) scale(.62)}
.study-card-face{position:absolute;inset:0;border-radius:16px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #fff7ea60;box-shadow:inset 0 1px 1px #fff7ea70,0 0 1px 2px #a34226;transform:translateZ(1px)}
.study-card-front{background:linear-gradient(125deg,#F8D4BC -30%,#F05A32 30%,#CC512B 68%,#F6B889 110%)}
.card-grain{position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(110deg,transparent 0px,#ffffff22 1px,transparent 2px,transparent 4px);mix-blend-mode:soft-light}
.card-shine{position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 34%,#fff7ea22 43%,#ffffff55 49%,#fff7ea33 53%,transparent 62%);transform:translateX(-25%);pointer-events:none}
.card-brand{position:absolute;top:25px;left:27px;right:27px;display:flex;align-items:center;gap:6px;color:#FFF7EA;text-shadow:0 1px 1px #a34226}
.card-brand>svg{width:20px;height:20px}
.card-brand>span:nth-child(2){font-size:24px;font-weight:600;letter-spacing:-1px}
.card-brand>span:last-child{margin-left:auto;font-size:6px;letter-spacing:.13em;color:#FFF7EA}
.card-emblem{position:absolute;width:106px;height:106px;left:calc(50% - 53px);top:calc(50% - 51px);color:#FFF7EA;filter:drop-shadow(0 2px 0 #b34425) drop-shadow(0 -1px 0 #ffffff75)}
.card-front-bottom{position:absolute;bottom:23px;left:27px;right:27px;display:flex;justify-content:space-between;font-size:7px;line-height:1.6;letter-spacing:.12em;color:#FFF7EA}
.card-front-bottom>span:last-child{text-align:right}
.study-card-back{background:linear-gradient(125deg,#FFFDF8,#FBF8F1 70%,#F8D4BC);color:#211D19;transform:rotateY(180deg) translateZ(1px);border-color:#ffffff99}
.card-back-top,.card-back-bottom{display:flex;align-items:center;justify-content:space-between;position:absolute;left:27px;right:27px;font-size:7px;letter-spacing:.1em}
.card-back-top{top:24px;color:#776E65}.card-back-top>svg{width:17px;height:17px}
.card-question{position:absolute;top:65px;left:27px;font-size:28px;line-height:1.1;letter-spacing:-.04em}
.card-equation{position:absolute;bottom:60px;left:27px;right:27px;font:27px Georgia,serif;border-top:1px solid #D8CFC2;padding-top:18px}
.card-back-bottom{bottom:23px;color:#776E65;font-size:6px}
.story-card-shadow{position:absolute;width:400px;height:35px;left:calc(50% - 200px);top:90%;background:#F05A32;filter:blur(40px);opacity:.22;border-radius:50%;pointer-events:none}
.story-floaters{position:absolute;inset:0;perspective:1200px;pointer-events:none;display:none}
.story-floater{position:absolute;width:165px;height:200px;border:1px solid #D8CFC2;border-radius:7px;background:linear-gradient(145deg,#FFFDF8,#FBF8F1);box-shadow:0 12px 40px #211d190a;padding:20px;color:#211D19;transform-style:preserve-3d}
.story-floater>span{font-size:6px;letter-spacing:.13em;display:block;color:#776E65}
.story-floater>b{font:italic 21px Georgia,serif;display:block;margin-top:35px}
.story-floater>i{height:1px;background:#D8CFC2;display:block;margin-top:16px}
.floater-one{left:8%;top:14%;height:155px;transform:rotate(-14deg) rotateY(25deg)}
.floater-two{right:8%;top:7%;height:155px;transform:rotate(12deg) rotateY(-30deg)}
.floater-two>svg{width:125px;height:85px;margin-top:15px}
.floater-three{left:15%;bottom:12%;height:150px;transform:rotate(10deg) rotateY(15deg)}
.floater-three>svg{width:30px;height:30px;color:#F05A32;margin-top:20px}.floater-three>b{font:12px var(--font);margin-top:10px}
.floater-four{right:14%;bottom:10%;height:165px;transform:rotate(-10deg) rotateY(-20deg)}
.story-copy{position:absolute;top:35%;left:6%;width:28%;max-width:360px;z-index:4;display:none}
.story-copy .eyebrow{color:#A74429;font-size:7px}.story-copy h2{font-size:clamp(24px,3vw,44px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:20px 0 16px}.story-copy p{color:#776E65;font-size:11px}
.story-copy-two{left:auto;right:6%;text-align:right}.story-copy-two .eyebrow{justify-content:flex-end}
.story-workspace{color:var(--ink);position:absolute;width:min(750px,68vw);height:425px;left:50%;top:55%;transform:translate(-50%,-50%);z-index:8;display:none}
.story-workspace .workspace-preview{width:100%;left:0;top:0;transform:none;box-shadow:0 30px 100px #211d1920;border-color:#D8CFC2}
.story-workspace .workspace-body{grid-template-columns:58px 1fr}.story-workspace .preview-main{padding:28px 32px 20px}.story-workspace .preview-main h2{font-size:32px;margin-top:20px}.story-workspace .preview-main>p{font-size:12px}.story-workspace .question-meta{font-size:9px}.story-workspace .equation{font-size:29px;margin-top:21px}.story-workspace .function-graph{height:175px}.story-workspace .preview-bottom>span{font-size:9px}.story-workspace .hint-button{font-size:10px;padding:9px 12px}.story-workspace .hint-button svg{width:13px;height:13px}.story-workspace .floating-hint{left:48%;right:-6%;bottom:-10px;transform:rotate(3deg)}.story-workspace .floating-progress{top:-24px;right:-18px}
.story-outro{position:absolute;top:9%;width:100%;left:0;text-align:center;z-index:6;display:none}.story-outro .eyebrow{justify-content:center;color:#A74429;font-size:7px}.story-outro h2{font-size:37px;font-weight:500;line-height:1.05;letter-spacing:-.05em;margin:12px 0 0}.story-outro h2>span{color:#F05A32}
.story-footer{position:absolute;bottom:23px;left:48px;right:48px;display:flex;justify-content:center;align-items:center;gap:16px;z-index:10;color:#776E65;font-size:7px;letter-spacing:.1em}
.story-scroll{display:flex;gap:12px;align-items:center;color:#776E65}.story-scroll>span{font-size:16px}
.story-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#211d1908;z-index:11}.story-progress>span{display:block;width:100%;height:100%;background:#F05A32;transform:scaleX(0);transform-origin:left}
.story-motion .story-card-wrap{top:50%;transform:none}.story-motion .study-card{transform:none}.story-motion .story-workspace{transform:none;display:block}.story-motion .story-floaters,.story-motion .story-copy,.story-motion .story-outro{display:block}
@media(min-width:1600px){.story-intro{top:16%}.story-intro h1{font-size:125px}.story-lede{font-size:14px}.story-actions .button{min-height:52px}.story-actions>span{font-size:9px}}
@media(max-width:800px){.story-scene{min-height:650px}.story-intro{top:14%}.story-intro h1{font-size:clamp(70px,12vw,100px)}.story-card-wrap{width:370px;height:240px}.story-copy{top:13%;left:0;width:100%;max-width:none;padding:0 22px;text-align:center}.story-copy-two{right:0;left:0}.story-copy .eyebrow{justify-content:center}.story-copy h2{font-size:31px;line-height:1.05;margin:14px 0 10px}.story-copy p{font-size:10px}.story-floater{width:120px;height:150px;padding:14px}.floater-one{left:-35px;top:38%}.floater-two{right:-35px;top:35%}.floater-three{left:2%;bottom:13%;height:125px}.floater-four{right:0;bottom:12%;height:135px}.story-floater>b{font-size:17px;margin-top:23px}.story-floater>span{font-size:5px}.floater-two>svg{width:90px;height:75px;margin-top:15px}.story-card-shadow{top:79%}.story-workspace{width:80vw;height:400px;top:56%}.story-workspace .floating-hint{right:-3%;left:35%;bottom:0}.story-outro{top:10%}.story-outro h2{font-size:34px}.story-footer{left:24px;right:24px}.story-orbits{width:520px;height:520px}}
@media(max-width:520px){.story-scene{min-height:650px}.story-intro{top:15%;padding:0 18px}.story-intro h1{font-size:clamp(62px,17vw,83px)}.story-lede{font-size:11px;line-height:1.7;margin:22px auto}.story-actions{gap:12px}.story-actions .button{font-size:10px;min-height:44px;padding:0 17px;gap:15px}.story-actions>span{font-size:6px}.story-card-wrap{width:320px;height:210px;top:74%}.card-brand{top:20px;left:21px;right:21px}.card-brand>span:nth-child(2){font-size:21px}.card-brand>span:last-child{font-size:5px}.card-emblem{width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 38px)}.card-front-bottom{left:21px;right:21px;bottom:18px;font-size:5px}.study-card-face{border-radius:13px}.card-back-top,.card-back-bottom{left:21px;right:21px;font-size:5px}.card-back-top{top:18px}.card-back-bottom{bottom:17px}.card-question{font-size:23px;top:52px;left:21px}.card-equation{font-size:23px;bottom:46px;left:21px;right:21px;padding-top:12px}.story-copy{top:12%}.story-copy .eyebrow{font-size:6px}.story-copy h2{font-size:29px}.story-copy p{font-size:9px}.story-outro{top:11%}.story-outro h2{font-size:31px}.story-outro .eyebrow{font-size:6px}.story-workspace{width:calc(100% - 40px);height:300px;top:55%}.story-workspace .workspace-body{grid-template-columns:33px 1fr}.story-workspace .preview-main{padding:16px}.story-workspace .question-meta{font-size:5px}.story-workspace .preview-main h2{font-size:21px;margin-top:15px}.story-workspace .preview-main>p{font-size:8px}.story-workspace .equation{font-size:20px;margin-top:15px}.story-workspace .function-graph{height:130px}.story-workspace .preview-bottom>span{font-size:5px}.story-workspace .hint-button{font-size:7px;padding:7px;gap:6px}.story-workspace .hint-button svg{width:10px;height:10px}.story-workspace .floating-hint{left:22%;bottom:-25px;right:-3%;padding:13px}.story-workspace .floating-hint p{font-size:10px}.story-workspace .floating-progress{top:-18px;right:2%;padding:8px 10px}.story-footer{left:18px;right:18px;bottom:17px;font-size:5px;letter-spacing:.06em}.story-scroll{gap:8px}.story-orbits{width:400px;height:400px}.story-floater{width:105px;height:135px}.floater-one{left:-38px}.floater-two{right:-40px}.floater-three{left:-27px;bottom:15%}.floater-four{right:-23px;bottom:12%}.floater-three>b{font-size:10px}.story-card-shadow{width:220px;left:calc(50% - 110px);filter:blur(30px)}
}
/* Keep the hint below the workspace so it never covers the working controls. */
.story-workspace{height:400px}
.story-workspace .preview-main{padding:22px 28px 16px}
.story-workspace .preview-main h2{font-size:28px;margin-top:16px}
.story-workspace .function-graph{height:115px}
.story-workspace .floating-hint{left:40%;right:-3%;bottom:-80px;padding:12px 16px}
.story-workspace .floating-hint .hint-symbol{width:30px;height:30px}
.story-workspace .floating-hint p{font-size:12px}
@media(max-width:800px){.story-workspace{height:360px}}
@media(max-width:520px){.story-workspace{height:300px}.story-workspace .preview-main{padding:16px}.story-workspace .preview-main h2{font-size:21px;margin-top:15px}.story-workspace .function-graph{height:130px}.story-workspace .floating-hint{left:22%;bottom:-135px;right:-3%;padding:13px}.story-workspace .floating-hint p{font-size:10px}.story-workspace .floating-hint .hint-symbol{width:28px;height:28px}}
@media(max-width:800px) and (max-height:700px){.story-workspace{top:50%}.story-outro{top:8%}}
@media(prefers-reduced-motion:reduce){.story-scroll{display:none}}