@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e12;--bg-elev:#12161c;--bg-elev-2:#181d25;--bg-hover:#1e242e;--border:#232a34;--border-strong:#333c49;--text:#e7eaee;--text-muted:#8d97a5;--text-faint:#5f6977;--accent:#f2d16b;--accent-ink:#1b1600;--accent-soft:#f2d16b1f;--danger:#f87171;--danger-soft:#f871711f;--ok:#4ade80;--ok-soft:#4ade801f;--warn:#fbbf24;--warn-soft:#fbbf241f;--info:#7dd3fc;--info-soft:#7dd3fc1f;--radius:10px;--radius-lg:14px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:"Bricolage Grotesque Variable", var(--font);--mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, monospace;--shadow:0 10px 30px #00000073}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}body{background:radial-gradient(1200px 600px at 80% -10%, #f2d16b0d, transparent 60%), radial-gradient(900px 500px at -10% 10%, #7dd3fc0a, transparent 60%), var(--bg);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.2}h1{font-size:28px;font-family:var(--display);font-weight:700}.play h1,.play h2,.gate h1,.gate h2,.results-page h1{font-family:var(--font)}h2{font-size:20px}h3{font-size:16px}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.stack{flex-direction:column;gap:12px;display:flex}.stack-lg{flex-direction:column;gap:24px;display:flex}.row{align-items:center;gap:10px;display:flex}.row-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:13px}.mono{font-family:var(--mono)}.center{text-align:center}.hidden{display:none!important}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0e12d9;position:sticky;top:0}.topbar .container{align-items:center;gap:16px;height:60px;display:flex}.brand{color:var(--text);font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:14px;font-weight:800;display:flex}.brand:hover{text-decoration:none}.icon-badge{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:16px;place-items:center;margin:0 auto;display:grid}.avatar{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.btn{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elev-2);height:38px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s cubic-bezier(.2,.7,.2,1),box-shadow .2s;display:inline-flex}.btn:hover{background:var(--bg-hover);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#f6dc89}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-elev-2);color:var(--text)}.btn-danger{color:var(--danger);background:var(--danger-soft);border-color:#f8717159}.btn-danger:hover{background:#f8717133}.btn-ok{color:#06210f;background:var(--ok);border-color:var(--ok)}.btn-sm{height:30px;padding:0 10px;font-size:13px}.btn-lg{height:48px;padding:0 22px;font-size:16px}.btn-block{width:100%}.input,.textarea,.select{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg);width:100%;min-height:40px;color:var(--text);font:inherit;padding:9px 12px;transition:border-color .15s,box-shadow .2s,background .15s}.textarea{resize:vertical;min-height:70px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.check input{width:17px;height:17px;accent-color:var(--accent)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-tight{padding:14px 16px}.card-hover:hover{border-color:var(--border-strong)}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);padding:32px}.pill{background:var(--bg-elev-2);height:24px;color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.pill-dot:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.pill-ok{color:var(--ok);background:var(--ok-soft);border-color:#0000}.pill-danger{color:var(--danger);background:var(--danger-soft);border-color:#0000}.pill-warn{color:var(--warn);background:var(--warn-soft);border-color:#0000}.pill-info{color:var(--info);background:var(--info-soft);border-color:#0000}.pill-accent{color:var(--accent);background:var(--accent-soft);border-color:#0000}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#ffffff04}.table .row-locked{background:var(--danger-soft)}.table .row-locked:hover{background:#f871712b}.clickable{cursor:pointer}.progress{background:var(--bg-elev-2);border-radius:999px;min-width:80px;height:6px;overflow:hidden}.progress>div{background:var(--accent);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.7,.2,1)}.tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;margin-bottom:18px;display:flex;overflow:auto hidden}.tab{color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:10px 14px;font-weight:600;transition:color .15s;position:relative}.tab:after{content:"";background:var(--accent);border-radius:2px;height:2px;transition:transform .25s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:10px;right:10px;transform:scaleX(0)}.tab.active:after{transform:scaleX(1)}.tab:hover,.tab.active{color:var(--text)}.overlay{z-index:50;background:#030508b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:calc(100vh - 32px);box-shadow:var(--shadow);padding:22px;overflow-y:auto}.modal-wide{max-width:820px}.toasts{z-index:60;flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--bg-elev-2);border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 14px;font-size:14px;animation:.18s ease-out toast-in}.toast-danger{border-left-color:var(--danger)}.toast-ok{border-left-color:var(--ok)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.error-box{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius);padding:10px 12px;font-size:14px}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{place-items:center;min-height:60vh;display:grid}.join-screen{flex-direction:column;min-height:100vh;display:flex}.join-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;padding:40px 16px;display:flex}.join-wordmark{font-size:clamp(40px,9vw,64px)}.join-form{flex-direction:column;gap:12px;width:100%;max-width:340px;display:flex}.code-input{font-family:var(--mono);letter-spacing:.3em;text-align:center;text-transform:uppercase;height:64px;font-size:30px}.auth-input{height:50px;font-size:16px}.name-input{text-align:center;height:56px;font-size:19px}.join-footer{color:var(--text-faint);flex-wrap:wrap;justify-content:center;gap:10px;padding:20px 16px 28px;font-size:13px;display:flex}.join-footer a{color:var(--text-muted)}.play{-webkit-user-select:none;user-select:none;flex-direction:column;min-height:100vh;display:flex}.play-bar{border-bottom:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:14px;padding:12px 20px;display:flex}.play-main{flex:1;justify-content:center;padding:32px 20px 120px;display:flex;position:relative}.play-card{width:100%;max-width:760px}.timer{font-family:var(--mono);background:var(--bg-elev-2);border-radius:8px;padding:4px 10px;font-size:18px;font-weight:700}.timer.low{color:var(--danger);background:var(--danger-soft)}.prompt{white-space:pre-wrap;margin:10px 0 22px;font-size:21px;line-height:1.45}.choices{flex-direction:column;gap:10px;display:flex}.choice{text-align:left;border:1px solid var(--border-strong);background:var(--bg-elev);width:100%;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;font-size:17px;transition:border-color .1s,background .1s;display:flex}.choice:hover{background:var(--bg-elev-2)}.choice.selected{border-color:var(--accent);background:var(--accent-soft)}.choice-key{width:30px;height:30px;font-family:var(--mono);background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:8px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.choice.selected .choice-key{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.dots{flex-wrap:wrap;gap:6px;display:flex}.dot{border:1px solid var(--border-strong);background:var(--bg-elev);width:30px;height:30px;color:var(--text-muted);font:inherit;cursor:pointer;border-radius:8px;font-size:12px;font-weight:600}.dot.done{background:var(--bg-elev-2);color:var(--text);border-color:var(--text-faint)}.dot.current{border-color:var(--accent);color:var(--accent)}.dot:disabled{cursor:default}.play-footer{border-top:1px solid var(--border);background:#12161cf5;padding:12px 20px;position:fixed;bottom:0;left:0;right:0}.watermark{pointer-events:none;z-index:1;opacity:.035;grid-template-columns:repeat(3,1fr);align-content:space-around;font-size:22px;font-weight:700;display:grid;position:fixed;inset:0;overflow:hidden;transform:rotate(-18deg)scale(1.3)}.gate{z-index:40;background:var(--bg);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.gate-card{text-align:center;width:100%;max-width:520px;position:relative}.gate-locked{background:radial-gradient(800px 400px at 50% 0%, #f8717124, transparent 70%), var(--bg)}.lock-icon{background:var(--danger-soft);width:64px;height:64px;color:var(--danger);border-radius:18px;place-items:center;margin:0 auto 18px;display:grid}.rules{text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);margin:18px 0;padding:14px 16px 14px 34px;font-size:14px}.rules li+li{margin-top:6px}.results-page{flex-direction:column;gap:20px;max-width:720px;margin:0 auto;padding:56px 20px 80px;display:flex}.results-head{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.score-line{align-items:baseline;gap:10px;display:flex}.score-big{font-variant-numeric:tabular-nums;font-size:56px;font-weight:800;line-height:1}.score-max{color:var(--text-muted);font-size:22px}.notice{background:var(--info-soft);color:var(--info);border-radius:var(--radius);padding:10px 14px;font-size:14px}.review-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.review-item{background:var(--bg-elev);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-lg);gap:14px;padding:14px 16px;display:flex}.review-item.is-correct{border-left-color:var(--ok)}.review-item.is-wrong{border-left-color:var(--danger)}.review-mark{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.is-correct .review-mark{background:var(--ok-soft);color:var(--ok)}.is-wrong .review-mark{background:var(--danger-soft);color:var(--danger)}.review-prompt{white-space:pre-wrap;margin:4px 0 8px}.answer-right{color:var(--ok)}.code-big{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);font-weight:800}.session-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 18px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.stat .value{margin-top:2px;font-size:26px;font-weight:700}.stat .label{margin:0}.histogram{align-items:flex-end;gap:6px;height:160px;padding-top:10px;display:flex}.histogram .bar{height:100%;color:var(--text-muted);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;font-size:12px;display:flex}.histogram .bar>div{background:var(--accent);border-radius:6px 6px 2px 2px;width:100%;min-height:2px}.event-list{flex-direction:column;gap:2px;max-height:420px;display:flex;overflow-y:auto}.event{border-bottom:1px solid var(--border);gap:10px;padding:6px 4px;font-size:14px;display:flex}.event time{font-family:var(--mono);color:var(--text-faint);flex:none;width:64px;padding-top:2px;font-size:12px}.drawer{z-index:45;background:var(--bg-elev);border-left:1px solid var(--border-strong);width:min(480px,100vw);box-shadow:var(--shadow);padding:20px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.projector{z-index:55;background:var(--bg);text-align:center;cursor:pointer;place-items:center;display:grid;position:fixed;inset:0}.projector .code-big{font-size:clamp(64px,16vw,200px)}.q-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.q-card.has-problem{border-color:#fbbf2466}.q-num{font-family:var(--mono);color:var(--text-faint);font-weight:700}.choice-edit{align-items:center;gap:8px;display:flex}.choice-edit .correct-toggle{border:1px solid var(--border-strong);background:var(--bg);width:34px;height:34px;color:var(--text-faint);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.choice-edit .correct-toggle.on{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.problem{color:var(--warn);font-size:13px}.sticky-actions{z-index:10;background:linear-gradient(transparent, var(--bg) 30%);padding:12px 0;position:sticky;bottom:0}.dropzone{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);cursor:pointer;padding:26px}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--accent-soft)}pre.sample{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);color:var(--text-muted);margin:0;padding:10px 12px;font-size:12.5px;overflow-x:auto}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}}@keyframes fade-in{0%{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)translateY(6px)}}@keyframes slide-from-right{0%{opacity:0;transform:translate(36px)}}@keyframes slide-from-left{0%{opacity:0;transform:translate(-36px)}}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@keyframes pop{45%{transform:scale(1.12)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes grow-up{0%{transform:scaleY(0)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ring-danger{0%,to{box-shadow:0 0 #f8717166}50%{box-shadow:0 0 0 14px #f8717100}}@keyframes locked-row{0%,to{background:var(--danger-soft)}50%{background:#f8717133}}@keyframes row-in{0%{opacity:0;background:var(--accent-soft);transform:translateY(-4px)}}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.stagger>*{animation:.5s cubic-bezier(.2,.7,.2,1) both fade-up}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:45ms}.stagger>:nth-child(3){animation-delay:90ms}.stagger>:nth-child(4){animation-delay:.135s}.stagger>:nth-child(5){animation-delay:.18s}.stagger>:nth-child(6){animation-delay:.225s}.stagger>:nth-child(7){animation-delay:.27s}.stagger>:nth-child(8){animation-delay:.315s}.stagger>:nth-child(9){animation-delay:.36s}.stagger>:nth-child(10){animation-delay:.405s}.stagger>:nth-child(11){animation-delay:.45s}.stagger>:nth-child(12){animation-delay:.495s}.stagger>:nth-child(n+13){animation-delay:.54s}.page-enter{animation:.4s cubic-bezier(.2,.7,.2,1) both fade-up}.step-enter{animation:.35s cubic-bezier(.2,.7,.2,1) both slide-from-right}.field-enter{animation:.25s cubic-bezier(.2,.7,.2,1) both scale-in}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #f2d16b38}.btn-ok:hover:not(:disabled){box-shadow:0 6px 18px #4ade8040}.card-hover{transition:border-color .15s,transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000059}.error-box{animation:.42s cubic-bezier(.36,.07,.19,.97) both shake}.toast{animation:.3s cubic-bezier(.2,.7,.2,1) both slide-from-right}.overlay{animation:.2s ease-out both fade-in}.modal{animation:.25s cubic-bezier(.2,.7,.2,1) both scale-in}.drawer{animation:.3s cubic-bezier(.2,.7,.2,1) both drawer-in}.join-wordmark svg{animation:4s ease-in-out infinite float}.q-enter-next{animation:.35s cubic-bezier(.2,.7,.2,1) both slide-from-right}.q-enter-prev{animation:.35s cubic-bezier(.2,.7,.2,1) both slide-from-left}.choice{transition:border-color .15s,background .15s,transform .15s cubic-bezier(.2,.7,.2,1)}.choice:hover{transform:translate(3px)}.choice:active{transform:scale(.99)}.choice-key{transition:background .15s,color .15s,border-color .15s}.choice.selected .choice-key{animation:.3s cubic-bezier(.2,.7,.2,1) pop}.dot{transition:background .2s,border-color .2s,color .2s,transform .15s}.dot:hover:not(:disabled){transform:translateY(-2px)}.timer.low{animation:1s ease-in-out infinite breathe}.gate-card{animation:.45s cubic-bezier(.2,.7,.2,1) both fade-up}.pill-accent{animation:.4s cubic-bezier(.2,.7,.2,1) both pop-in}.lock-icon{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake,2s ease-out .5s infinite ring-danger}.gate-locked:before{content:"";pointer-events:none;background:radial-gradient(800px 400px at 50% 0,#f871711f,#0000 70%);animation:3s ease-in-out infinite breathe;position:absolute;inset:0}.check-badge{animation:.5s cubic-bezier(.2,.7,.2,1) both pop-in}.draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:.5s ease-out .3s forwards draw}.score-pct{animation-delay:.9s}.table tbody tr{animation:.5s ease-out both row-in}.table .row-locked{animation:2s ease-in-out infinite locked-row}.histogram .bar>div{transform-origin:bottom;transition:height .5s cubic-bezier(.2,.7,.2,1);animation:.7s cubic-bezier(.2,.7,.2,1) both grow-up}.histogram .bar:first-child>div{animation-delay:0s}.histogram .bar:nth-child(2)>div{animation-delay:50ms}.histogram .bar:nth-child(3)>div{animation-delay:.1s}.histogram .bar:nth-child(4)>div{animation-delay:.15s}.histogram .bar:nth-child(5)>div{animation-delay:.2s}.histogram .bar:nth-child(6)>div{animation-delay:.25s}.histogram .bar:nth-child(7)>div{animation-delay:.3s}.histogram .bar:nth-child(8)>div{animation-delay:.35s}.histogram .bar:nth-child(9)>div{animation-delay:.4s}.histogram .bar:nth-child(10)>div{animation-delay:.45s}.q-card{animation:.35s cubic-bezier(.2,.7,.2,1) both fade-up}.projector{animation:.25s ease-out both fade-in}.code-char{animation:.45s cubic-bezier(.2,.7,.2,1) both pop-in;display:inline-block}.pill-dot.pill-ok:before{animation:1.6s ease-in-out infinite breathe}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (width<=560px){.container{padding:0 16px}.prompt{font-size:18px}.hide-sm{display:none!important}}