:root{color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#070914;--surface:#0e1223db;--surface-strong:#15192ef5;--line:#7be4ff38;--line-strong:#ffd3716b;--text:#f7fbff;--muted:#b8c4dc;--cyan:#7be4ff;--gold:#ffd371;--violet:#b994ff;--green:#41d184;--danger:#ff7d9f;--shadow:0 24px 80px #00000057;background:#070914;font-family:Inter,Segoe UI,Tahoma,Arial,Noto Sans Arabic,sans-serif}*{box-sizing:border-box}html{background:linear-gradient(#7be4ff0d 1px, transparent 1px), linear-gradient(90deg, #7be4ff0d 1px, transparent 1px), radial-gradient(circle at 12% 0%, #b994ff38, transparent 34%), radial-gradient(circle at 88% 8%, #ffd37129, transparent 30%), var(--bg);background-size:38px 38px,38px 38px,auto,auto,auto;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select,textarea{outline-color:var(--gold);outline-offset:3px}img{max-width:100%;display:block}.app-shell{width:min(1180px,100% - 28px);margin:0 auto;padding:18px 0 56px}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:16px;padding:10px 0 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--gold);background:linear-gradient(145deg,#ffd37124,#7be4ff14);border-radius:8px;place-items:center;font-size:.78rem;font-weight:800;display:grid;box-shadow:0 0 26px #ffd37129}.brand strong,.brand small{display:block}.brand strong{font-size:.95rem}.brand small,.session-line,.english-support,.activity-card small,.saved-list small{color:var(--muted)}.topbar nav{white-space:nowrap;gap:8px;display:flex;overflow-x:auto}.topbar nav a,.button{border:1px solid var(--line);min-height:42px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;text-decoration:none;display:inline-flex}.topbar nav a:hover,.button.secondary:hover{border-color:var(--cyan)}.button.primary{color:#061018;background:linear-gradient(135deg, var(--cyan), var(--gold));border-color:#7be4ff7a;font-weight:800}.button.secondary{background:#b994ff1a}.button.full{width:100%}.hero-grid,.challenge-layout,.fingerprint-grid,.rubric-layout,.qr-grid,.activity-grid{gap:18px;display:grid}.hero-grid{grid-template-columns:1fr;align-items:center;min-height:calc(100svh - 94px);padding:42px 0 24px}.hero-copy h1,.page-heading h1{margin:0;font-size:clamp(2.45rem,12vw,6rem);line-height:.95}.subtitle{color:var(--cyan);margin:14px 0 0;font-size:clamp(1rem,4vw,1.35rem);font-weight:700}.arabic-lead,.page-heading p,.instruction-panel p,.quiet-section p,.form-section p{color:var(--muted);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.studio-panel,.activity-card,.source-panel,.instruction-panel,.form-section,.quiet-section,.matcher,.rubric-card,.answer-key-list article,.qr-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.studio-panel{min-height:390px;padding:22px;position:relative;overflow:hidden}.studio-panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0 28%,#7be4ff29 29%,#0000 30%),linear-gradient(35deg,#0000 0 42%,#ffd37124 43%,#0000 44%);position:absolute;inset:0}.hologram-stack{z-index:1;gap:10px;display:grid;position:relative}.hologram-stack span{color:var(--cyan);text-transform:uppercase;background:#05111f9e;border:1px solid #7be4ff3d;border-radius:8px;padding:12px;font-weight:800}.paper-stage{perspective:720px;width:min(72%,360px);height:210px;position:absolute;bottom:62px;right:24px}.paper-stage div{height:76px;transform:rotateX(58deg) translateY(var(--lift));background:linear-gradient(135deg,#ffffff24,#7be4ff1a);border:1px solid #ffd3715c;position:absolute;inset:auto 0 0}.paper-stage div:first-child{--lift:0}.paper-stage div:nth-child(2){--lift:-58px}.paper-stage div:nth-child(3){--lift:-116px}.studio-panel>p{color:var(--muted);margin:0;position:absolute;bottom:18px;left:22px}.activity-grid{grid-template-columns:1fr;margin-top:18px}.activity-card{min-height:240px;padding:22px;text-decoration:none;transition:transform .18s,border-color .18s}.activity-card:hover{border-color:var(--gold);transform:translateY(-3px)}.card-number{color:var(--gold);font-weight:900}.activity-card h2,.page-heading h1,.instruction-panel h2,.form-section h2{color:var(--text)}.activity-card h2{margin:20px 0 8px;font-size:2rem}.activity-card strong{color:var(--cyan);display:block}.quiet-section{margin-top:20px;padding:18px}.quiet-section summary{cursor:pointer;color:var(--gold);font-weight:800}.page-heading{padding:34px 0 18px}.page-heading h1{font-size:clamp(2.35rem,10vw,5rem)}.challenge-layout{grid-template-columns:1fr}.source-panel,.instruction-panel,.form-section,.matcher{padding:16px}.image-frame{background:#040a16b3;border:1px dashed #7be4ff57;border-radius:8px;place-items:center;min-height:260px;margin-bottom:14px;display:grid;overflow:hidden}.image-frame img{width:100%;height:auto}.hint-grid{flex-wrap:wrap;gap:8px;display:flex}.hint-grid span{color:var(--violet);background:#b994ff14;border:1px solid #b994ff52;border-radius:8px;padding:8px 10px}.guardrail{border-right:3px solid var(--gold);padding-right:12px}.form-section{margin-top:18px}.submission-form{grid-template-columns:1fr;gap:12px;margin-top:18px;display:grid}.submission-form label,.evidence-field{color:var(--text);gap:8px;font-weight:700;display:grid}.submission-form input,.submission-form textarea,.evidence-field textarea,.match-controls select{width:100%;color:var(--text);background:#040a16c7;border:1px solid #7be4ff38;border-radius:8px;padding:12px}.saved-list{gap:10px;margin-top:18px;display:grid}.saved-list article{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;gap:4px;padding:12px;display:grid}.round-progress{gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.round-progress button{border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:8px}.round-progress button.active{border-color:var(--gold);color:#08111a;background:var(--gold);font-weight:900}.round-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.round-heading h2{margin:0;font-size:clamp(1.8rem,6vw,3rem)}.round-heading p{color:var(--cyan);margin:4px 0 0}.round-heading>span{color:var(--gold);background:#ffd37114;border:1px solid #ffd37159;border-radius:8px;padding:8px 10px}.fingerprint-grid{grid-template-columns:1fr}.image-column,.prompt-column{gap:12px;display:grid}.prompt-image-card,.prompt-card{background:#ffffff0a;border:1px solid #ffffff17;border-radius:8px;padding:12px}.image-asset-frame{aspect-ratio:16/9;background:#040a16b3;border:1px solid #7be4ff59;border-radius:8px;width:100%;overflow:hidden}.image-asset-frame img{object-fit:cover;width:100%;height:100%}.image-label{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.image-label strong{width:38px;height:38px;color:var(--gold);background:#ffd37114;border:1px solid #ffd3716b;border-radius:8px;place-items:center;font-size:1.25rem;display:grid}.image-label span{color:var(--cyan);font-weight:800}.placeholder-art{min-height:180px;color:var(--cyan);background:linear-gradient(135deg,#7be4ff14,#0000),linear-gradient(45deg,#0000 0 46%,#ffd3711f 46% 54%,#0000 54%);border:1px dashed #7be4ff59;border-radius:8px;align-content:center;gap:8px;padding:14px;display:grid}.placeholder-art strong{font-size:3rem}.placeholder-art span{overflow-wrap:anywhere;color:var(--muted);font-size:.82rem}.prompt-image-card p,.prompt-card p,.answer-key-list p,.rubric-row small,.qr-card p{color:var(--muted);line-height:1.65}.prompt-card span{color:var(--gold);font-weight:900}.prompt-card h3{margin:8px 0}.match-controls{grid-template-columns:1fr;gap:10px;margin:18px 0;display:grid}.match-controls label{align-items:center;gap:8px;font-weight:900;display:flex}.reveal-panel{background:#41d18414;border:1px solid #41d18459;border-radius:8px;margin-top:14px;padding:14px}.reveal-panel li{color:var(--muted);margin:6px 0;line-height:1.5}.rubric-layout{grid-template-columns:1fr}.rubric-card,.answer-key-list article,.qr-card{padding:16px}.rubric-row{border-top:1px solid #ffffff14;grid-template-columns:52px 1fr;gap:12px;padding:12px 0;display:grid}.rubric-row strong{color:var(--gold)}.rubric-row small{margin-top:4px;display:block}.answer-key-list{gap:14px;margin-top:18px;display:grid}.qr-grid{grid-template-columns:1fr}.fake-qr{aspect-ratio:1;background:#f7fbff;border:1px solid #7be4ff38;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:12px;width:min(100%,240px);margin-bottom:16px;padding:18px;display:grid}.fake-qr span{background:linear-gradient(90deg,#07101a 30%,#0000 30% 40%,#07101a 40% 70%,#0000 70%),linear-gradient(#07101a 30%,#0000 30% 40%,#07101a 40% 70%,#0000 70%);border-radius:4px}@media (width>=760px){.app-shell{width:min(1180px,100% - 48px)}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)}.activity-grid,.challenge-layout,.rubric-layout,.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fingerprint-grid{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}.submission-form,.match-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.submission-form label:nth-last-of-type(-n+3),.submission-form button,.evidence-field{grid-column:1/-1}}@media (width<=560px){.topbar{flex-direction:column;align-items:flex-start}.topbar nav{width:100%}.topbar nav a{flex:1;padding:9px 10px;font-size:.9rem}.round-heading{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}