.su-app{color:#f3f0e8;max-width:1120px;margin:auto;padding:40px 24px 80px}.su-heading,.su-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.su-heading h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(30px,4vw,48px);line-height:1.08}.su-kicker{text-transform:uppercase;letter-spacing:.1em;color:#9bcca9;font-size:12px;font-weight:800}.su-badge{white-space:nowrap;border:1px solid #617469;border-radius:30px;padding:8px 12px;font-size:12px}.su-demo-note{color:#b3c1b8;font-size:14px;line-height:1.5}.su-app a{color:#9ee3b1}.su-nav{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.su-app button,.su-app select,.su-app textarea{font:inherit;font-size:16px}.su-app button{color:#f3f0e8;cursor:pointer;background:#172b20;border:1px solid #51655a;border-radius:8px;min-height:46px;padding:10px 16px;line-height:1.35}.su-app button[aria-pressed=true]{background:#4b2b20;border-color:#ff8f68}.su-app button:disabled{cursor:default;opacity:.7}.su-panel{background:#10241a;border:1px solid #395245;border-radius:16px;margin:20px 0;padding:28px}.su-panel h2{letter-spacing:-.03em;margin:8px 0 16px;font-size:28px;line-height:1.2}.su-panel p,.su-review p{font-size:16px;line-height:1.6}.su-setup{grid-template-columns:1fr 1fr;gap:32px;display:grid}.su-controls{gap:16px;display:grid}.su-controls label,.su-note{color:#c8d8ce;gap:8px;font-size:14px;display:grid}.su-controls select,.su-note textarea{color:#10241a;background:#f3f0e8;border:1px solid #64766b;border-radius:8px;width:100%;min-width:0;min-height:48px;padding:10px}.su-app .su-primary{color:#13231a;background:#ff754f;border-color:#ff754f;min-height:48px;font-weight:800}.su-field{aspect-ratio:1;border:1px solid #668471;border-radius:10px;width:100%;max-width:640px;max-height:none;margin:18px auto;display:block}.su-field--draw{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.su-study{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.su-options{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.su-options button{text-align:left;min-height:72px}.su-actions{justify-content:space-between;gap:12px;margin:20px 0;display:flex}.su-feedback{background:#1a3425;border:1px solid #9bcca9;border-radius:12px;margin-top:24px;padding:20px}.su-feedback h3{margin-top:0;font-size:24px}.su-feedback>.su-primary{width:100%;margin-top:20px}.su-app progress{accent-color:#ff754f;width:100%;height:8px;margin:20px 0}.su-app summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700}.su-review-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.su-review{background:#10241a;border:1px solid #536c5c;border-radius:12px;padding:20px}.su-review h3{font-size:20px}.su-review .su-field{max-width:480px}.su-app .su-legend{color:#b2cbbd;font-size:13px}.su-app .su-missed{color:#ffac92;font-weight:700}.su-note{margin-top:12px}.su-note textarea{resize:vertical;min-height:90px}.su-coach-note{border-left:3px solid #ff754f;padding-left:12px}.su-downloads{overflow-wrap:anywhere;gap:14px;display:grid}.su-app small{color:#b8cbbf;font-size:13px;line-height:1.5}@media (width<=760px){.su-app{padding:24px 16px 60px}.su-heading{flex-direction:column;align-items:flex-start;gap:4px}.su-badge{display:none}.su-panel{padding:20px 16px}.su-setup,.su-study,.su-review-grid,.su-options{grid-template-columns:1fr}.su-panel h2{font-size:25px}.su-nav{grid-template-columns:1fr 1fr;gap:8px;display:grid}.su-nav button{padding:10px;font-size:14px}.su-field{margin:16px 0}.su-review{padding:16px}.su-row h3{overflow-wrap:anywhere;min-width:0}.su-actions button{flex:1}.su-demo-note{font-size:13px}.site:has(.su-app) .app-header nav a:not(:first-child){display:none}.site:has(.su-app) .app-header{flex-wrap:nowrap}.su-setup>div:first-child>p:not(.su-kicker){font-size:14px;line-height:1.4}.su-setup,.su-controls{gap:12px}}.su-controls input[type=search]{color:#10241a;width:100%;min-width:0;min-height:48px;font:inherit;background:#f3f0e8;border:1px solid #64766b;border-radius:8px;padding:10px;font-size:16px}.su-test-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.su-test-card{flex-direction:column;gap:12px;margin:0;padding:24px;display:flex}.su-test-card h2,.su-test-card p{margin:0}.su-test-card>p:not(.su-kicker){flex:1}.su-test-card small{display:block}.su-test-card button{width:100%;margin-top:8px}.su-settings-grid,.su-library-controls{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.su-check{flex-direction:row;align-items:center;line-height:1.5;display:flex!important}.su-check input{accent-color:#ff754f;flex-shrink:0;width:22px;height:22px}.su-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.su-play-card{background:#10241a;border:1px solid #395245;border-radius:14px;min-width:0;padding:24px;scroll-margin-top:24px}.su-play-card h2{min-height:2.5em;margin:8px 0;font-size:23px;line-height:1.25}.su-play-card p{line-height:1.5}.su-assignments{margin:0}.su-assignments>div{border-bottom:1px solid #395245;grid-template-columns:65px 1fr;gap:12px;padding:10px 0;font-size:14px;line-height:1.4;display:grid}.su-assignments dt{font-weight:800}.su-assignments dt small{font-size:11px;display:block}.su-assignments dd{margin:0}.su-position-X{color:#ffb15c}.su-position-Z{color:#73c9ff}.su-position-H{color:#e4a2ff}.su-position-Y{color:#a2e892}.su-position-T{color:#ffe68a}.su-field--interactive{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.su-field g[role=button]:focus{filter:drop-shadow(0 0 1px #fff);outline:none}.su-field g[role=button]:focus circle{stroke:#fff;stroke-width:1px}.su-test-panel{max-width:760px;margin:20px auto}.su-test-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.su-timer{font-variant-numeric:tabular-nums;background:#20382a;border-radius:8px;padding:8px 12px;font-size:30px}.su-timer--urgent{color:#ffae91;background:#4a241d}.su-test-panel progress{margin:12px 0}.su-test-panel .su-task-copy{font-size:14px;line-height:1.5}.su-receiver-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 10px;display:grid}.su-field-status{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.su-field-status span{color:#b3cbbd}.su-snap-notice{color:#b5ffb7;background:#20382a;border-radius:8px;padding:12px}.su-app .su-test-panel .su-field{margin:12px auto}.su-app--test .su-heading h1{font-size:30px}.su-app button:focus-visible,.su-app select:focus-visible,.su-app summary:focus-visible{outline-offset:3px;outline:3px solid #ffb15c}.su-app button:disabled{opacity:.45}.su-settings summary{padding:0}.su-app--test .su-heading{max-width:760px;margin:auto}@media (width<=900px){.su-test-cards{grid-template-columns:1fr}.su-test-card{padding:20px}.su-test-card>p:not(.su-kicker){font-size:14px}.su-test-card small{font-size:12px}.su-test-card h2{font-size:24px}.su-test-card .su-kicker{font-size:11px}}@media (width<=760px){.su-library-grid,.su-settings-grid,.su-library-controls{grid-template-columns:1fr}.su-play-card{padding:16px}.su-play-card h2{min-height:0}.su-test-panel{padding:16px 12px}.su-app--test{padding:20px 12px 40px}.su-app--test .su-heading h1{font-size:26px}.su-test-panel h2{font-size:23px}.su-test-bar{font-size:13px}.su-timer{font-size:25px}.su-test-panel .su-field{width:100%}.su-test-panel .su-receiver-tabs button{min-height:44px;padding:8px}.su-field-status{font-size:13px}.su-test-cards{gap:12px}.su-actions button{padding:10px 8px}.su-feedback{padding:16px}.su-feedback h3{font-size:22px}}@media print{.su-nav,.su-heading,.su-demo-note,.su-library-controls,.app-header,.site-footer,.su-play-card details{display:none!important}.su-library-grid{display:block}.su-play-card{break-inside:avoid;page-break-after:always}.su-field{-webkit-print-color-adjust:exact;print-color-adjust:exact}.su-play-card{color:#000;background:#fff}.su-play-card h2{min-height:0}}.su-test-bar{z-index:5;background:#10241a;padding:8px 0;position:sticky;top:0;box-shadow:0 8px 12px -8px #06120b}.site:has(.su-app){overflow:clip}.su-route-assist{cursor:pointer;border:1px solid #51655a;border-radius:10px;align-items:center;gap:12px;min-height:60px;margin:16px 0;padding:12px 14px;display:flex}.su-route-assist input{accent-color:#ff754f;flex-shrink:0;width:24px;height:24px}.su-route-assist span{gap:4px;display:grid}.su-route-assist b{font-size:15px}.su-route-assist:has(input:checked){background:#33291f;border-color:#ff8f68}