:root{color-scheme:dark;--navy:#102630;--deep:#0b1920;--panel:#182f39;--gold:#d4b47b;--ivory:#f8f2e6;--muted:#b9c6c7;--line:#37515b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d1c24;color:var(--ivory);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip{position:absolute;left:8px;top:-60px;background:var(--ivory);color:var(--navy);padding:12px;z-index:20}.skip:focus{top:8px}.service{text-align:center;background:#d3b47e;color:#182d36;font-size:.68rem;font-weight:850;letter-spacing:.21em;padding:9px}.site-head{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;gap:18px}.brand{font-weight:900;font-size:1.27rem;letter-spacing:.065em;display:grid;line-height:1.2}.brand small{font-size:.55rem;letter-spacing:.31em;color:var(--gold);margin-top:6px}.gold{color:var(--gold)}.site-head nav{display:flex;gap:25px;font-size:.86rem;color:#dbe4e0}.site-head a:hover,.bottom-actions a:hover{color:var(--gold)}main{max-width:1250px;margin:auto;padding:0 28px 65px}.intro{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(210px,.55fr);gap:26px;align-items:center;padding:57px 0 42px;border-top:1px solid #30424b}.eyebrow{font-size:.69rem;letter-spacing:.19em;font-weight:800;color:var(--gold);margin:0 0 12px}.intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.45rem,5.1vw,4.7rem);letter-spacing:-.03em;line-height:1.08;max-width:800px;font-weight:500;margin:0 0 20px}.intro h1 em{color:var(--gold);font-weight:400}.intro p:not(.eyebrow){max-width:670px;color:#c5d2d2;font-size:1.02rem;line-height:1.8}.intro-side{border-left:1px solid #4c6370;padding:14px 20px;text-align:center}.intro-side>span{font:normal 6.2rem/.95 Georgia,serif;color:var(--gold)}.intro-side small{display:block;letter-spacing:.13em;font-size:.73rem;margin:18px 0}.intro-side p{font-size:.77rem!important;line-height:1.6!important;color:var(--muted)}.lab{background:linear-gradient(145deg,#142e3a,#10232d);border:1px solid #334b54;border-radius:16px;overflow:hidden;box-shadow:0 32px 60px #050d1360}.lab-top{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:26px 32px 18px}.lab-top h2,.reward h2{font:normal clamp(1.55rem,2.7vw,2.25rem) Georgia,serif;margin:0}.overall{text-align:right;font-size:.75rem;color:var(--muted);min-width:150px}.meter{height:7px;background:#344750;border-radius:20px;overflow:hidden;margin-top:9px}.meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#b88d53,#f3d79c);transition:width .4s}.level-pickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 32px 24px;gap:11px}.level-pickers button{text-align:left;background:#0d212b;border:1px solid #39515c;border-radius:10px;color:#e8ece9;padding:15px;min-height:93px;transition:background .2s,border .2s}.level-pickers button:hover:not([disabled]),.level-pickers button[aria-pressed=true]{border-color:#d0ae77;background:#30424a}.level-pickers button:disabled{opacity:.52;cursor:not-allowed}.level-pickers strong{display:block;margin:5px 0 3px;font-size:.92rem}.level-pickers small{color:#c1cbcb;font-size:.69rem}.level-pickers .level-n{color:var(--gold);font-size:.68rem;letter-spacing:.15em}.workbench{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.95fr);border-top:1px solid #39525e}.movement-panel{background:radial-gradient(ellipse at center,#2a434d 0,#1c323e 55%,#122831 100%);padding:22px 20px;min-width:0}.movement-panel-head,.watch-legend{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-tag,.tiny{font-size:.67rem;letter-spacing:.12em;color:var(--gold);font-weight:700}.tiny{color:#aebdbf;font-size:.55rem}.watch-stage{max-width:530px;margin:auto}.watch-stage svg{display:block;width:100%;height:auto;max-height:535px;filter:drop-shadow(0 17px 22px #0007)}.watch-stage-caption{text-align:center;color:#cfdbd6;font-size:.84rem;margin:-5px 0 8px;min-height:24px}.watch-legend{justify-content:center;gap:24px;font-size:.7rem;color:#aebfc1;padding:16px 0 4px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#7d9aa4}.gold-dot{background:var(--gold)}.controls{padding:28px 29px 30px;background:#122631;border-left:1px solid #39525e;min-width:0}.stage-heading h3{font:normal 1.85rem Georgia,serif;margin:0 0 10px}.stage-heading>p:last-child{color:#b9c9ca;font-size:.89rem;margin:0 0 25px;line-height:1.7}.step-track{margin-bottom:21px;color:#d4e0db;font-size:.76rem}.instruction{display:flex;gap:15px;padding:14px 16px;border:1px solid #816f53;background:#423d2e;border-radius:10px;margin-bottom:17px}.instruction-icon{color:var(--gold);font-size:1.5rem}.instruction strong{color:#f4deae}.instruction p{font-size:.79rem;color:#dcd3be;margin:4px 0 0}.parts-list{display:grid;gap:9px}.part{display:flex;align-items:center;gap:12px;padding:13px 14px;text-align:left;border-radius:9px;background:#213640;border:1px solid #45616b;color:#e2edeb;min-height:68px}.part:hover{background:#2d4851}.part.selected{border-color:#e8c58d;box-shadow:0 0 0 1px #e8c58d66;background:#354844}.part.completed{opacity:.58}.part .num{flex:0 0 30px;height:30px;border:1px solid #9a835e;color:#f0d29c;border-radius:50%;display:grid;place-items:center;font-size:.72rem}.part .ptext{flex:1;min-width:0}.part strong{display:block;font-size:.88rem}.part small{color:#c0d1cd;display:block;font-size:.72rem}.part .arrow{color:var(--gold);font-size:1.1rem}.button-row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.secondary{background:transparent;border:1px solid #516c73;border-radius:7px;color:#e4eeeb;padding:10px 15px;font-size:.82rem}.secondary:hover{background:#2e4954}.feedback{font-size:.83rem;color:#f3d69e;margin:14px 0 0;min-height:24px}.reward{display:grid;grid-template-columns:1fr minmax(200px,.55fr);gap:20px;align-items:center;margin-top:34px;padding:28px 32px;border:1px solid #55604d;background:linear-gradient(115deg,#303b37,#142c34);border-radius:13px}.reward p:not(.eyebrow){color:#c4d3d0;line-height:1.75;max-width:670px}.reward-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:16px;color:#e7d4ae;border:1px dashed #a38d68;border-radius:12px}.badge-art{display:grid;place-items:center;font-size:3.5rem;border-radius:50%;height:95px;width:95px;background:#293f42;border:3px double #bfa174}.reward-panel strong{letter-spacing:.12em;font-size:.81rem}.reward-panel>span:not(.badge-art){font-size:.65rem;letter-spacing:.1em}.primary{display:inline-block;background:var(--gold);color:#1c2e31;padding:10px 15px;border-radius:6px;font-size:.82rem;font-weight:800;margin-top:9px}.disclaimer{padding:23px 1px;color:#a6b8bb;font-size:.78rem;line-height:1.8}.bottom-actions{display:flex;gap:15px 28px;flex-wrap:wrap;border-top:1px solid #354a53;padding:20px 0}.bottom-actions a{color:#e9d1a2;font-size:.87rem}footer{border-top:1px solid #304751;padding:24px;text-align:center;color:#a7babb;font-size:.76rem}footer a{color:var(--gold)}.gear{transform-box:fill-box;transform-origin:center;animation:turn 12s linear infinite}.gear.reverse{animation-direction:reverse;animation-duration:9s}.rotor{transform-box:fill-box;transform-origin:50% 42%;animation:rock 5s ease-in-out infinite alternate}.pulse{animation:pulse 1.3s ease-in-out infinite alternate}@keyframes turn{to{transform:rotate(360deg)}}@keyframes rock{from{transform:rotate(-23deg)}to{transform:rotate(25deg)}}@keyframes pulse{to{opacity:.3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:900px){.workbench{grid-template-columns:1fr}.controls{border-left:0;border-top:1px solid #39525e}.movement-panel{padding:14px}.watch-stage{max-width:435px}}@media(max-width:640px){.site-head{padding:15px 18px;align-items:flex-start}.site-head nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:.73rem}.site-head nav a:nth-child(2){display:none}.brand{font-size:1rem}.brand small{font-size:.48rem}.intro{grid-template-columns:1fr;padding:34px 0 22px}.intro-side{display:none}main{padding:0 13px 45px}.lab-top{padding:21px 18px 15px;align-items:start}.overall{min-width:100px}.level-pickers{gap:7px;padding:0 11px 14px}.level-pickers button{min-height:88px;padding:10px 7px}.level-pickers strong{font-size:.77rem}.level-pickers small{font-size:.59rem}.level-pickers .level-n{font-size:.61rem}.controls{padding:23px 17px}.movement-panel-head{padding:0 7px}.tiny{font-size:.5rem}.watch-stage svg{max-height:355px}.watch-legend{gap:13px;font-size:.61rem}.reward{grid-template-columns:1fr;margin-top:23px;padding:22px 18px}.reward-panel{max-width:300px;margin:auto;width:100%}}
.quiz-panel{border:1px solid #b89c6e;background:#293e43;border-radius:12px;padding:17px;margin-bottom:14px}.quiz-panel[hidden]{display:none}.quiz-panel strong{display:block;font-family:Georgia,serif;font-size:1.05rem;margin-bottom:14px}.quiz-choices{display:grid;gap:8px}.quiz-choices button{padding:10px 13px;background:#19313a;border:1px solid #71898a;border-radius:7px;color:#f3e9d2;text-align:left;font:inherit;font-size:.83rem}.quiz-choices button:hover{background:#425961}.parts-list[hidden]{display:none}
#watch-illustration .removable{cursor:pointer}#watch-illustration .removable:hover{filter:brightness(1.13)}

/* Movement Lab 2.0: more restrained atelier materials and a single guided action. */
:root{--navy:#111e24;--deep:#0f151a;--panel:#232d31;--gold:#d3b786;--ivory:#f1eee5;--muted:#a8b4b3;--line:#405055}
body{background:radial-gradient(ellipse at 50% 0%,#26353a 0%,#171f23 47%,#12191d 100%);color:var(--ivory)}
.service{background:#c4ad85;color:#1b272b}
.lab{background:linear-gradient(140deg,#263238,#182328);border:1px solid #536064;box-shadow:0 25px 70px #0006}
.workbench{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);border-color:#45535a}
.movement-panel{background:radial-gradient(ellipse at 50% 32%,#3a484c 0%,#27363b 57%,#19282d 100%);padding:22px 22px 19px}
.controls{background:#1b292e;border-left-color:#45545a}
.lab-top{padding-bottom:12px}
.level-pickers{padding-bottom:24px;gap:13px}
.level-pickers button{background:#202e34;border-color:#53646a;border-radius:6px;min-height:91px}
.level-pickers button:hover:not([disabled]),.level-pickers button[aria-pressed=true]{background:#374449;border-color:#d5bf96}
.level-pickers button:disabled{opacity:.44}
.quick-start{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:0 32px 22px}
.quick-start div{display:flex;align-items:center;gap:11px;font-size:.74rem;color:#cbd4d0;min-height:45px}
.quick-start strong{display:grid;place-items:center;border:1px solid #778178;width:30px;height:30px;border-radius:50%;color:#e4d5b7;font-size:.71rem;flex:0 0 30px}
.movement-stage-label{text-align:center;font-size:.66rem;letter-spacing:.19em;color:#c2caca;margin:14px 0 0;font-weight:700}
.watch-stage svg{filter:drop-shadow(0 23px 18px #070d1190)}
.watch-stage-caption{letter-spacing:.005em}
.reference-photo{border-top:1px solid #66707377;padding:15px 7px 4px;margin:4px 0 0;display:flex;gap:15px;align-items:center}
.reference-photo img{display:block;width:102px;height:90px;object-fit:cover;background:#1a2326;border:1px solid #88908d;border-radius:4px;flex:0 0 102px}
.reference-photo figcaption{display:flex;flex-direction:column;gap:3px;min-width:0}
.reference-photo strong{color:#f4f0e7;font-size:.79rem}
.reference-photo figcaption span{color:#b5c2c0;font-size:.69rem;line-height:1.55}
.reference-photo a{font-size:.66rem;color:#efd39b;text-decoration:underline;text-underline-offset:3px}
.phase-indicator{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:-4px 0 19px}
.phase-indicator span{border-bottom:2px solid #5d696b;font-size:.68rem;color:#aeb9b7;padding:7px 2px 9px;text-align:center}
.phase-indicator span[data-state="current"]{border-color:#e8c58d;color:#efdeb9;font-weight:800}
.phase-indicator span[data-state="complete"]{border-color:#8ca59c;color:#bdcfc7}
.instruction{background:#343c3b;border-color:#8c7957;border-radius:5px;padding:17px}
.instruction strong{color:#e9d7ac;font-size:1rem}
.instruction p{line-height:1.65;color:#d6d4c9;font-size:.83rem}
.instruction-icon{font-size:1.2rem}
.guided-step{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:#cdb489;border:1px solid #ead5ad;border-radius:5px;padding:15px 18px;color:#17252a;font-size:.97rem;font-weight:850;margin-bottom:15px;min-height:57px}
.guided-step:hover:not(:disabled){background:#e9d4ab;transform:translateY(-1px)}
.guided-step:disabled{background:#556565;color:#e6e7de;cursor:default;opacity:1}
.guided-step[hidden]{display:none}
.parts-heading{display:flex;justify-content:space-between;gap:10px;font-size:.73rem;padding:4px 1px 11px;color:#eee5d3}
.parts-heading span{color:#b4c4bd;font-size:.68rem}
.parts-list{gap:6px}
.part{min-height:53px;background:#24353a;border:1px solid #465b61;border-radius:5px;padding:8px 12px}
.part:hover:not(:disabled){background:#395057}
.part:disabled{cursor:default;opacity:.57}
.part.selected{background:#3c4745;border-color:#dac08b;box-shadow:inset 3px 0 #e1c48b}
.part .num{flex-basis:24px;width:24px;height:24px;font-size:.65rem}
.part strong{font-size:.8rem}
.part small{font-size:.67rem}
.part.completed{opacity:.6}
.part.completed.selected{opacity:1}
.movement-panel-head .panel-tag{background:#d1b98d;color:#1a292d;padding:6px 9px;border-radius:3px;font-size:.61rem}
.quiz-panel{border-radius:5px;background:#293a3e}
.quiz-choices button{border-radius:5px;padding:13px}
.feedback{color:#e9dab7;line-height:1.6;border-left:2px solid #ad9670;padding-left:11px}
.reward{background:linear-gradient(115deg,#303c3b,#1a2a2f);border-color:#687263}
.removable{transition:opacity .24s ease}
.removable.focus-part{filter:drop-shadow(0 0 8px #ecc583b0)}
.removable.focus-part circle,.removable.focus-part path{stroke-opacity:1}
.removable.focus-part{cursor:pointer}
@media(max-width:900px){.workbench{grid-template-columns:1fr}.controls{border-left:0}.quick-start{padding:0 23px 18px}.reference-photo{max-width:445px;margin:0 auto}.movement-panel{padding:16px 20px}}
@media(max-width:640px){.quick-start{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 9px;padding:0 15px 18px}.quick-start div{font-size:.7rem}.level-pickers{padding:0 12px 20px}.movement-panel{padding:12px 14px 18px}.movement-stage-label{margin:6px 0 1px}.reference-photo{gap:10px;padding:12px 0 4px}.reference-photo img{width:80px;height:75px;flex-basis:80px}.reference-photo strong{font-size:.75rem}.reference-photo figcaption span{font-size:.65rem}.watch-legend{flex-wrap:wrap}.controls{padding:21px 18px}.phase-indicator span{font-size:.6rem}.parts-heading span{display:none}}

/* Realistic movement refinements: no spinning gears like a toy clock. */
.precision-wheel{animation:none!important}
.rotor{transform-box:view-box;transform-origin:240px 248px;animation:rotor-swing 9s ease-in-out infinite alternate}
.balance-wheel{transform-box:view-box;transform-origin:338px 200px;animation:balance-oscillation .46s ease-in-out infinite alternate}
@keyframes rotor-swing{from{transform:rotate(-13deg)}to{transform:rotate(17deg)}}
@keyframes balance-oscillation{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
.reference-photo img{width:144px;height:114px;flex:0 0 144px;object-fit:contain;background:#e5e4dc}
@media(max-width:640px){.reference-photo img{width:112px;height:96px;flex-basis:112px}}
@media(prefers-reduced-motion:reduce){.rotor,.balance-wheel{animation:none}}

/* Watchmaker's touch workbench: phone is the primary play surface. */
.tactile-lab{overflow:visible}
.tactile-lab .touch-top{padding:24px 24px 14px}
.touch-top h2{font:normal clamp(1.5rem,3vw,2.1rem) Georgia,serif}
.touch-top p:last-child{font-size:.82rem;max-width:540px;color:#c5d3cf}
.touch-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 24px 20px}
.touch-levels button{background:#1b3037;color:#ede7d7;border:1px solid #55666b;text-align:left;min-height:71px;padding:10px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px}
.touch-levels button:disabled{opacity:.5;cursor:not-allowed}
.touch-levels button[aria-pressed="true"]{background:#3e4847;border-color:#dfc795}
.touch-levels .level-n{color:#d7ba84;font-size:.62rem;letter-spacing:.14em}
.touch-levels strong{font-size:.88rem}
.touch-levels small{font-size:.7rem;color:#c5d2cf}
.touch-workbench{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);border-top:1px solid #506166}
.touch-watch-side{padding:14px 18px 20px;background:radial-gradient(ellipse at 48% 37%,#4c5e5f 0%,#303d40 60%,#1a2d32 100%);min-width:0}
.watch-topline{display:flex;justify-content:space-between;gap:12px;padding:7px 0 12px;letter-spacing:.12em;color:#e8d8b7;font-size:.69rem;font-weight:700}
.watch-viewport{position:relative;width:min(100%,535px);margin:0 auto;border:1px solid #78847f60;background:radial-gradient(ellipse at center,#4e5b59,#28373a 75%);border-radius:14px;overflow:hidden;min-height:300px;touch-action:pan-y}
#watch-illustration{touch-action:none;user-select:none;-webkit-user-select:none}
#watch-illustration svg{display:block;width:100%;height:auto;max-height:500px;touch-action:none}
#watch-illustration .removable{pointer-events:none}
#watch-illustration .precision-wheel{animation:none!important}
#watch-illustration .rotor{animation:none!important}
#watch-illustration .balance-wheel{animation:none!important}
#watch-illustration .touch-target{pointer-events:none}
#watch-illustration .touch-target .target-ring{stroke:#f5d59a;fill:#e4c28016;stroke-dasharray:6 5;stroke-width:3;animation:target-pulse 1.9s ease-in-out infinite}
#watch-illustration .touch-target .target-label{fill:#f8e6be;font-size:13px;font-weight:750;letter-spacing:.4px;paint-order:stroke;stroke:#17252a;stroke-width:5px}
#watch-illustration .touch-target .arrow{stroke:#e4bf81;stroke-width:2.5;fill:none}
#watch-illustration .touch-target .tray{fill:#121f25;fill-opacity:.64;stroke:#9bafad;stroke-width:2;stroke-dasharray:8 6}
#watch-illustration .touch-target .tray-label{fill:#d8e2db;letter-spacing:2px;font-size:11px;text-anchor:middle}
#watch-illustration .gesture-ghost{pointer-events:none;filter:drop-shadow(0 5px 9px #0008)}
@keyframes target-pulse{50%{stroke:#fff0be;stroke-width:5}}
.gesture-readout{position:absolute;bottom:12px;left:12px;right:12px;padding:10px 14px;border-radius:8px;text-align:center;background:#0f2129e0;color:#f3ead4;font-size:.76rem;pointer-events:none}
.touch-tool-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.touch-tool-dock button{background:#1b3036;border:1px solid #768184;color:#edeade;min-height:63px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;font:inherit;gap:2px;cursor:pointer}
.touch-tool-dock button[aria-pressed="true"]{border-color:#e9c991;background:#3c4a4b;box-shadow:inset 0 0 0 1px #e7ca9a}
.touch-tool-dock button strong{font-size:.75rem}
.touch-tool-dock button .tool-icon{font-size:1.25rem;line-height:1.4}
.touch-tool-dock button span:last-child{font-size:.62rem;color:#b8c6c0}
.watch-photo-reference{display:flex;gap:11px;align-items:center;margin-top:18px;padding-top:12px;border-top:1px solid #74807c88}
.watch-photo-reference img{width:86px;height:73px;object-fit:cover;border-radius:4px;background:#111;flex:0 0 86px}
.watch-photo-reference div{display:flex;flex-direction:column;gap:4px}
.watch-photo-reference strong{font-size:.73rem;color:#f7efe2}
.watch-photo-reference span,.watch-photo-reference a{font-size:.64rem;line-height:1.45;color:#c5d1c8}
.watch-photo-reference a{color:#f4d1a2;text-decoration:underline}
.touch-coach{padding:24px 25px 23px;background:#1a2a30}
.touch-coach h3{font:normal 1.8rem Georgia,serif;margin:0 0 10px}
.touch-coach>p:not(.eyebrow){font-size:.82rem;color:#d4dbd2;line-height:1.65}
.coach-step{display:flex;justify-content:space-between;gap:10px;color:#eed8b2;font-size:.69rem;letter-spacing:.06em;font-weight:700;margin:20px 0 9px}
.coach-instruction{display:flex;gap:14px;background:#343f40;border:1px solid #8e8972;padding:17px 14px;border-radius:8px;margin:22px 0 11px;align-items:flex-start}
.coach-instruction .step-num{display:grid;place-items:center;background:#deca9d;color:#172830;width:34px;height:34px;flex:0 0 34px;border-radius:50%;font-size:.78rem;font-weight:900}
.coach-instruction strong{display:block;font-size:.97rem;color:#fff4da}
.coach-instruction p{margin:7px 0 0;font-size:.82rem;color:#e0e6de;line-height:1.7}
.tool-feedback{border-left:2px solid #d1b788;padding:8px 12px;min-height:36px;line-height:1.6;font-size:.81rem;color:#eddcbf}
.challenge-rules{font-size:.76rem;color:#c0cfca;line-height:1.6;margin:20px 0;border-top:1px solid #455961;padding-top:16px}
.challenge-rules strong{color:#f3e6cf}
.challenge-rules p{color:#c0cbc6;margin:6px 0}
.coach-bottom{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}
.coach-bottom button{font-size:.75rem;padding:9px 12px}
.coach-footnote{font-size:.74rem!important;color:#b4c3be!important}
.coach-quiz{display:grid;gap:10px}
.coach-quiz[hidden]{display:none}
.coach-quiz strong{font-size:.93rem;line-height:1.5}
.coach-quiz button{min-height:50px;text-align:left;color:#faf3df;border:1px solid #6b7e7c;background:#2a4147;border-radius:7px;padding:12px;display:block;width:100%}
.coach-quiz button:hover{background:#47606a}
.account-gate{background:linear-gradient(140deg,#34453f,#1c3037);border:1px solid #a5a086;border-radius:11px;margin-top:20px;padding:24px;max-width:610px;margin-left:auto;margin-right:auto}
.account-gate[hidden]{display:none}
.account-gate h2{font:normal 1.85rem Georgia,serif;margin:0 0 9px}
.account-gate>p:not(.eyebrow){color:#d5dfd4;font-size:.88rem;line-height:1.7}
.auth-switch{display:flex;gap:8px;margin:13px 0}
.auth-switch button{border:1px solid #829395;background:#263c42;color:#f4e5c9;min-height:44px;padding:9px 16px}
.auth-switch button[aria-pressed="true"]{background:#cfb282;color:#192a31}
#gate-form{display:grid;gap:7px}
#gate-form label{font-size:.8rem;font-weight:700;color:#e8dbc1}
#gate-form input{width:100%;font:inherit;background:#10252b;color:#faf2e1;border:1px solid #708082;border-radius:6px;padding:11px;min-height:47px}
#gate-form .guided-step{margin:14px 0 0}
#gate-form #name-field[hidden]{display:none}
#gate-form #name-field:not([hidden]){display:grid;gap:7px}
#gate-feedback{font-size:.8rem;color:#efdbab;min-height:24px}
@media(max-width:900px){.touch-workbench{grid-template-columns:1fr}.touch-coach{padding:22px 24px}.touch-watch-side{padding:14px 14px 16px}.watch-viewport{max-width:480px}.touch-tool-dock{max-width:480px;margin:10px auto 0}.watch-photo-reference{max-width:480px;margin:16px auto 0}}
@media(max-width:650px){.intro{padding-bottom:15px}.intro h1{font-size:clamp(2rem,9vw,3rem)}.tactile-lab .touch-top{padding:17px 15px 8px}.touch-top h2{font-size:1.5rem}.touch-top p:last-child{font-size:.75rem;margin:8px 0}.touch-top .overall{display:none}.touch-levels{gap:6px;padding:7px 9px 12px}.touch-levels button{padding:7px 8px;min-height:64px}.touch-levels strong{font-size:.74rem}.touch-levels small{font-size:.62rem}.touch-levels .level-n{font-size:.55rem}.touch-watch-side{padding:10px 7px 12px}.watch-topline{padding:3px 7px 9px;font-size:.62rem}.watch-viewport{border-radius:8px;min-height:auto}.watch-viewport #watch-illustration svg{width:100%;max-height:none}.gesture-readout{padding:8px;bottom:7px;left:7px;right:7px;font-size:.69rem}.touch-tool-dock{gap:5px}.touch-tool-dock button{min-height:61px;border-radius:5px}.touch-tool-dock button strong{font-size:.69rem}.touch-tool-dock button .tool-icon{font-size:1.2rem}.watch-photo-reference{margin-top:10px;padding:10px 5px 0}.watch-photo-reference img{width:68px;height:61px;flex-basis:68px}.touch-coach{padding:20px 16px 22px}.touch-coach h3{font-size:1.47rem}.coach-step{margin:12px 0 5px}.coach-instruction{padding:13px 10px;margin:12px 0 7px}.coach-instruction strong{font-size:.86rem}.coach-instruction p{font-size:.75rem}.tool-feedback{font-size:.78rem}.account-gate{padding:20px 15px}.account-gate h2{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){#watch-illustration .touch-target .target-ring{animation:none!important}}