*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:'Cabinet Grotesk',system-ui,sans-serif;color:#ecece3;background:#202335;font-size:20px;line-height:1.65}main{width:100%;max-width:100%;overflow-x:hidden;background:radial-gradient(ellipse at 50% 8%,#414b60 0,transparent 25%),#202335}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.04em}h2{font-size:clamp(2.4rem,4.5vw,4.2rem);margin-bottom:28px}h3{font-size:28px;margin-bottom:18px}p{margin-bottom:22px}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,.button,.file-button{min-height:48px;padding:14px 23px;border:1px solid #d8bea4;border-radius:8px;color:#202335;background:#e7ba97;cursor:pointer;text-decoration:none;font-size:17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;transition:background .3s,transform .4s}button:hover,.button:hover,.file-button:hover{transform:translateY(-2px)}button.secondary,.button.secondary{background:#f1ecdf;color:#202335;border-color:#f1ecdf}button:disabled{background:#394052;color:#b3bbc1;border-color:#555e72;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.file-button:focus-within{outline:3px solid #ffdf94;outline-offset:5px}.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}nav{max-width:1300px;margin:20px auto;padding:18px 32px;border:1px solid #737b8659;border-radius:100px;display:flex;align-items:center;justify-content:space-between;background:#2023358f}nav a{text-decoration:none;font-size:16px}nav .brand{font-weight:800;font-size:22px}nav div{display:flex;gap:28px}.hero{text-align:center;padding:86px 32px 90px;max-width:1450px;margin:auto}.hero h1{max-width:76rem;width:100%;margin:0 auto 30px;font-size:clamp(3.4rem,7.8vw,7rem);font-weight:800}.hero>p{max-width:700px;margin:0 auto 35px;font-size:23px}.hero>.actions{justify-content:center}.hero-art{margin:70px auto 0;max-width:1280px;overflow:hidden;transform-origin:center}.hero-art img{display:block;width:100%;height:auto;transition:transform .7s}.hero-art:hover img{transform:scale(1.035)}figcaption{font-size:16px;color:#c4cbd0;margin-top:20px}.chapter,.editorial{max-width:1280px;margin:auto;padding:130px 36px}.chapter>p.intro{max-width:85ch}.bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:16px;margin-top:50px}.bento article{padding:38px;border:1px solid #747b885e;border-radius:15px;background:#30354b;transition:transform .7s}.bento article:hover{transform:scale(1.02)}.bento p{margin:0}.marquee{overflow:hidden;padding-top:70px;font-size:36px;letter-spacing:.03em;font-weight:700;color:#b6b7bd}.marquee>div{white-space:nowrap;animation:roll 35s linear infinite}@keyframes roll{to{transform:translateX(-50%)}}.inline-art{display:inline-block;width:95px;height:45px;border-radius:30px;vertical-align:middle;object-fit:cover;margin:0 8px}.round-stack{padding:40px 0 120px}.round-card{position:sticky;top:100px;padding:48px;background:#3c465d;border:1px solid #7b8390;border-radius:18px;min-height:260px;margin-bottom:42px;max-width:940px;transform-origin:top center}.round-card:nth-child(2){background:#465369}.round-card:nth-child(3){background:#53616d}.round-card:nth-child(4){background:#5a6c72}.round-card p{max-width:65ch;margin:0}.feedback-carousel{background:#e7ba97;border-radius:18px;padding:45px;color:#202335;max-width:940px}.feedback-carousel>p:first-child{font-size:16px}.feedback-carousel #feedback-text{min-height:95px}.workbench{max-width:1380px}.tool{background:#2c3247;border:1px solid #707b8c;border-radius:22px;padding:42px}.settings,.note-fields,.annotation-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:20px}.settings label,.note-fields label,.annotation-controls label,.version-controls label,.full-label{display:block;font-size:17px;font-weight:700;margin-bottom:14px}.full-label{margin-top:24px}input[type=text],textarea,select{display:block;width:100%;min-height:48px;background:#fbf7eb;color:#242a37;border:1px solid #828b96;border-radius:6px;padding:12px;margin-top:8px;font-size:17px;line-height:1.6}textarea{min-height:110px;resize:vertical;white-space:pre-wrap}input[type=file]{max-width:100%;font-size:16px;margin-top:12px;display:block}.version-controls{display:flex;flex-wrap:wrap;align-items:end;gap:20px;margin-top:30px}.version-controls label{margin-bottom:0}.file-button{position:relative;overflow:hidden;text-align:center;color:#202335;font-weight:700}.file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.help{font-size:16px;line-height:1.6;color:#ccd3d9;margin-top:18px;margin-bottom:22px}.help a{color:#ffe2bc}#status{padding:20px;background:#414b5e;border:1px solid #7c8893;border-radius:9px;margin-top:24px;font-size:17px;min-height:66px;overflow-wrap:anywhere}#player{width:100%;height:auto;max-height:650px;display:block;background:#101725;border-radius:13px;margin:24px 0}#player:not([src]){display:none}.note-fields{margin-top:30px}.annotation{padding-top:32px;margin-top:30px;border-top:1px solid #647082}#canvas{width:100%;aspect-ratio:16/9;background:#192133;border-radius:9px;overflow:hidden;max-width:960px;margin-bottom:25px}.annotation-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.annotation-controls label:last-child{grid-column:1/-1}.note-card{background:#ece5d5;color:#202335;border-radius:12px;padding:27px;margin-top:18px;border:1px solid #c9bdab;overflow-wrap:anywhere}.note-card p,.note-card dd{white-space:pre-wrap;font-size:17px}.note-card h3{font-size:24px}.note-card dt{font-size:15px;font-weight:700;margin-top:16px}.note-card dd{margin-left:0}.note-card .actions{margin-top:20px}.note-card button{border-color:#31394b}#result{padding-top:26px;font-size:22px;font-weight:700}.exports{padding-top:34px;margin-top:35px;border-top:1px solid #697686}.tool-help details{padding:24px 0;border-top:1px solid #697686}.tool-help summary{cursor:pointer;font-weight:700;min-height:44px}.tool-help details p{max-width:80ch;margin-top:20px}.editorial{padding-top:70px;padding-bottom:100px}.editorial h2{margin-top:110px;max-width:78ch}.editorial h2:first-child{margin-top:0}.editorial h3{margin-top:50px;max-width:78ch}.editorial p,.editorial ul{max-width:78ch}.editorial a{color:#f4c9a6}.editorial table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:17px;line-height:1.65;margin:38px 0}.editorial th,.editorial td{padding:20px;vertical-align:top;text-align:left;border-bottom:1px solid #6a7385;overflow-wrap:anywhere;white-space:normal}.editorial th{background:#394259}.editorial td:first-child{font-weight:700}.editorial li{margin-bottom:16px}footer{background:#e7ba97;color:#202335;padding:110px 30px;text-align:center}footer h2{max-width:1000px;margin:0 auto 30px}footer p{max-width:850px;margin:0 auto 28px}footer .button{background:#202335;color:#fff3df;border-color:#202335}footer .links{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:35px}
@media(max-width:999px){.hero{padding-top:55px}.hero h1{font-size:clamp(3.3rem,10vw,6rem)}.chapter,.editorial{padding-block:80px}.round-card{position:static;min-height:0}.round-stack{padding-bottom:40px}.annotation-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body{font-size:18px}nav{margin:12px 15px;padding:16px 18px;border-radius:17px;gap:15px;align-items:start}nav .brand{font-size:18px}nav div{flex-direction:column;gap:8px}nav a{font-size:14px}.hero{padding:45px 20px 65px}.hero h1{font-size:clamp(3rem,13vw,4.8rem);max-width:76rem}.hero>p{font-size:20px}.hero>.actions{display:grid;grid-template-columns:1fr 1fr}.hero .button{padding:13px 9px;font-size:15px}.hero-art{margin-top:42px}.hero-art figcaption{font-size:14px}.chapter,.editorial{padding:70px 20px}.bento{grid-template-columns:1fr;margin-top:35px}.bento article{padding:27px}.bento h3{font-size:25px}.marquee{font-size:27px;padding-top:45px}.round-card{padding:29px}.feedback-carousel{padding:28px}.feedback-carousel #feedback-text{min-height:0}.tool{padding:24px 16px;border-radius:14px}.settings,.note-fields{grid-template-columns:1fr}.settings label,.note-fields label{margin-bottom:0}.version-controls{display:grid;grid-template-columns:1fr}.version-controls button{width:100%}.annotation-controls{gap:12px}.actions button{flex:1 1 145px}.note-card{padding:23px}.editorial h2{margin-top:80px}.editorial table,.editorial tbody,.editorial tr,.editorial td{display:block;width:100%}.editorial thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.editorial tr{padding:18px 0;border-bottom:2px solid #6a7385}.editorial td{padding:14px 0;border:0}.editorial td::before{content:attr(data-label);display:block;font-size:15px;font-weight:700;color:#ffe2bc;margin-bottom:8px}.editorial td:first-child{font-size:20px}.editorial td:first-child::before{display:none}footer{padding:80px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.round-card{position:static}}