:root{
  --canvas:#f4f0e7;
  --paper:#fffdf8;
  --ink:#1c2932;
  --indigo:#173b5d;
  --indigo-2:#284f70;
  --slate:#66747d;
  --eucalyptus:#607a70;
  --mineral:#9aa9a4;
  --line:#d8d3c9;
  --line-soft:#e8e4dc;
  --clay:#946b5f;
  --orange:#b7652e;
  --focus:#9a4514;
  --danger:#8b4f43;
  --shadow:0 18px 60px rgba(28,41,50,.12);
  --max:1120px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--canvas);
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{min-height:100%;background:var(--canvas)}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);line-height:1.45;overflow-x:hidden}
body.teaching{overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{touch-action:manipulation}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
button{min-height:44px}
button,input,select{border-radius:0}
[hidden],.hidden{display:none!important}
.skip-link{position:fixed;z-index:9999;left:12px;top:10px;padding:10px 14px;background:var(--ink);color:#fff;transform:translateY(-180%)}
.skip-link:focus{transform:none}
.handwriting-font{font-family:"Playwrite GB S",cursive;font-optical-sizing:auto;font-weight:260;font-style:normal}
.guides-font{font-family:"Playwrite GB S Guides","Playwrite GB S",cursive}
.font-unavailable .canonical-model,.font-unavailable .flow-specimen.handwriting-font,.font-unavailable .preview-models .handwriting-font,.font-unavailable .strip-model,.font-unavailable .print-handwriting{visibility:hidden}
.font-warning{padding:7px 14px;text-align:center;background:#efe6da;color:#623819;font-weight:700;font-size:.83rem;border-bottom:1px solid #ddcbbc}

/* APP CHROME */
.app-header{position:sticky;z-index:40;top:0;height:58px;background:rgba(244,240,231,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(28,41,50,.12);display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,env(safe-area-inset-left));gap:16px}
.brand-button{border:0;background:none;text-align:left;padding:4px 0;color:var(--indigo);cursor:pointer;min-height:44px}
.brand-button span{display:block;font-weight:850;letter-spacing:.09em;font-size:.89rem}.brand-button small{display:block;color:var(--slate);font-size:.67rem;letter-spacing:.02em;font-weight:650}
.header-actions{display:flex;align-items:center;gap:14px}.icon-button{border:0;background:transparent;padding:8px 7px;min-width:44px;font-size:1.08rem;font-weight:800;cursor:pointer;color:var(--slate)}
.hand-toggle{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--slate);cursor:pointer;white-space:nowrap}.hand-toggle input{position:absolute;opacity:0;pointer-events:none}.switch{width:35px;height:20px;border-radius:30px;background:#cfcac0;position:relative}.switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--paper);left:3px;top:3px;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:.15s}.hand-toggle input:checked+.switch{background:var(--eucalyptus)}.hand-toggle input:checked+.switch:after{left:18px}.hand-toggle input:focus-visible+.switch{outline:3px solid var(--focus);outline-offset:3px}
main{width:100%}
.screen-v2{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:42px 0 72px}
.micro-label{margin:0 0 8px;color:var(--eucalyptus);font-size:.73rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.section-head{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:28px}.section-head h1{font-size:clamp(2.2rem,5.5vw,4.7rem);line-height:.98;letter-spacing:-.045em;color:var(--indigo);margin:.05em 0 .2em}.section-head p:not(.micro-label){color:var(--slate);font-size:1.08rem;margin:0;max-width:65ch}
.back-link,.link-button{border:0;background:transparent;color:var(--slate);padding:8px 0;min-height:44px;text-decoration:none;cursor:pointer;font-weight:700}.back-link:hover,.link-button:hover{color:var(--indigo)}
.action-primary{border:0;background:var(--indigo);color:#fff;padding:14px 22px;font-weight:850;letter-spacing:.055em;cursor:pointer;min-height:54px}.action-primary:hover{background:#102f4b}.action-primary span{margin-left:10px}.action-xl{font-size:1.02rem;min-width:190px;min-height:58px}
.plain-button{border:1px solid var(--line);background:transparent;color:var(--indigo);padding:11px 15px;font-weight:720;cursor:pointer}.plain-button:hover{background:rgba(23,59,93,.045)}
.danger-link{border:0;background:transparent;color:var(--danger);padding:10px 0;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* FIRST LAUNCH */
.launch-v2{min-height:100dvh;display:grid;place-items:center;padding:30px}.launch-v2-inner{width:min(790px,100%);border-top:5px solid var(--orange);padding:38px 0 0}.launch-v2 h1{font-size:clamp(3.6rem,10vw,8.2rem);letter-spacing:-.075em;line-height:.82;margin:0;color:var(--indigo)}.launch-v2 p:not(.micro-label){max-width:560px;color:var(--slate);font-size:clamp(1.04rem,2vw,1.3rem);margin:28px 0 32px}.launch-v2 .link-button{display:block;margin-top:14px}.inline-settings{margin-top:10px;padding-top:16px;border-top:1px solid var(--line);max-width:300px}.inline-settings label{display:grid;gap:7px;color:var(--slate);font-size:.86rem}.inline-settings input{border:1px solid var(--line);background:var(--paper);padding:10px}

/* TODAY */
.home-v2{width:min(1040px,calc(100% - 40px));margin:0 auto;padding:clamp(38px,7vh,84px) 0 70px}.home-note{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:34px;color:var(--slate);font-size:.9rem}.home-note strong{color:var(--eucalyptus)}
.today-v2{padding:0}.today-kicker{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;color:var(--slate);font-size:.75rem;font-weight:850;letter-spacing:.12em}.today-kicker span:first-child{color:var(--orange)}
.today-v2 h1{font-size:clamp(3rem,7.5vw,6.7rem);line-height:.9;letter-spacing:-.055em;color:var(--indigo);margin:.26em 0 .16em;max-width:950px}.today-summary{font-size:clamp(1.05rem,2.2vw,1.35rem);color:var(--slate);max-width:68ch;margin:0 0 32px}.today-actions{display:flex;align-items:center;gap:18px;margin-bottom:40px}
.week-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.week-line-item{min-width:0;border:0;border-right:1px solid var(--line);background:transparent;padding:15px 16px;text-align:left;display:flex;gap:10px;align-items:center;cursor:pointer}.week-line-item:last-child{border-right:0}.week-line-item.current{box-shadow:inset 0 -3px var(--orange)}.week-line-item.complete .week-state{color:var(--eucalyptus)}.week-line-item.revisit .week-state{color:var(--clay)}.week-state{font-weight:850;color:var(--mineral);font-size:.95rem}.week-copy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem;color:var(--slate)}.week-copy b{color:var(--indigo);margin-right:4px}
.today-more-panel{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px}.home-nav-v2{display:flex;gap:0;margin-top:42px;border-top:1px solid var(--line)}.home-nav-v2 button{flex:1;border:0;border-right:1px solid var(--line);background:transparent;color:var(--indigo);font-size:.75rem;font-weight:850;letter-spacing:.1em;padding:17px 12px;cursor:pointer}.home-nav-v2 button:last-child{border-right:0}.home-nav-v2 button:hover{background:rgba(23,59,93,.035)}

/* PREVIEW */
.preview-v2{max-width:1040px}.preview-v2-head{padding:26px 0 30px;border-bottom:1px solid var(--line)}.preview-v2-head h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:.93;letter-spacing:-.05em;margin:.08em 0 .22em;color:var(--indigo)}.preview-v2-head>p:last-child{font-size:1.1rem;color:var(--slate);max-width:68ch;margin:0}
.preview-v2-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:0;border-bottom:1px solid var(--line)}.preview-v2-grid>section{padding:22px 26px 22px 0;border-bottom:1px solid var(--line-soft)}.preview-v2-grid>section:nth-child(even){padding-left:26px;border-left:1px solid var(--line)}.preview-v2-grid>section:nth-last-child(-n+2){border-bottom:0}.preview-v2-grid h2{font-size:.72rem;color:var(--eucalyptus);letter-spacing:.13em;margin:0 0 11px}.preview-v2-grid p{margin:0;color:var(--slate)}.preview-v2-grid ul{margin:0;padding-left:1.2em;color:var(--slate)}.preview-v2-grid li{margin:.26em 0}.preview-models{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.preview-models button{border:0;border-bottom:2px solid transparent;background:transparent;padding:3px 7px;cursor:pointer;color:var(--indigo)}.preview-models button:hover{border-bottom-color:var(--orange)}.preview-models .handwriting-font{font-size:clamp(1.8rem,4vw,3.1rem)}.support-row{border-left-color:var(--eucalyptus)!important}.preview-v2-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding-top:26px}

/* TEACH: teach mode is presentation mode. No extra full-screen state required. */
.teach-v2{position:fixed;z-index:200;inset:0;background:#fbfaf6;display:grid;grid-template-rows:52px minmax(0,1fr) 64px;overflow:hidden}
.teach-v2-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border-bottom:1px solid rgba(28,41,50,.11);padding:0 max(12px,env(safe-area-inset-left));min-height:52px;background:#fbfaf6}.step-badge{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.step-badge b{font-size:.72rem;color:var(--mineral);letter-spacing:.06em}.step-badge span{font-size:.78rem;color:var(--indigo);font-weight:900;letter-spacing:.12em}.teach-title{font-size:.8rem;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.teach-top-actions{display:flex;gap:2px}.teach-menu-button,.teach-close{border:0;background:transparent;min-width:44px;color:var(--slate);font-weight:850;cursor:pointer;font-size:1rem}.teach-close{font-size:1.45rem;font-weight:450}
.teach-v2-stage{min-height:0;overflow:hidden;display:grid;place-items:stretch;padding:0 clamp(14px,2.5vw,38px)}.stage-prompt{margin:0;color:var(--ink);text-align:center;font-size:clamp(1.06rem,1.8vw,1.45rem);line-height:1.25;font-weight:650}.model-prompt{padding:10px 12px 2px;color:var(--slate);font-size:clamp(.93rem,1.25vw,1.08rem);font-weight:650;min-height:35px}
.model-stage-v2{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;align-items:stretch;position:relative}.target-rail{display:flex;justify-content:center;gap:18px;min-height:43px;overflow-x:auto;scrollbar-width:none;padding:2px 10px 4px}.target-rail::-webkit-scrollbar{display:none}.target-rail button{border:0;border-bottom:2px solid transparent;background:transparent;padding:4px 1px 6px;min-height:38px;color:var(--slate);font-weight:700;cursor:pointer;white-space:nowrap}.target-rail button.active{color:var(--indigo);border-bottom-color:var(--orange)}.target-index{font-size:.62rem;color:var(--mineral);margin-right:5px;vertical-align:top}.target-rail button.active .target-index{color:var(--orange)}
#teach-model{min-height:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}.model-cue{margin:2px auto 7px;text-align:center;color:var(--slate);font-size:clamp(.88rem,1.2vw,1rem);line-height:1.2;max-width:80ch;min-height:1.3em}

/* MOVEMENT MODEL */
.model-viewer{width:min(100%,980px);min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.model-viewer.model-large{width:min(96vw,1500px);height:100%;min-height:0}.stroke-stage{display:block;width:100%;height:min(64vh,660px);max-height:100%;overflow:visible}.guide-line{vector-effect:non-scaling-stroke;stroke:#dbd8d0;stroke-width:1}.guide-line.xheight,.guide-line.descender{stroke-dasharray:4 7;stroke:#e2dfd7}.guide-line.baseline{stroke:#999f9f;stroke-width:1.35}.guide-label{fill:#a1a6a5;font:600 3.3px Inter,Arial,sans-serif;letter-spacing:.02em}.movement-trail{fill:none;stroke:var(--indigo);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.16;vector-effect:non-scaling-stroke}.movement-live{fill:none;stroke:var(--indigo);stroke-width:6.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.movement-live.connector{stroke-width:2.7;opacity:.72}.start-point{fill:var(--orange);stroke:#fbfaf6;stroke-width:1.2;vector-effect:non-scaling-stroke}.lift-point{fill:#fbfaf6;stroke:var(--clay);stroke-width:1.4;vector-effect:non-scaling-stroke}.pen-cursor{fill:var(--orange);stroke:#fbfaf6;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.direction-arrow{fill:var(--indigo)}
.model-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;padding:4px 0 0;color:var(--slate)}.model-primary-controls{display:flex;gap:4px;align-items:center}.control-button,.model-play,.model-options summary{border:0;background:transparent;color:var(--slate);padding:6px 9px;min-height:38px;font-size:.78rem;font-weight:760;cursor:pointer}.model-play{color:var(--indigo);font-weight:900}.control-button:hover,.model-options summary:hover{background:rgba(23,59,93,.04)}.model-options{position:relative}.model-options summary{list-style:none}.model-options summary::-webkit-details-marker{display:none}.model-options[open]{background:var(--paper);box-shadow:0 8px 28px rgba(28,41,50,.1);padding:2px 5px 6px;z-index:4}.model-options label{display:flex;gap:7px;align-items:center;padding:5px 7px;font-size:.75rem;white-space:nowrap}.model-options input{accent-color:var(--indigo)}.model-safety-note{font-size:.76rem;color:var(--slate);text-align:center;margin:2px 0 0}.static-model-stage{width:100%;height:min(58vh,560px);min-height:300px;position:relative;display:grid;place-items:center;overflow:hidden}.static-guide-lines .sg{position:absolute;left:2%;right:2%;height:1px;background:#ddd9d1}.static-guide-lines .sg.ascender{top:9%}.static-guide-lines .sg.xheight{top:33%;background:repeating-linear-gradient(to right,#e2dfd7 0,#e2dfd7 4px,transparent 4px,transparent 10px)}.static-guide-lines .sg.baseline{top:67%;background:#9ca1a0;height:1.25px}.static-guide-lines .sg.descender{top:90%;background:repeating-linear-gradient(to right,#e2dfd7 0,#e2dfd7 4px,transparent 4px,transparent 10px)}.static-model-text,.canonical-model{position:relative;z-index:2;color:var(--indigo);font-size:clamp(4.7rem,10.5vw,10.5rem);line-height:1.2;text-align:center;padding:0 4vw;overflow-wrap:anywhere}

/* READY */
.ready-v2{width:min(1050px,100%);height:100%;margin:auto;display:grid;grid-template-columns:minmax(310px,1.05fr) minmax(320px,.95fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:20px 48px;padding:22px 0 10px}.page-position-v2{position:relative;width:min(52vw,480px);height:min(52vh,430px);margin:auto}.paper-v2{position:absolute;width:68%;height:82%;top:8%;left:16%;background:#fffefb;border:1px solid #d7d1c7;box-shadow:0 8px 30px rgba(28,41,50,.08);transform-origin:center}.right-hand .paper-v2{transform:rotate(-7deg)}.left-hand .paper-v2{transform:rotate(7deg)}.paper-v2 span{position:absolute;left:10%;right:10%;height:1px;background:#e5e1d9}.paper-v2 span:nth-child(1){top:25%}.paper-v2 span:nth-child(2){top:42%}.paper-v2 span:nth-child(3){top:59%}.paper-v2 span:nth-child(4){top:76%}.pencil-v2{position:absolute;width:5%;height:57%;background:linear-gradient(to right,#d3c6a7 0 22%,#e2d6b8 22% 76%,#b67b45 76% 100%);border-radius:999px;bottom:4%;right:18%;transform:rotate(24deg);transform-origin:bottom}.left-hand .pencil-v2{right:auto;left:18%;transform:rotate(-24deg)}.pencil-v2:after{content:"";position:absolute;top:-7%;left:25%;width:50%;height:8%;background:#313941;clip-path:polygon(50% 0,100% 100%,0 100%)}.hand-v2{position:absolute;width:22%;height:15%;border:2px solid rgba(96,122,112,.7);border-radius:48% 55% 45% 50%;bottom:12%;right:8%;transform:rotate(-12deg);background:rgba(96,122,112,.07)}.left-hand .hand-v2{right:auto;left:8%;transform:rotate(12deg)}.ready-cues{display:grid;gap:0;border-top:1px solid var(--line)}.ready-cues span{padding:10px 0;border-bottom:1px solid var(--line-soft);font-weight:750;color:var(--indigo);font-size:clamp(.96rem,1.6vw,1.12rem)}.ready-v2>p{grid-column:1/-1;margin:0;text-align:center;color:var(--slate);font-size:.92rem}.teach-v2-stage.ready>.stage-prompt{position:absolute;left:50%;bottom:72px;transform:translateX(-50%);z-index:2;max-width:780px;width:90%;font-size:.92rem;color:var(--slate)}

/* FLOW + CHECK */
.flow-stage-v2{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;place-items:center;align-items:center;padding:24px 0}.flow-stage-v2 .stage-prompt{max-width:900px}.flow-specimen{align-self:center;color:var(--indigo);font-size:clamp(3.3rem,7vw,8rem);line-height:1.42;text-align:center;max-width:96%;overflow-wrap:anywhere}.flow-specimen.foundation-transcription{font-family:Inter,Arial,sans-serif;font-size:clamp(2.2rem,5vw,5.4rem);line-height:1.18;font-weight:650;letter-spacing:-.025em;max-width:90%}.flow-note{margin:0;color:var(--slate);font-size:.92rem}.check-stage-v2{height:100%;display:grid;place-content:center;text-align:center;max-width:980px;margin:auto}.check-stage-v2 h1{font-size:clamp(2.9rem,7.5vw,7rem);line-height:.98;letter-spacing:-.045em;color:var(--indigo);margin:.16em 0}.check-stage-v2>p:last-child{color:var(--slate);font-size:1rem;margin:0}

.teach-v2-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;border-top:1px solid rgba(28,41,50,.11);background:#fbfaf6;padding:7px max(12px,env(safe-area-inset-left));min-height:64px}.teach-nav-v2{border:0;background:transparent;min-width:90px;padding:9px 12px;color:var(--indigo);font-size:.78rem;font-weight:900;letter-spacing:.075em;cursor:pointer}.teach-nav-v2:disabled{opacity:.25}.teach-nav-v2.next{justify-self:end;background:var(--indigo);color:#fff;min-width:112px}.adapt-trigger{border:0;background:transparent;color:var(--slate);font-size:.72rem;font-weight:850;letter-spacing:.1em;padding:9px 12px;cursor:pointer}

/* OVERLAYS + SHEETS */
#overlay-root:empty{display:none}.overlay{position:fixed;z-index:500;inset:0;background:rgba(20,31,39,.34);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px}.overlay-sheet{place-items:end center}.bottom-sheet,.finish-v2,.picker-v2,.model-overlay-v2{position:relative;width:min(760px,100%);max-height:min(86dvh,780px);overflow:auto;background:var(--paper);box-shadow:var(--shadow);padding:28px}.bottom-sheet{border-top:4px solid var(--eucalyptus)}.bottom-sheet h2,.finish-v2 h2,.picker-v2 h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1;margin:0 0 18px;color:var(--indigo);letter-spacing:-.03em}.close-x{position:absolute;right:12px;top:10px;border:0;background:transparent;min-width:44px;font-size:1.5rem;color:var(--slate);cursor:pointer}.adapt-rows{display:grid;gap:0}.adapt-rows section{padding:16px 0;border-top:1px solid var(--line)}.adapt-rows section:first-child{border-top:0}.adapt-rows b{color:var(--eucalyptus);font-size:.75rem;letter-spacing:.11em}.adapt-rows .core b{color:var(--indigo)}.adapt-rows p{margin:5px 0;color:var(--slate)}.menu-stack{display:grid;gap:0}.menu-stack button,.settings-links button,.print-choices-v2 button{border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:14px 4px;min-height:48px;color:var(--indigo);font-weight:720;cursor:pointer}.menu-stack button:hover,.settings-links button:hover,.print-choices-v2 button:hover{background:rgba(23,59,93,.03)}.menu-toggle{display:flex!important;align-items:center;justify-content:space-between}.compact-sheet{max-width:520px}.finish-v2{max-width:720px;border-top:5px solid var(--orange)}.finish-choices{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.finish-choices button{border:0;border-right:1px solid var(--line);background:transparent;padding:22px 12px;color:var(--indigo);font-weight:900;letter-spacing:.05em;cursor:pointer}.finish-choices button:last-child{border-right:0}.finish-actions{display:flex;gap:10px;flex-wrap:wrap}.picker-v2{width:min(980px,100%);border-top:4px solid var(--orange)}.picker-v2 section{padding:12px 0;border-top:1px solid var(--line)}.picker-v2 section>div{display:flex;flex-wrap:wrap;gap:5px}.picker-v2 section button,.picker-v2>label+button{border:1px solid var(--line);background:transparent;padding:8px 10px;cursor:pointer}.picker-v2 input,.bottom-sheet input{width:100%;border:1px solid var(--line);background:#fff;padding:11px;margin:8px 0}.model-overlay-v2{width:min(1200px,100%);height:min(88dvh,860px);display:grid;place-items:center}.model-overlay-v2 #overlay-model{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.print-choices-v2{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.print-choices-v2 button:nth-child(odd){border-right:1px solid var(--line)}

/* YEAR + PROGRESS */
.year-v2,.progress-v2{max-width:1080px}.phase-v2{margin:42px 0 0}.phase-v2-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:2px solid var(--indigo);padding-bottom:8px}.phase-v2-title h2{font-size:1.25rem;color:var(--indigo);margin:0}.phase-v2-title span{font-size:.75rem;color:var(--slate);font-weight:800;letter-spacing:.08em}.phase-weeks{display:grid}.year-week{border-bottom:1px solid var(--line);padding:13px 0}.year-week-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:7px}.year-week-head b{color:var(--indigo)}.year-week-head span{color:var(--slate);font-size:.86rem}.year-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.year-lessons button{border:0;background:transparent;text-align:left;padding:8px 0;color:var(--slate);cursor:pointer;display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:start}.year-lessons button.current{color:var(--indigo);font-weight:750}.year-lessons button.complete span:first-child{color:var(--eucalyptus)}.year-lessons button.revisit span:first-child{color:var(--clay)}
.checkpoint-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:38px}.checkpoint-v2{border:0;border-right:1px solid var(--line);background:transparent;text-align:left;padding:13px 12px;display:grid;gap:2px;cursor:pointer}.checkpoint-v2:last-child{border-right:0}.checkpoint-v2>span{color:var(--mineral)}.checkpoint-v2.complete>span{color:var(--eucalyptus)}.checkpoint-v2.revisit>span{color:var(--clay)}.checkpoint-v2 b{font-size:.77rem;color:var(--indigo)}.checkpoint-v2 small{color:var(--slate);line-height:1.2}.progress-path{display:grid;gap:30px;margin-bottom:30px}.progress-path h2{font-size:1rem;margin:0 0 10px;color:var(--indigo);display:flex;align-items:center;gap:10px}.progress-path h2 span{font-size:.72rem;color:var(--eucalyptus)}.week-dot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.week-dot-grid>button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;padding:10px 8px;display:grid;gap:7px;cursor:pointer}.week-dot-grid b{font-size:.72rem;color:var(--slate)}.week-dot-grid i{font-style:normal;color:var(--mineral);margin:0 1px}.week-dot-grid i.complete{color:var(--eucalyptus)}.week-dot-grid i.revisit{color:var(--clay)}.week-dot-grid i.current{color:var(--orange)}

/* QUICK MODEL */
.quick-v2{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:26px 0 48px}.quick-head{display:flex;gap:26px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:16px}.quick-head>div{flex:1}.quick-head h1{font-size:clamp(2rem,4.5vw,4rem);line-height:.95;letter-spacing:-.04em;margin:0;color:var(--indigo)}.quick-input-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.quick-input-row label{font-size:.8rem;font-weight:800;color:var(--slate)}.quick-input-row>div{display:grid;grid-template-columns:1fr auto}.quick-input-row input{min-height:48px;border:1px solid var(--line);border-right:0;background:var(--paper);padding:10px 13px;font-size:1.05rem}.quick-input-row button{border:0;background:var(--indigo);color:#fff;padding:10px 16px;font-weight:850}.quick-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:560px}.quick-model-area{min-width:0;padding:10px 16px 0 0;display:grid;place-items:center}.quick-model-area>#quick-host{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.quick-host-empty{color:var(--slate);text-align:center}.quick-palette{border-left:1px solid var(--line);padding:18px 0 0 18px}.quick-palette details{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.quick-palette summary{cursor:pointer;font-size:.76rem;font-weight:850;letter-spacing:.08em;color:var(--indigo);padding:7px 0}.alphabet-mini,.join-mini{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.alphabet-mini button,.join-mini button{border:0;background:transparent;padding:6px 2px;min-height:38px;color:var(--indigo);font-weight:700;cursor:pointer}.join-mini{grid-template-columns:repeat(3,1fr)}.join-mini button{font-family:"Playwrite GB S",cursive;font-size:1rem}.repair-launch{width:100%;border:0;background:transparent;text-align:left;padding:13px 0;color:var(--orange);font-size:.78rem;font-weight:900;letter-spacing:.06em;cursor:pointer}.repair-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.repair-grid-v2 button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:12px;color:var(--indigo);cursor:pointer}.repair-answer{margin-top:20px;border-top:2px solid var(--orange)}.repair-answer>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.repair-answer span{font-size:.7rem;font-weight:850;letter-spacing:.08em;color:var(--eucalyptus)}.repair-answer p{margin:0;color:var(--slate)}.repair-answer button{border:0;background:transparent;font-family:"Playwrite GB S",cursive;font-size:1.8rem;color:var(--indigo);text-align:left;cursor:pointer;padding:0}

/* REFERENCE + UTILITIES */
.reference-v2{max-width:1080px}.family-tabs{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.family-tabs section{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.family-tabs h2{font-size:.83rem;color:var(--eucalyptus);margin:0 0 12px}.family-tabs section>div,.formation-grid{display:flex;flex-wrap:wrap;gap:5px}.formation-glyph{border:0;background:transparent;min-width:40px;padding:6px;font-family:"Playwrite GB S",cursive;font-size:1.5rem;color:var(--indigo);cursor:pointer}.reference-more{padding:18px 0;border-bottom:1px solid var(--line)}.reference-more summary{font-weight:800;color:var(--indigo);cursor:pointer}.formation-detail-v2{margin-top:28px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;border-top:1px solid var(--line);padding-top:24px}.formation-meta h2{font-size:1.35rem;color:var(--indigo);margin:0 0 12px}.formation-meta>div{display:flex;gap:7px;flex-wrap:wrap}.formation-meta>div span{font-size:.7rem;color:var(--slate);border:1px solid var(--line);padding:5px 7px}.formation-meta ul{padding-left:1.1em;color:var(--slate);font-size:.9rem}.formation-detail-v2 #formation-model{min-width:0}.join-reference-v2>section{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.join-reference-v2 p:not(.micro-label){margin:0 0 6px;color:var(--slate)}.join-reference-v2 small{color:var(--eucalyptus)}.join-reference-v2>section>div:last-child{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.join-reference-v2 button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:7px 9px;font-family:"Playwrite GB S",cursive;font-size:1.35rem;color:var(--indigo);cursor:pointer}
.utility-v2{max-width:900px}.utility-form{display:grid;gap:18px}.utility-form>label{display:grid;gap:6px;color:var(--slate);font-size:.86rem;font-weight:750}.utility-form input,.utility-form select{border:1px solid var(--line);background:var(--paper);padding:11px}.utility-form fieldset{border:0;border-top:1px solid var(--line);padding:15px 0 0}.utility-form legend{font-size:.75rem;font-weight:850;color:var(--eucalyptus);letter-spacing:.08em}.utility-form fieldset label{margin-right:14px;color:var(--slate)}.line-preview-v2{background:var(--paper);padding:18px;border:1px solid var(--line)}.line-preview-v2>div{height:52px;position:relative;border-bottom:1.4px solid #999;margin-bottom:16px}.line-preview-v2>div:before{content:"";position:absolute;left:0;right:0;top:18px;border-top:1px dashed #d6d6d6}.utility-actions{display:flex;gap:8px;flex-wrap:wrap}.utility-actions button{border:1px solid var(--line);background:transparent;padding:10px 14px;font-weight:750;color:var(--indigo)}.check-row{display:flex!important;grid-template-columns:auto!important;align-items:center;gap:8px!important}.check-row input{width:auto!important}.settings-v2 h3{margin:25px 0 7px;color:var(--eucalyptus);font-size:.75rem;letter-spacing:.09em;text-transform:uppercase}.settings-v2-rows{border-top:1px solid var(--line)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.setting-row span{display:grid}.setting-row small{color:var(--slate)}.setting-row input[type=date]{width:auto;margin:0}.settings-links{display:grid;border-bottom:1px solid var(--line)}

/* PRINT */
#print-root{display:none}
@media print{
  @page{size:A4 portrait;margin:12mm}
  body.printing>*:not(#print-root){display:none!important}
  body.printing #print-root{display:block!important;color:#111;background:#fff;font-family:Arial,sans-serif}
  .print-sheet{width:100%;min-height:270mm;background:#fff;color:#111}.print-sheet.half-sheet{min-height:128mm}.print-header{border-bottom:.35pt solid #bbb;padding-bottom:4mm;margin-bottom:5mm}.print-header.compact{margin-bottom:3mm}.print-header p{margin:0 0 1mm;font-size:8.5pt;letter-spacing:.08em}.print-header h1{font-size:20pt;line-height:1.05;margin:0}.print-model-block{margin-bottom:5mm}.print-kicker{font-weight:bold;font-size:8pt;letter-spacing:.11em;margin:0 0 1.5mm}.print-handwriting,.strip-model{font-family:"Playwrite GB S",cursive;font-size:32pt;line-height:1.45}.print-instruction{font-size:9.5pt;margin:2.5mm 0 1mm}.line-set{position:relative;height:23mm;margin-bottom:2mm}.line-set .print-guide{position:absolute;left:0;right:0;border-top:.25pt solid #d7d7d7}.line-set .ascender{top:2mm}.line-set .xheight{top:8mm;border-top-style:dashed}.line-set .baseline{top:15mm;border-top:.55pt solid #999}.line-set .descender{top:21mm;border-top-style:dashed}.line-set.line-medium{height:19mm}.line-set.line-medium .ascender{top:1mm}.line-set.line-medium .xheight{top:6mm}.line-set.line-medium .baseline{top:12mm}.line-set.line-medium .descender{top:18mm}.line-set.line-standard{height:16mm}.line-set.line-standard .ascender{top:1mm}.line-set.line-standard .xheight{top:5mm}.line-set.line-standard .baseline{top:10mm}.line-set.line-standard .descender{top:15mm}.line-set.line-custom{height:var(--custom-line-space,13mm)}.line-set.line-custom .ascender{top:0}.line-set.line-custom .xheight{top:34%}.line-set.line-custom .baseline{top:68%}.line-set.line-custom .descender{top:98%}.print-check{border-top:.35pt solid #bbb;padding-top:2.5mm;font-size:9.5pt}.writing-strip{min-height:auto}.practice-strip{padding-top:2mm}.assessment-grid table{width:100%;border-collapse:collapse;font-size:7.2pt}.assessment-grid th,.assessment-grid td{border:.35pt solid #aaa;padding:1.7mm;height:7mm}.assessment-grid th{font-weight:bold;text-align:left;background:#f3f3f3}.assessment-grid .print-header p:last-child{font-size:8.5pt;letter-spacing:0;margin-top:2mm}
}

/* REDUCED MOTION */
.direction-only{display:none;fill:none;stroke:transparent;stroke-width:1;pointer-events:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.pen-cursor{display:none!important}.direction-only{display:block!important}}

/* RESPONSIVE */
@media (max-width:900px){
  .hand-toggle span:last-child{display:none}.screen-v2{width:min(100% - 28px,var(--max));padding-top:28px}.home-v2{width:calc(100% - 28px)}
  .preview-v2-grid{grid-template-columns:1fr}.preview-v2-grid>section,.preview-v2-grid>section:nth-child(even){padding:18px 0;border-left:0;border-bottom:1px solid var(--line)}.preview-v2-grid>section:last-child{border-bottom:0}
  .ready-v2{grid-template-columns:1fr 1fr;gap:16px}.page-position-v2{width:min(48vw,390px);height:min(45vh,360px)}
  .quick-body{grid-template-columns:1fr}.quick-palette{border-left:0;border-top:1px solid var(--line);padding:12px 0}.alphabet-mini{grid-template-columns:repeat(13,1fr)}.join-mini{grid-template-columns:repeat(6,1fr)}
  .formation-detail-v2{grid-template-columns:1fr}.formation-meta{max-width:640px}.join-reference-v2>section{grid-template-columns:1fr}.join-reference-v2>section>div:last-child{justify-content:flex-start}
}
@media (max-width:680px){
  .brand-button small{display:none}.app-header{height:54px}.home-v2{padding-top:30px}.today-kicker{align-items:flex-start;flex-direction:column;gap:4px}.today-v2 h1{font-size:clamp(2.7rem,14vw,5rem)}.week-line{grid-template-columns:1fr}.week-line-item{border-right:0;border-bottom:1px solid var(--line)}.week-line-item:last-child{border-bottom:0}.home-nav-v2{margin-top:30px}.home-nav-v2 button{font-size:.68rem}
  .teach-v2{grid-template-rows:48px minmax(0,1fr) 58px}.teach-v2-top{min-height:48px;gap:6px}.teach-title{text-align:left}.step-badge b{display:none}.teach-close{display:none}.teach-v2-stage{padding-inline:7px}.model-prompt{font-size:.88rem;padding-top:5px}.target-rail{justify-content:flex-start;min-height:39px}.target-rail button{min-height:36px;font-size:.8rem}.model-cue{font-size:.8rem}.stroke-stage{height:100%;max-height:48vh}.static-model-stage{height:45vh;min-height:240px}.canonical-model{font-size:clamp(3.3rem,17vw,6.5rem)}.model-primary-controls .control-button:nth-child(n+3){display:none}.model-controls{padding-top:1px}.teach-v2-footer{min-height:58px;padding-block:4px}.teach-nav-v2{min-width:78px;font-size:.7rem}.teach-nav-v2.next{min-width:90px}.adapt-trigger{font-size:.66rem;padding-inline:5px}
  .ready-v2{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto;padding:5px 0;gap:5px}.page-position-v2{width:min(76vw,360px);height:min(39vh,310px)}.ready-cues{grid-template-columns:repeat(5,1fr);border-top:0}.ready-cues span{font-size:.68rem;text-align:center;border-bottom:0;border-right:1px solid var(--line);padding:7px 2px}.ready-cues span:last-child{border-right:0}.ready-v2>p{font-size:.78rem}.teach-v2-stage.ready>.stage-prompt{display:none}
  .flow-stage-v2{padding:12px 0}.flow-specimen{font-size:clamp(2.7rem,13vw,5rem)}.check-stage-v2 h1{font-size:clamp(2.6rem,12vw,5rem)}
  .finish-choices{grid-template-columns:1fr}.finish-choices button{border-right:0;border-bottom:1px solid var(--line)}.finish-choices button:last-child{border-bottom:0}.print-choices-v2{grid-template-columns:1fr}.print-choices-v2 button:nth-child(odd){border-right:0}.repair-grid-v2{grid-template-columns:1fr 1fr}.family-tabs{grid-template-columns:1fr}.quick-head{display:block}.quick-input-row{grid-template-columns:1fr;gap:5px}.quick-body{min-height:480px}.alphabet-mini{grid-template-columns:repeat(9,1fr)}.join-mini{grid-template-columns:repeat(5,1fr)}.checkpoint-rail{grid-template-columns:repeat(2,1fr)}.year-lessons{grid-template-columns:1fr}.year-week-head{display:block}.year-week-head span{display:block;margin-top:2px}.home-note{display:block}.home-note span{display:block;margin-top:3px}
}
@media (max-width:430px){
  .screen-v2,.home-v2,.quick-v2{width:calc(100% - 20px)}.header-actions{gap:4px}.hand-toggle{display:none}.today-actions{align-items:flex-start;flex-direction:column}.action-primary{width:100%}.home-nav-v2 button{padding-inline:5px}.preview-v2-actions{display:grid}.preview-v2-actions>*{width:100%}.quick-input-row>div{grid-template-columns:1fr}.quick-input-row input{border-right:1px solid var(--line)}.quick-input-row button{margin-top:5px}.quick-palette{font-size:.9rem}.alphabet-mini{grid-template-columns:repeat(7,1fr)}.repair-grid-v2{grid-template-columns:1fr}.bottom-sheet,.finish-v2,.picker-v2{padding:22px 18px}.overlay{padding:10px}.teach-title{font-size:.69rem}.step-badge span{font-size:.68rem}.teach-menu-button{min-width:38px}.movement-live{stroke-width:5.5}.movement-live.connector{stroke-width:2.4}.flow-note{font-size:.8rem}.week-dot-grid{grid-template-columns:repeat(4,1fr)}
}

.teach-v2 .model-safety-note{display:none}
