.mq-landing{--l-ink:#0a0e1a;--l-panel:#0e1322cc;--l-line:#f7f4ee24;--l-paper:#f7f4ee;--l-paper-2:#c9ccd6;--l-paper-3:#9aa0b2;--l-noor:#f2b84b;--l-teacher:#e6a55a;--l-academy:#8db2f2;--l-school:#a9c77e;background:var(--l-ink);color:var(--l-paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100dvh}.mq-landing ::selection{background:var(--l-noor);color:#121726}.mq-landing .stage{z-index:0;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:fixed;inset:0}.mq-landing .stage.ready{opacity:1}.mq-landing .poster{z-index:0;background:radial-gradient(60% 50% at 40% 62%,#f2b84b29,#0000 60%),radial-gradient(120% 100% at 50% 100%,#141a2e,#0a0e1a 70%);position:fixed;inset:0}.mq-landing .poster svg{inset-inline-start:22%;opacity:.85;width:min(38vw,320px);position:absolute;bottom:14%}.mq-landing .top{top:env(safe-area-inset-top,0px);z-index:20;padding-block:12px;padding-inline:max(16px, env(safe-area-inset-left,0px));background:linear-gradient(#0a0e1ae6,#0a0e1a00);flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:fixed;inset-inline:0}.mq-landing .chip{border:1px solid var(--l-line);color:var(--l-paper);background:#0e132299;border-radius:999px;align-items:center;min-height:40px;padding:7px 14px;font-size:13px;display:inline-flex}.mq-landing .chip[aria-pressed=true]{border-color:var(--l-noor);color:var(--l-noor)}.mq-landing .btn{background:var(--l-noor);color:#121726;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-weight:600;display:inline-flex}.mq-landing .btn.ghost{color:var(--l-paper);border:1px solid var(--l-line);background:0 0}.mq-landing .btn.t{background:var(--l-teacher)}.mq-landing .btn.a{background:var(--l-academy)}.mq-landing .btn.s{background:var(--l-school)}.mq-landing :focus-visible{outline:2px solid var(--l-noor);outline-offset:2px}.mq-landing main{z-index:5;pointer-events:none;position:relative}.mq-landing .panel{pointer-events:auto;top:calc(96px + env(safe-area-inset-top,0px));background:var(--l-panel);border:1px solid var(--l-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;gap:12px;max-width:440px;margin-inline:max(16px,4vw) 16px;padding:22px;transition:opacity .35s;display:flex;position:sticky}.mq-landing .panel.bare{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;max-width:560px;padding:8px 0}.mq-landing section.off .panel{opacity:0;visibility:hidden}.mq-landing .eyebrow{letter-spacing:.12em;color:var(--l-noor);font-size:12px}.mq-landing h1,.mq-landing h2{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:1.35}.mq-landing h1{font-size:clamp(30px,4.4vw,54px);font-weight:800}.mq-landing h2{font-size:clamp(22px,2.6vw,30px);font-weight:700}.mq-landing p{color:var(--l-paper-2);max-width:60ch;margin:0;line-height:1.75}.mq-landing .small{color:var(--l-paper-3);font-size:13px}.mq-landing .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mq-landing .card3{text-align:start;border:1px solid var(--l-line);background:#0e1322d9;border-radius:16px;flex-direction:column;gap:4px;min-height:44px;padding:14px;transition:transform .25s,border-color .25s;display:flex}.mq-landing .card3:hover,.mq-landing .card3.on,.mq-landing .card3:focus-visible{border-color:var(--c);transform:translateY(-4px)}.mq-landing .card3 b{font-family:var(--font-display);color:var(--c)}.mq-landing .card3 small{color:var(--l-paper-3)}.mq-landing .drag{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border:1px dashed var(--l-teacher);color:var(--l-teacher);background:#3a2810;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-weight:600;display:inline-flex}.mq-landing .ghosting{z-index:60;pointer-events:none;position:fixed;box-shadow:0 10px 30px #00000080}.mq-landing .meter{font-family:var(--font-display);color:var(--l-teacher);font-variant-numeric:tabular-nums;font-size:28px}.mq-landing .mod{align-items:center;gap:10px;font-size:14px;display:flex}.mq-landing .mod input{width:20px;height:20px;accent-color:var(--l-noor)}.mq-landing .field{flex-direction:column;gap:4px;font-size:13px;display:flex}.mq-landing .field input,.mq-landing .field select{color:var(--l-paper);border:1px solid var(--l-line);background:#0d1222;border-radius:10px;min-height:44px;padding:10px 12px}.mq-landing .toast{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;border:1px solid var(--l-school);color:var(--l-paper);background:#1d2a16;border-radius:14px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;left:50%;transform:translate(-50%)}.mq-landing .dots{inset-inline-end:max(14px, env(safe-area-inset-right,0px));z-index:15;flex-direction:column;gap:4px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.mq-landing .dot{color:var(--l-paper-3);flex-direction:row-reverse;align-items:center;gap:8px;min-height:32px;padding:4px;font-size:12px;display:flex}.mq-landing .dot i{border:1.5px solid;border-radius:50%;flex:none;width:10px;height:10px}.mq-landing .dot.on{color:var(--l-noor)}.mq-landing .dot.on i{background:var(--l-noor)}.mq-landing .dot span{opacity:0;transition:opacity .2s}.mq-landing .dots:hover .dot span,.mq-landing .dot.on span,.mq-landing .dot:focus-visible span{opacity:1}.mq-landing .stats{inset-inline-start:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:15;border:1px solid var(--l-line);color:var(--l-paper-2);direction:ltr;background:#0a0e1acc;border-radius:10px;padding:8px 10px;font:12px/1.5 ui-monospace,Menlo,monospace;position:fixed}.mq-landing footer{z-index:5;border-top:1px solid var(--l-line);background:var(--l-ink);color:var(--l-paper-3);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:28px max(16px,4vw);font-size:13px;display:flex;position:relative}@media (max-width:760px){.mq-landing .panel{max-width:none;top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));margin-inline:16px}.mq-landing .cards{grid-template-columns:minmax(0,1fr)}.mq-landing .dots,.mq-landing .top .opt{display:none}.mq-landing .panel.bare{top:calc(84px + env(safe-area-inset-top,0px));bottom:auto}}@media (prefers-reduced-motion:reduce){.mq-landing .stage,.mq-landing .card3,.mq-landing .panel{transition:none}}