:root{--pink:#ff7b9c;--pink-soft:#ff7b9c29;--aqua:#3fb950;--aqua-soft:#3fb95029;--lilac:#21162e;--purple:#d2a8ff;--ink:#e6edf3;--muted:#8b949e;--line:#30363d;--card:#161b22f0;--panel:#0d1117;--shadow:0 24px 60px #0104098c;--radius:20px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100dvh}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:#0d1117;font-family:IBM Plex Sans,sans-serif;overflow-x:clip}button,.btn,.check,.chip,.code-lit,.code-bool{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#3fb9500d 1px,#0000 1px),linear-gradient(90deg,#3fb9500d 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 20%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 20%,#000 20%,#0000 75%)}.app-shell{z-index:1;width:min(880px,100% - 24px);padding:28px 0 96px;padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right));margin:0 auto;position:relative}.sheet{background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 24px 48px;position:relative}.ide-window{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;max-width:520px;margin:4px auto 22px;overflow:hidden;box-shadow:0 16px 40px #01040966}.ide-bar{border-bottom:1px solid var(--line);background:#161b22;align-items:center;gap:8px;min-width:0;padding:10px 14px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.ide-file{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:8px;font-family:JetBrains Mono,monospace;font-size:.78rem;overflow:hidden}.ide-code{color:var(--ink);-webkit-overflow-scrolling:touch;padding:16px 14px 18px;font-family:JetBrains Mono,monospace;font-size:.84rem;line-height:1.7;overflow-x:auto}.ide-line{gap:14px;min-width:0;display:flex}.ide-line.cmt{color:#6e7681}.ide-line.code{color:#c9d1d9}.gutter{color:#484f58;text-align:right;-webkit-user-select:none;user-select:none;width:1.2em}.form-ide{max-width:none;margin:0 0 18px}.ide-status{color:var(--aqua);flex-shrink:0;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.72rem}.editor-tabs{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.step-meter{color:var(--aqua);letter-spacing:.02em;margin:0 0 10px;font-family:JetBrains Mono,monospace;font-size:.78rem;display:none}.editor-tab{appearance:none;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#0d1117;border-bottom:0;border-radius:8px 8px 0 0;padding:8px 10px 7px;font-family:JetBrains Mono,monospace;font-size:.72rem}.editor-tab.done{color:var(--aqua)}.editor-tab.on{color:var(--ink);background:var(--panel);border-color:var(--line);box-shadow:inset 0 2px 0 var(--aqua)}.editor-tab.locked{opacity:.4;cursor:not-allowed}@media (hover:hover){.editor-tab:not(.locked):hover{color:var(--ink);background:#161b22}}.code-form{padding:10px 8px 18px 0;font-family:JetBrains Mono,monospace;font-size:.86rem;line-height:1.65}.bonus-form{padding:16px 16px 20px}.code-row{grid-template-columns:40px 1fr;align-items:flex-start;gap:10px;padding:2px 12px 2px 0;display:grid}.code-row:hover{background:#ffffff05}.code-body{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.code-body .cmt{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;width:100%}.assign{flex-wrap:wrap;align-items:center;gap:4px 6px;width:100%;min-width:0;display:flex}.bool-row,.xor-row{flex-wrap:wrap;align-items:stretch;gap:8px;width:100%;display:flex}.xor-row .tot-lit{white-space:normal;text-align:center;flex:1;min-width:0;line-height:1.3}.xor-bar{align-self:center}.code-q{border-top:1px solid #30363db3;padding:8px 0 4px}.code-q-lg{padding:12px 0 8px}.kw{color:#ff7b9c}.id{color:#79c0ff}.fn{color:#d2a8ff}.op{color:#8b949e}.str,.cmt{color:inherit}.cmt{color:#6e7681}.str{color:#a5d6ff}.code-input{color:#a5d6ff;background:0 0;border:0;border-bottom:1px dashed #30363d;border-radius:0;flex:1;min-width:140px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.86rem}.code-input.code-area{resize:vertical;border:1px dashed #30363d;border-radius:8px;width:100%;min-height:72px;padding:8px}.code-input:focus{border-color:var(--aqua);box-shadow:none;outline:none}.union{flex-wrap:wrap;align-items:center;gap:4px;width:100%;margin-top:4px;display:flex}.union-item{align-items:center;gap:4px;display:inline-flex}.union-bar{margin:0 2px}.code-lit,.code-bool{appearance:none;cursor:pointer;color:#a5d6ff;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600}.code-bool{color:#ff7b9c}.code-lit:hover,.code-bool:hover{border-color:var(--line);background:#ffffff0a}.code-lit.on{color:#a5d6ff;background:#a5d6ff1f;border-color:#58a6ff}.code-bool.yes.on{background:var(--aqua-soft);border-color:var(--aqua);color:var(--aqua)}.code-bool.no.on{background:var(--pink-soft);border-color:var(--pink);color:var(--pink)}.form-ide-lg .code-bool,.form-ide-lg .tot-lit{min-height:48px;padding:12px 16px;font-size:1rem}.form-ide-lg .tot-lit{text-align:center;flex:1;min-width:120px}.form-ide-lg .code-q-lg .code-body{gap:10px}h1,h2,.brand,.subtitle,.section-title{letter-spacing:-.03em;font-family:IBM Plex Sans,sans-serif}.center{text-align:center}.brand{color:var(--ink);font-size:clamp(2.4rem,7vw,3.6rem);line-height:.95}.brand span{background:linear-gradient(90deg, var(--pink), var(--aqua));color:#0000;-webkit-background-clip:text;background-clip:text}.subtitle{margin:12px 0 8px;font-size:clamp(1.2rem,3.4vw,1.7rem);font-weight:600}.tagline{color:var(--muted);margin-bottom:22px;font-weight:500;line-height:1.45}.pill{background:var(--panel);color:var(--aqua);border:1px solid var(--line);letter-spacing:.02em;text-transform:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:7px 12px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600;display:inline-flex}.field{text-align:left;max-width:420px;margin:0 auto 18px}.field label,.q-stack label,.q-field label{margin-bottom:8px;font-size:.92rem;font-weight:600;display:block}.field label{color:#6e7681;font-family:JetBrains Mono,monospace;font-size:.78rem}input[type=text],input[type=password],textarea{border:1px solid var(--line);background:var(--panel);width:100%;font:inherit;color:var(--ink);border-radius:12px;outline:none;padding:14px 16px;font-size:1.02rem;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:96px}input:focus,textarea:focus{border-color:var(--aqua);box-shadow:0 0 0 4px var(--aqua-soft)}input.code-input,textarea.code-input{color:#a5d6ff;width:auto;min-width:140px;max-width:360px;box-shadow:none;background:0 0;border:0;border-bottom:1px dashed #30363d;border-radius:0;flex:180px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.86rem}textarea.code-input.code-area{border:1px dashed #30363d;border-radius:8px;width:100%;min-height:72px;padding:8px}input.code-input:focus,textarea.code-input:focus{border-color:var(--aqua);box-shadow:none}.btn{appearance:none;cursor:pointer;border:0;border-radius:10px;padding:13px 22px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s}@media (hover:hover){.btn:hover{transform:translateY(-1px)}}.btn-primary{background:linear-gradient(90deg, #238636, var(--aqua));color:#0d1117;box-shadow:0 10px 24px #3fb95038}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.row-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.quiz-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.quiz-actions .btn{flex:140px;min-height:48px}.table-scroll{-webkit-overflow-scrolling:touch;margin:0 -4px;overflow-x:auto}.hello{background:linear-gradient(90deg, var(--pink-soft), var(--aqua-soft));border:1px solid var(--line);border-radius:12px;margin-bottom:18px;padding:14px 16px;font-weight:560;line-height:1.45}.progress{grid-template-columns:repeat(6,1fr);gap:8px;margin:6px 0 20px;display:grid}.progress button{appearance:none;text-align:left;cursor:default;background:0 0;border:0;padding:0}.progress span{background:#21262d;border-radius:99px;height:6px;margin-bottom:6px;display:block}.progress span.on{background:linear-gradient(90deg, var(--pink), var(--aqua))}.progress small{color:var(--muted);font-size:.7rem;font-weight:600}.section-title{margin-bottom:6px;font-size:clamp(1.2rem,3vw,1.5rem)}.hint{color:var(--muted);margin-bottom:18px;font-weight:500}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.q-field{gap:6px;display:grid}.q-stack{gap:8px;display:grid}.block{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;padding:18px}.block.lilac{background:linear-gradient(180deg, #1a1226, var(--panel))}.block.yellow{background:linear-gradient(180deg, #271c08, var(--panel))}.ever-row,.choice-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.ever-row:last-child,.choice-row:last-child,.choice-block:last-child,.q-gap:last-child,.tot:last-child{border-bottom:0;padding-bottom:0}.ever-label{font-weight:600}.checks{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.checks.left{justify-content:flex-start;margin-top:10px}.check,.chip{border:1px solid var(--line);cursor:pointer;min-width:52px;height:40px;color:var(--ink);background:#161b22;border-radius:10px;font-family:inherit;font-weight:700}.check.on,.chip.on{background:var(--aqua);border-color:var(--aqua);color:#0d1117}.chip{min-width:auto;height:auto;min-height:40px;padding:0 14px}.choice-block{border-bottom:1px solid var(--line);padding:14px 0}.q-gap{border-bottom:1px solid var(--line);padding:12px 0}.big-block{padding:22px 16px 26px}.ever-row-lg{border:1px solid var(--line);border-bottom:1px solid var(--line);background:#161b22;border-radius:14px;grid-template-columns:1fr;gap:12px;margin:10px 0;padding:16px}.ever-row-lg .ever-label{font-size:1.12rem;line-height:1.35}.ever-row-lg .checks{width:100%}.check-lg{flex:1;min-width:110px;height:56px;font-size:1.12rem}.tot-lg{gap:14px;padding:12px 0}.tot-lg .tot-opt{border-radius:22px;min-height:76px;padding:18px 16px;font-size:1.08rem}.tot-lg .tot-or{font-size:1rem}.words-row{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.tot{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:8px 0;display:grid}.tot-opt{border:1px solid var(--line);cursor:pointer;min-height:48px;color:var(--ink);background:#161b22;border-radius:12px;padding:10px 12px;font-family:inherit;font-weight:700}.tot-opt.on{background:var(--aqua-soft);border-color:var(--aqua);color:var(--aqua)}.tot-or{color:var(--muted);font-size:.8rem;font-weight:700}.score-hero{border:1px solid var(--line);background:linear-gradient(135deg,#ff7b9c1f,#3fb9501f);border-radius:16px;margin-bottom:18px;padding:24px 16px}.score-num{color:var(--aqua);font-family:JetBrains Mono,monospace;font-size:clamp(2.6rem,8vw,4rem);line-height:1}.rank-table{border-collapse:collapse;width:100%}.rank-table th,.rank-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}.rank-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.review{gap:8px;display:grid}.review-item{border:1px solid var(--line);background:#161b22;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.review-item.ok{background:#3fb9501f;border-color:#3fb95059}.review-item.bad{background:#ff7b9c1a;border-color:#ff7b9c47}.small{color:var(--muted);font-size:.88rem}.footer-note{text-align:center;color:var(--muted);margin-top:18px;font-weight:500}.footer-note.error{color:var(--pink)}.invite-list{gap:8px;margin-top:16px;list-style:none;display:grid}.invite-list li{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:.86rem;display:flex}.invite-list .reset{width:auto;color:var(--pink);margin:0}.result-card{border:1px solid var(--line);background:#0d1117;border-radius:10px;margin-top:12px;padding:10px 12px}.result-card summary{cursor:pointer;color:var(--aqua);font-family:JetBrains Mono,monospace;font-size:.86rem}.result-card p{color:var(--muted);margin:8px 0}.reset{color:#6e7681;cursor:pointer;font:inherit;background:0 0;border:0;width:100%;min-height:44px;margin-top:20px;font-family:JetBrains Mono,monospace;font-size:.78rem;display:block}#confetti{pointer-events:none;z-index:5;opacity:0;position:fixed;inset:0}.toasts{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:40;pointer-events:none;gap:10px;width:min(520px,100% - 24px);display:grid;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;appearance:none;text-align:left;cursor:pointer;width:100%;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-family:IBM Plex Sans,sans-serif;font-size:.98rem;line-height:1.4;box-shadow:0 16px 40px #01040973}.toast strong{letter-spacing:-.02em;font-size:1.05rem;display:block}.toast span{color:#d0d7de;margin-top:6px;font-weight:500;display:block}.toast-ok{border-color:var(--aqua);background:#163227}.toast-ok strong{color:var(--aqua)}.toast-error{border-color:var(--pink);background:#2a1520}.toast-error strong{color:var(--pink)}@media (width<=720px){.app-shell{width:100%;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.sheet{border-radius:16px;padding:20px 14px 28px}.sheet-quiz{padding-bottom:108px}.brand{font-size:clamp(2rem,12vw,2.6rem)}.subtitle{font-size:1.15rem}.tagline,.hello{font-size:.95rem}.hello{text-align:left;padding:12px}.field{width:100%;max-width:none}.ide-window{border-radius:12px;max-width:100%;margin-bottom:16px}.ide-code{padding:12px 10px 14px;font-size:.72rem}.ide-line{gap:8px}.ide-bar{padding:8px 10px}.form-ide .gutter,.ide-window:not(.form-ide) .gutter{display:none}.code-form{padding:8px 8px 12px;font-size:.9rem}.code-row{padding:4px 0;display:block}.code-row:hover{background:0 0}.code-body{flex-direction:column;align-items:stretch;gap:8px}.code-q .syntax{display:none}.assign{flex-direction:column;align-items:stretch}input[type=text],input[type=password],textarea,input.code-input,textarea.code-input{font-size:16px}input.code-input,textarea.code-input{border:1px dashed #30363d;border-radius:8px;flex:none;width:100%;min-width:0;max-width:none;min-height:44px;padding:10px 8px}textarea.code-input.code-area,.bonus-form .code-input{width:100%;max-width:none}.editor-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin:0 -14px 14px;padding:0 14px 4px;overflow-x:auto}.editor-tabs::-webkit-scrollbar{display:none}.editor-tab{flex-shrink:0;align-items:center;min-height:40px;padding:8px 12px;display:inline-flex}.step-meter{display:block}.bool-row,.xor-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.xor-bar,.union-bar{display:none}.bool-row .code-bool,.xor-row .tot-lit,.form-ide-lg .code-bool,.form-ide-lg .tot-lit{border:1px solid var(--line);background:#161b22;flex:none;width:100%;min-height:48px;padding:12px 10px;font-size:.95rem}.bool-row .code-bool.yes.on{background:var(--aqua-soft);border-color:var(--aqua)}.bool-row .code-bool.no.on{background:var(--pink-soft);border-color:var(--pink)}.xor-row .tot-lit.on{background:#a5d6ff29;border-color:#58a6ff}.union{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0;display:grid}.union-item{display:contents}.union .code-lit{border:1px solid var(--line);text-align:center;white-space:normal;background:#161b22;width:100%;line-height:1.25}.union .code-lit.on{color:#a5d6ff;background:#a5d6ff29;border-color:#58a6ff}.code-lit,.code-bool,.chip,.check{min-height:44px;padding:10px 12px}.row-btns{width:100%}.row-btns .btn,.quiz-actions .btn{flex:calc(50% - 6px);width:auto;min-height:48px}.quiz-actions{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));z-index:8;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border:1px solid var(--line);background:#0d1117f5;border-bottom:0;border-radius:16px 16px 0 0;margin:0;position:fixed;bottom:0;box-shadow:0 -12px 32px #01040973}.toasts{bottom:calc(92px + env(safe-area-inset-bottom))}.bonus-form .btn{width:100%}.invite-list li{flex-wrap:wrap;min-height:44px}.rank-table th,.rank-table td{white-space:nowrap;padding:10px 8px;font-size:.86rem}.grid-2,.ever-row,.choice-row,.words-row,.tot:not(.tot-lg){grid-template-columns:1fr}.checks{justify-content:flex-start}.progress{grid-template-columns:repeat(3,1fr)}.progress small{font-size:.62rem;display:block}.ever-row-lg .checks{width:100%}.check-lg{flex:1}}@media (width<=400px){.row-btns .btn{flex:100%}.ide-status{display:none}.code-form{font-size:.84rem}}