@font-face{font-family:Cairo;src:url(/assets/Cairo-Variable-gF84A2Tc.ttf)format("truetype-variations");font-style:normal;font-weight:800 900;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-SemiBold-D5CWU9e5.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Bold-CwgEYAmj.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--warm-ink);background:var(--warm-page-sand);font-synthesis:none;text-rendering:optimizelegibility;--warm-terracotta:#a6432c;--warm-terracotta-deep:#7a2b18;--warm-terracotta-soft:#f7e7df;--warm-ink:#3a241c;--warm-ink-soft:#332622;--warm-taupe:#6b5f59;--warm-taupe-light:#8f847d;--warm-sand-muted:#a99e92;--warm-page-sand:#f2ede0;--warm-page-warm:#f7f3e9;--warm-card:#fff;--warm-card-cream:#fcf1dc;--warm-cream-alt:#ece5d4;--warm-sunken-sand:#e0d6c1;--warm-green:#2fa36b;--warm-green-deep-text:#155e3c;--warm-green-wash:#e4f3ea;--warm-red:#d64545;--warm-red-wash:#fbe9e9;--warm-blue:#3e6e9c;--warm-blue-wash:#eaf0f8;--warm-border-hairline:#33262212;--warm-shadow-soft-color:#3326220f;--warm-on-dark-faint:#ffffff8c;--warm-on-dark-strong:#ffffffeb;--warm-radius-pill:999px;--warm-radius-md:12px;--warm-radius-lg:16px;--warm-radius-xl:18px;--warm-control-minimum:48px;--warm-board-body-minimum:26px;--warm-board-heading-minimum:56px;--warm-shadow-soft:0 2px 10px var(--warm-shadow-soft-color);--warm-space-xs:.25rem;--warm-text-s12:.75rem;--warm-text-s13:.8125rem;--pairing-qr-size:280px;--pairing-qr-margin:2;font-family:IBM Plex Sans Arabic,Tahoma,Arial,sans-serif;font-weight:600}*{box-sizing:border-box}@counter-style warm-arabic-indic{system:numeric;symbols:"٠" "١" "٢" "٣" "٤" "٥" "٦" "٧" "٨" "٩";suffix:""}html{background:var(--warm-page-sand);min-block-size:100%}body{min-block-size:100dvh;color:var(--warm-ink);background:radial-gradient(circle at 12% 8%, var(--warm-terracotta-soft), transparent 28rem), var(--warm-page-sand);margin:0}button,input{font:inherit}button{border-radius:var(--warm-radius-pill);min-block-size:52px;color:var(--warm-on-dark-strong);background:var(--warm-terracotta);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:700;line-height:1.35;transition:background-color .12s,border-color .12s,transform .12s;display:inline-flex}button:not(:disabled):active{transform:translateY(1px)}button:disabled{cursor:not-allowed}button:disabled:not(.action-pending){border-color:var(--warm-sand-muted);filter:saturate(.35);opacity:.58;border-style:dashed}button.secondary{color:var(--warm-terracotta-deep);border-color:var(--warm-terracotta);background:var(--warm-card)}button.action-pending{opacity:1;gap:.75rem}.action-label{min-inline-size:0}.action-pending-copy{font-weight:700}button:focus-visible,a:focus-visible{outline:4px solid var(--warm-blue);outline-offset:4px}@media (hover:hover){button:not(:disabled):hover{background:var(--warm-terracotta-deep)}button.secondary:not(:disabled):hover{background:var(--warm-terracotta-soft)}}.skip-link{z-index:10;min-block-size:var(--warm-control-minimum);border-radius:var(--warm-radius-pill);color:var(--warm-on-dark-strong);background:var(--warm-terracotta-deep);align-items:center;padding:.75rem 1rem;display:inline-flex;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}#pairing-main{place-items:center;min-block-size:100dvh;padding:clamp(1rem,4vw,3rem);display:grid}.pairing-shell{gap:1.5rem;inline-size:min(100%,64rem);display:grid}.brand{min-inline-size:0;color:var(--warm-taupe);justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(1rem,1.5vw,1.35rem);display:flex}.brand-mark{border-radius:var(--warm-radius-pill);block-size:3rem;inline-size:3rem;color:var(--warm-on-dark-strong);background:var(--warm-terracotta);flex:none;place-items:center;font-family:Cairo,Tahoma,sans-serif;font-weight:900;display:inline-grid}.board-identity{gap:var(--warm-space-xs);text-align:start;min-inline-size:0;display:grid}.board-display-name,.board-class-name{overflow-wrap:anywhere;max-inline-size:100%}.board-class-name{font-size:var(--warm-text-s12);opacity:.9}.pairing-card{border:1px solid var(--warm-border-hairline);border-radius:var(--warm-radius-xl);background:var(--warm-card);min-inline-size:0;box-shadow:var(--warm-shadow-soft);text-align:center;justify-items:center;gap:1.5rem;padding:clamp(1.5rem,4vw,3.5rem);display:grid}h1,h2{color:var(--warm-ink);margin:0;font-family:Cairo,Tahoma,sans-serif;font-weight:800;line-height:1.25}h1{font-size:clamp(2rem,4vw,4rem)}h2{font-size:clamp(1.5rem,2.5vw,2.25rem)}p{max-inline-size:42rem;color:var(--warm-taupe);margin:0;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.7}.status{min-block-size:var(--warm-control-minimum);border-radius:var(--warm-radius-pill);color:var(--warm-terracotta-deep);background:var(--warm-terracotta-soft);border:2px solid #0000;align-items:center;gap:.75rem;padding:.65rem 1rem;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:700;display:inline-flex}.status.connected{color:var(--warm-green-deep-text);border-color:var(--warm-green);background:var(--warm-green-wash)}.status.error{color:var(--warm-ink);border-color:var(--warm-red);background:var(--warm-red-wash)}.status.info{color:var(--warm-blue);border-color:var(--warm-blue);background:var(--warm-blue-wash)}.spinner{border:3px solid var(--warm-sunken-sand);border-inline-start-color:var(--warm-terracotta);border-radius:var(--warm-radius-pill);flex:none;block-size:1.35rem;inline-size:1.35rem;animation:.9s linear infinite spin}button .action-spinner{border-color:var(--warm-on-dark-faint);border-inline-start-color:currentColor}button.secondary .action-spinner{border-color:var(--warm-sunken-sand);border-inline-start-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.pairing-grid{grid-template-columns:minmax(240px,320px) minmax(260px,1fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);inline-size:100%;min-inline-size:0;display:grid}.qr-frame{inline-size:min(100%, var(--pairing-qr-size));aspect-ratio:1;border:1px solid var(--warm-border-hairline);border-radius:var(--warm-radius-lg);background:var(--warm-card);place-items:center;min-inline-size:0;padding:.75rem;display:grid}.qr-canvas{max-inline-size:var(--pairing-qr-size);aspect-ratio:1;color:var(--warm-ink);background-color:var(--warm-card);display:block;inline-size:min(100%, var(--pairing-qr-size))!important;block-size:auto!important}.code-panel{border-radius:var(--warm-radius-lg);background:var(--warm-card-cream);justify-items:center;gap:.75rem;inline-size:100%;min-inline-size:0;padding:1.25rem;display:grid;overflow:hidden}.fallback-code{inline-size:100%;min-inline-size:0;color:var(--warm-ink);font-variant-numeric:tabular-nums;letter-spacing:.12em;overflow-wrap:normal;white-space:nowrap;direction:ltr;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(2rem,5vw,4.25rem);font-weight:800}.teacher-list{gap:.75rem;inline-size:min(100%,38rem);display:grid}.code-path{justify-items:center;gap:.75rem;inline-size:min(100%,38rem);display:grid}.code-path-intro{color:var(--warm-taupe);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700}.code-path-action{inline-size:100%}.teacher-choice{border-radius:var(--warm-radius-lg);text-align:start;grid-template-columns:1fr;justify-items:start;min-block-size:76px;padding:1rem 1.5rem;display:grid}.teacher-choice .action-label{justify-items:start;gap:.25rem;min-inline-size:0;display:grid}.teacher-choice.action-pending{text-align:start;grid-template-columns:auto minmax(0,1fr);justify-content:start}.teacher-name,.teacher-class,.teacher-connect-copy{overflow-wrap:anywhere;max-inline-size:100%}.teacher-class{opacity:.9;font-size:.85em}.teacher-connect-copy{font-size:var(--warm-text-s13);opacity:.9;font-weight:700}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.guidance{border-radius:var(--warm-radius-lg);background:var(--warm-page-warm);text-align:start;gap:1rem;inline-size:min(100%,48rem);padding:1.25rem;display:grid}.guidance ol{color:var(--warm-taupe);counter-reset:guidance-step;margin:0;padding:0;font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.9;list-style:none}.guidance li{counter-increment:guidance-step;overflow-wrap:anywhere;grid-template-columns:2.25em minmax(0,1fr);align-items:start;column-gap:.5em;min-inline-size:0;display:grid}.guidance li:before{content:counter(guidance-step, warm-arabic-indic);border:1px solid var(--warm-sunken-sand);border-radius:var(--warm-radius-pill);min-block-size:1.75em;color:var(--warm-terracotta-deep);background:var(--warm-card);font-variant-numeric:tabular-nums;place-items:center;font-weight:700;line-height:1;display:inline-grid}.fine-print{color:var(--warm-taupe);font-size:clamp(.9rem,1.2vw,1.05rem)}@media (width<=900px){.pairing-grid{grid-template-columns:1fr}.qr-frame{justify-self:center}}@media (width<=720px){.brand{flex-direction:column;align-items:flex-start}}@media (width<=420px){#pairing-main{padding:.75rem}.pairing-card{gap:1.25rem;padding:1rem}h1{font-size:clamp(1.75rem,10vw,2.25rem)}.qr-frame{padding:.5rem}.code-panel,.guidance{padding:1rem}.fallback-code{letter-spacing:.08em;font-size:clamp(1.75rem,10vw,2.25rem)}button{inline-size:100%}}@media (width>=1600px){.pairing-shell{inline-size:min(100%,80rem)}.brand,button,p,.status,.guidance ol,.fine-print,.teacher-class,.teacher-connect-copy,.board-class-name{font-size:var(--warm-board-body-minimum)}h2{font-size:var(--warm-board-heading-minimum)}.brand-mark{block-size:4rem;inline-size:4rem}}@media (prefers-reduced-motion:reduce){button,.skip-link{transition:none}button:not(:disabled):active{transform:none}.spinner{border-color:currentColor;animation:none}}