:root{--cr-paper:#f5f1e8;--cr-paper2:#fbf8f1;--cr-paper3:#eee7db;--cr-ink:#111;--cr-muted:#575757;--cr-line:#c8c0b3;--cr-line2:#aaa397;--cr-shadow:#cac3b7;--cr-serif:Georgia, "Times New Roman", serif;--cr-mono:"Courier New", monospace;--cr-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--cr-paper);color:var(--cr-ink);font-family:var(--cr-sans)}.cr-page{min-height:100vh;padding:16px;background:radial-gradient(circle at 15% 20%,rgba(17,17,17,.05),transparent 22%),linear-gradient(90deg,rgba(17,17,17,.035) 1px,transparent 1px),linear-gradient(rgba(17,17,17,.03) 1px,transparent 1px),var(--cr-paper);background-size:auto,32px 32px,32px 32px,auto}.cr-shell{min-height:calc(100vh - 32px);border:2px solid var(--cr-line2);background:#fbf8f1e6;box-shadow:10px 10px 0 var(--cr-shadow);display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden}.cr-top{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:13px 16px;border-bottom:1.5px solid var(--cr-line);background:#fbf8f1f2}.cr-brand{display:flex;align-items:center;gap:11px}.cr-logo{width:42px;height:42px;object-fit:contain}.cr-brand span{display:block;font-family:var(--cr-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#6b665e}.cr-brand strong{display:block;font-family:var(--cr-serif);font-size:25px;line-height:1}.cr-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.cr-tags span,.cr-exit{border:1.5px solid var(--cr-line2);background:var(--cr-paper2);padding:8px 10px;font-family:var(--cr-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#625d55;text-decoration:none}.cr-progress{height:7px;background:#e8e0d4}.cr-progress div{width:10%;height:100%;background:#111;transition:width .25s ease}.cr-slides{position:relative;min-height:0}.cr-slide{display:none;height:100%}.cr-slide.active{display:block}.cr-stage{height:100%;padding:20px}.cr-cover,.cr-problem,.cr-definition,.cr-anatomy,.cr-cue,.cr-usage,.cr-examples,.cr-mistakes,.cr-builder,.cr-final{width:min(1180px,100%);height:min(540px,calc(100vh - 198px));margin:0 auto;min-height:0}.cr-kicker{display:inline-flex;width:max-content;border:1.5px solid var(--cr-line2);background:var(--cr-paper2);box-shadow:3px 3px #ddd6ca;padding:8px 10px;font-family:var(--cr-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#6b665e}.cr-kicker.light{background:#f7f3ea;color:#333;border-color:#f7f3ea}.cr-cover{display:grid;grid-template-columns:1fr .96fr;gap:20px}.cr-cover-copy{border-top:3px solid #111;border-bottom:3px solid #111;padding:18px 0;display:grid;grid-template-rows:auto auto auto 1fr;gap:13px}.cr-cover-copy h1{margin:0;font-family:var(--cr-serif);font-size:clamp(62px,7.4vw,104px);line-height:.82;letter-spacing:-4px}.cr-cover-copy p{margin:0;width:min(660px,100%);font-size:clamp(16px,1.4vw,21px);line-height:1.45;color:#3d3d3d}.cr-cover-micro{align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:12px}.cr-cover-micro article{border-left:2px solid var(--cr-line2);padding-left:13px}.cr-cover-micro b{display:block;font-family:var(--cr-serif);font-size:22px;margin-bottom:5px}.cr-cover-micro span{display:block;font-size:13px;line-height:1.38;color:var(--cr-muted)}.cr-soundboard{border:2px solid #111;background:var(--cr-paper2);box-shadow:8px 8px 0 var(--cr-shadow);padding:18px;display:grid;grid-template-rows:auto 1fr auto auto;gap:14px;min-height:0}.cr-board-title,.cr-ref-title,.cr-output-title{font-family:var(--cr-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#6b665e}.cr-wave-panel{border:1.5px solid var(--cr-line2);background:#f1ebe0;display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;min-height:0}.cr-wave-panel span{width:14px;background:#111;display:block;border-radius:999px}.cr-wave-panel span:nth-child(1){height:42px}.cr-wave-panel span:nth-child(2){height:74px}.cr-wave-panel span:nth-child(3){height:112px}.cr-wave-panel span:nth-child(4){height:154px}.cr-wave-panel span:nth-child(5){height:104px}.cr-wave-panel span:nth-child(6){height:68px}.cr-wave-panel span:nth-child(7){height:130px}.cr-wave-panel span:nth-child(8){height:92px}.cr-wave-panel span:nth-child(9){height:54px}.cr-wave-panel span:nth-child(10){height:82px}.cr-mixer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cr-slider{height:140px;border:1.5px solid var(--cr-line);background:#f4eee4;padding:10px;display:grid;grid-template-rows:auto 1fr;justify-items:center}.cr-slider small{font-family:var(--cr-mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#666}.cr-slider i{width:12px;align-self:end;background:#111;display:block;border-radius:999px 999px 0 0}.cr-call-box{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cr-call-box div{border:1.5px solid var(--cr-line2);background:#f0eadf;padding:11px}.cr-call-box small{display:block;font-family:var(--cr-mono);font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#666;margin-bottom:5px}.cr-call-box strong{display:block;font-family:var(--cr-serif);font-size:20px;line-height:1.1}.cr-problem{display:grid;grid-template-columns:1fr .92fr;gap:18px}.cr-panel-dark,.cr-anatomy-left,.cr-usage-center,.cr-final-main{background:#111;color:#f7f3ea;box-shadow:8px 8px 0 var(--cr-shadow);padding:30px;display:grid;align-content:center}.cr-panel-dark h2,.cr-anatomy-left h2,.cr-usage-center h2,.cr-final-main h2{margin:12px 0 14px;font-family:var(--cr-serif);font-size:clamp(40px,4.7vw,64px);line-height:.93;letter-spacing:-2px}.cr-panel-dark p,.cr-anatomy-left p,.cr-final-main p{margin:0;font-size:17px;line-height:1.5;color:#f7f3ead6}.cr-problem-stack{display:grid;gap:12px}.cr-problem-stack article,.cr-definition-grid article,.cr-anatomy-flow article,.cr-cue-card,.cr-orbit article,.cr-example-grid article,.cr-mistake-grid article{border:1.5px solid var(--cr-line);background:var(--cr-paper2);box-shadow:4px 4px #ded7cb;padding:16px}.cr-problem-stack span{display:inline-flex;font-family:var(--cr-mono);font-size:10px;letter-spacing:1.4px;color:#666;margin-bottom:8px}.cr-problem-stack h3,.cr-example-grid h3{margin:0 0 7px;font-family:var(--cr-serif);font-size:28px;line-height:1}.cr-problem-stack p,.cr-definition-grid p,.cr-anatomy-flow p,.cr-cue-card p,.cr-orbit p,.cr-example-grid p,.cr-mistake-grid p{margin:0;font-size:14px;line-height:1.42;color:var(--cr-muted)}.cr-definition,.cr-cue,.cr-examples,.cr-mistakes{display:grid;grid-template-rows:auto 1fr auto;gap:16px}.cr-definition-head h2,.cr-cue-head h2,.cr-examples-head h2,.cr-mistakes-head h2{margin:10px 0 0;font-family:var(--cr-serif);font-size:clamp(40px,4.8vw,66px);line-height:.93;letter-spacing:-2px}.cr-definition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cr-definition-grid b{display:block;font-family:var(--cr-serif);font-size:28px;line-height:1;margin-bottom:8px}.cr-definition-note{border:2px solid #111;background:#111;color:#f7f3ea;padding:14px;font-size:15px;line-height:1.4}.cr-anatomy{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px}.cr-anatomy-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cr-anatomy-flow article{position:relative}.cr-anatomy-flow span{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;background:#111;color:#f7f3ea;font-family:var(--cr-serif);font-size:24px;margin-bottom:12px}.cr-anatomy-flow strong{display:block;font-family:var(--cr-serif);font-size:29px;line-height:1;margin-bottom:7px}.cr-cue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cr-cue-card.dark{background:#111;color:#f7f3ea;border-color:#111}.cr-cue-card.dark p,.cr-cue-card.dark small{color:#f7f3eac7}.cr-cue-icon{width:58px;height:58px;border:1.5px solid #111;display:flex;align-items:center;justify-content:center;font-family:var(--cr-serif);font-size:25px;line-height:1;margin-bottom:13px;background:#111;color:#f7f3ea}.cr-cue-card.dark .cr-cue-icon{background:#f7f3ea;color:#111;border-color:#f7f3ea}.cr-cue-card h3{margin:0 0 8px;font-family:var(--cr-serif);font-size:25px;line-height:1}.cr-cue-card small{display:block;margin-top:12px;border-top:1.5px solid var(--cr-line);padding-top:10px;font-size:12px;line-height:1.35;color:#555}.cr-usage{display:grid;grid-template-columns:.86fr 1.14fr;gap:18px}.cr-orbit{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cr-orbit article{display:grid;align-content:center}.cr-orbit b{display:block;font-family:var(--cr-serif);font-size:30px;line-height:1;margin-bottom:8px}.cr-example-grid,.cr-mistake-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cr-example-grid small{display:inline-flex;font-family:var(--cr-mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#666;margin-bottom:10px}.cr-mistake-grid strong{display:block;font-family:var(--cr-serif);font-size:28px;line-height:1;margin-bottom:7px}.cr-builder{display:grid;grid-template-columns:390px 1fr;gap:18px}.cr-builder-form,.cr-builder-output{border:2px solid var(--cr-line2);background:var(--cr-paper2);box-shadow:6px 6px 0 var(--cr-shadow);padding:20px;min-height:0}.cr-builder-form{display:flex;flex-direction:column}.cr-builder-form h2{margin:10px 0 16px;font-family:var(--cr-serif);font-size:43px;line-height:.95;letter-spacing:-1.5px}.cr-builder-form label{display:block;margin-bottom:11px}.cr-builder-form label span{display:block;font-family:var(--cr-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#6b665e;margin-bottom:5px}.cr-builder-form input,.cr-builder-form select{width:100%;border:1.5px solid var(--cr-line2);background:#faf7f0;padding:10px;font-size:14px;color:#333}.cr-builder-actions{margin-top:auto;display:flex;gap:10px}.cr-builder-actions button{border:1.5px solid #111;background:#111;color:#f7f3ea;padding:10px 13px;font-family:var(--cr-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer}.cr-builder-actions button:nth-child(2){background:#faf7f0;color:#111;border-color:var(--cr-line2)}.cr-builder-output{display:grid;grid-template-rows:auto 1fr;gap:12px}.cr-output-box{border:1.5px solid var(--cr-line);background:#f0eadf;padding:18px;white-space:pre-line;font-size:15px;line-height:1.55;color:#333;overflow:hidden}.cr-final{display:grid;grid-template-columns:1.03fr .97fr;gap:18px}.cr-final-ref{border:2px solid var(--cr-line2);background:var(--cr-paper2);box-shadow:6px 6px 0 var(--cr-shadow);padding:14px;display:grid;grid-template-rows:auto repeat(3,1fr);gap:8px}.cr-final-ref a{display:block;text-decoration:none;color:#111;border:1.5px solid var(--cr-line);background:#f0eadf;padding:12px}.cr-final-ref strong{display:block;font-family:var(--cr-serif);font-size:18px;line-height:1;margin-bottom:5px}.cr-final-ref span{display:block;font-size:12px;line-height:1.35;color:var(--cr-muted)}.cr-final-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.cr-final-actions a,.cr-final-actions button{border:1.5px solid rgba(247,243,234,.65);background:#ffffff14;color:#f7f3ea;text-decoration:none;padding:10px 13px;font-family:var(--cr-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer}.cr-footer{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-top:1.5px solid var(--cr-line);padding:13px 16px;background:#fbf8f1f0}.cr-footer button{border:1.5px solid var(--cr-line2);background:var(--cr-paper2);color:#111;padding:10px 14px;font-family:var(--cr-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer}.cr-footer button.dark{background:#111;color:#f7f3ea;border-color:#111}.cr-footer button:disabled{opacity:.45;cursor:not-allowed}.cr-footer-mid{display:grid;justify-items:center;gap:7px}.cr-footer-mid span,.cr-footer-right span{font-family:var(--cr-mono);font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#6b665e}.cr-footer-right{display:flex;align-items:center;gap:12px}.cr-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.cr-dots .dot{width:10px;height:10px;border:1.5px solid var(--cr-line2);background:#fff;padding:0;cursor:pointer}.cr-dots .dot.active{background:#111;border-color:#111}@media(max-height:760px)and (min-width:981px){.cr-stage{padding:15px}.cr-cover,.cr-problem,.cr-definition,.cr-anatomy,.cr-cue,.cr-usage,.cr-examples,.cr-mistakes,.cr-builder,.cr-final{height:min(465px,calc(100vh - 178px))}.cr-cover-copy h1{font-size:72px;letter-spacing:-3px}.cr-cover-copy p{font-size:14.5px;line-height:1.35}.cr-wave-panel span:nth-child(4){height:115px}.cr-wave-panel span:nth-child(7){height:102px}.cr-slider{height:105px}.cr-panel-dark h2,.cr-anatomy-left h2,.cr-usage-center h2,.cr-final-main h2,.cr-definition-head h2,.cr-cue-head h2,.cr-examples-head h2,.cr-mistakes-head h2{font-size:44px}.cr-problem-stack article,.cr-definition-grid article,.cr-anatomy-flow article,.cr-cue-card,.cr-orbit article,.cr-example-grid article,.cr-mistake-grid article{padding:12px}.cr-problem-stack h3,.cr-example-grid h3,.cr-definition-grid b,.cr-anatomy-flow strong,.cr-orbit b,.cr-mistake-grid strong{font-size:22px}.cr-problem-stack p,.cr-definition-grid p,.cr-anatomy-flow p,.cr-cue-card p,.cr-orbit p,.cr-example-grid p,.cr-mistake-grid p,.cr-final-ref span{font-size:12px;line-height:1.28}.cr-cue-icon{width:44px;height:44px;font-size:18px;margin-bottom:8px}.cr-cue-card h3{font-size:20px}.cr-cue-card small{font-size:10.5px;margin-top:8px;padding-top:8px}.cr-builder-form,.cr-builder-output,.cr-final-main{padding:18px}.cr-builder-form h2{font-size:34px}.cr-output-box{font-size:13px;line-height:1.42}.cr-final-ref{padding:10px;gap:6px}.cr-final-ref a{padding:8px}.cr-final-ref strong{font-size:15px}.cr-final-ref span{font-size:10.5px;line-height:1.25}}@media(max-width:980px){.cr-page{padding:10px}.cr-shell{box-shadow:none;min-height:calc(100vh - 20px)}.cr-top{grid-template-columns:1fr;justify-items:start}.cr-tags{justify-content:flex-start}.cr-stage{height:auto;overflow:auto;padding:14px}.cr-cover,.cr-problem,.cr-definition,.cr-anatomy,.cr-cue,.cr-usage,.cr-examples,.cr-mistakes,.cr-builder,.cr-final{height:auto;grid-template-columns:1fr}.cr-cover-micro,.cr-definition-grid,.cr-anatomy-flow,.cr-cue-grid,.cr-orbit,.cr-example-grid,.cr-mistake-grid{grid-template-columns:1fr}.cr-cover-copy h1{font-size:56px;letter-spacing:-2px}.cr-panel-dark h2,.cr-anatomy-left h2,.cr-usage-center h2,.cr-final-main h2,.cr-definition-head h2,.cr-cue-head h2,.cr-examples-head h2,.cr-mistakes-head h2{font-size:38px;letter-spacing:-1.3px}.cr-wave-panel{min-height:220px}.cr-footer{grid-template-columns:1fr;justify-items:center}.cr-footer-right{width:100%;justify-content:space-between}}