:root{--kwiz-ink:#302145;--kwiz-muted:#65577a;--kwiz-surface:#fffdf8;--kwiz-app-bg:#fff3db;--kwiz-border:#6e3f8a;--kwiz-primary:#28b6d4;--kwiz-secondary:#f04b8a;--kwiz-accent:#ffb227;--kwiz-ok:#2cb67d;--kwiz-danger:#d44c46;--kwiz-radius-md:1rem;--kwiz-radius-pill:999px;--kwiz-shadow-soft:0 6px 0 #6e3f8a3d;--kwiz-shadow-hover:0 8px 0 #6e3f8a4d}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--kwiz-ink);background:var(--kwiz-app-bg);margin:0;font-family:Trebuchet MS,Avenir Next,Avenir,Segoe UI,sans-serif;line-height:1.45}h1,h2,h3,h4{margin:0;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;line-height:1.15}p{margin:0}.kwiz-app-bg{background:radial-gradient(circle at 20% 15%,#ffd26373,#0000 30%),radial-gradient(circle at 80% 0,#28b6d44d,#0000 30%),linear-gradient(160deg,#fff6e3 0%,#ffe8ff 100%);min-height:100vh;padding:1rem;position:relative}.kwiz-noise{pointer-events:none;opacity:.2;background-image:radial-gradient(circle at 1px 1px,#6e3f8a 1px,#0000 0);background-size:20px 20px;position:fixed;inset:0}.kwiz-shell{z-index:1;width:min(1120px,100%);margin:0 auto;position:relative}.kwiz-topbar{border:3px solid var(--kwiz-border);border-radius:var(--kwiz-radius-pill);background:color-mix(in srgb, var(--kwiz-surface) 88%, white 12%);box-shadow:var(--kwiz-shadow-soft);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.7rem 1rem;display:flex}.kwiz-logo{color:var(--kwiz-ink);letter-spacing:.03em;font-size:1.4rem;font-weight:900;text-decoration:none}.kwiz-nav{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.kwiz-nav-link{color:var(--kwiz-ink);border:2px solid var(--kwiz-border);border-radius:var(--kwiz-radius-pill);background:#fff;padding:.35rem .75rem;font-weight:700;text-decoration:none}.kwiz-nav-link.active{background:color-mix(in srgb, var(--kwiz-primary) 34%, white 66%)}.kwiz-main{gap:1rem;padding-bottom:1.5rem;animation:.3s ease-out kwiz-fade-slide;display:grid}.kwiz-title-wrap{gap:.35rem;display:grid}.kwiz-title-wrap p{color:var(--kwiz-muted)}.kwiz-card{background:var(--kwiz-surface);border:3px solid var(--kwiz-border);box-shadow:var(--kwiz-shadow-soft);border-radius:1rem;gap:.6rem;padding:1rem;display:grid}.kwiz-stack,.kwiz-grid{gap:1rem;display:grid}.kwiz-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.kwiz-actions-row,.kwiz-inline-actions,.kwiz-inline-between,.kwiz-badge-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.kwiz-inline-between{justify-content:space-between}.kwiz-list{gap:.85rem;display:grid}.kwiz-quiz-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.kwiz-quiz-main{gap:.4rem;display:grid}.kwiz-quiz-main p{color:var(--kwiz-muted)}.kwiz-btn{appearance:none;border-radius:var(--kwiz-radius-pill);border:2px solid var(--kwiz-border);color:var(--kwiz-ink);font:inherit;letter-spacing:.01em;cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:.45rem .95rem;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 4px #6e3f8a33}.kwiz-btn:hover:not(:disabled){box-shadow:var(--kwiz-shadow-hover);transform:translateY(-1px)}.kwiz-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px #6e3f8a38}.kwiz-btn:disabled{opacity:.6;cursor:not-allowed}.kwiz-btn:focus-visible,.kwiz-field input:focus-visible,.kwiz-field select:focus-visible,.kwiz-field textarea:focus-visible,.kwiz-nav-link:focus-visible{outline:3px solid color-mix(in srgb, var(--kwiz-accent) 50%, black 10%);outline-offset:2px}.kwiz-btn-primary{background:linear-gradient(180deg, #4fd5ee 0%, var(--kwiz-primary) 100%)}.kwiz-btn-secondary{background:linear-gradient(180deg, #ff76aa 0%, var(--kwiz-secondary) 100%);color:#fff}.kwiz-btn-danger{background:color-mix(in srgb, var(--kwiz-danger) 80%, white 20%);color:#fff}.kwiz-btn-ghost{background:#fff}.kwiz-toggle{color:var(--kwiz-ink);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.kwiz-toggle input{width:1.1rem;height:1.1rem;accent-color:var(--kwiz-primary)}.kwiz-field{gap:.35rem;display:grid}.kwiz-field span{color:var(--kwiz-muted);font-size:.9rem;font-weight:700}.kwiz-field input,.kwiz-field select,.kwiz-field textarea{border:2px solid color-mix(in srgb, var(--kwiz-border) 65%, white 35%);width:100%;font:inherit;color:var(--kwiz-ink);background:#fff;border-radius:.8rem;padding:.58rem .68rem}.kwiz-field textarea{resize:vertical;min-height:90px}.kwiz-question-card{animation:.3s ease-out kwiz-fade-slide}.kwiz-question-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.kwiz-code{border:2px dashed var(--kwiz-border);background:color-mix(in srgb, var(--kwiz-accent) 12%, white 88%);border-radius:.8rem;padding:.75rem;font-family:Consolas,Courier New,monospace;font-size:.95rem;overflow-x:auto}.kwiz-phase-panel{border:2px dashed color-mix(in srgb, var(--kwiz-border) 55%, white 45%);background:color-mix(in srgb, var(--kwiz-primary) 10%, white 90%);border-radius:.85rem;gap:.2rem;padding:.7rem .85rem;display:grid}.kwiz-phase-panel span{color:var(--kwiz-muted);font-size:.92rem}.kwiz-participant-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.kwiz-participant-list li{border:2px solid color-mix(in srgb, var(--kwiz-border) 25%, white 75%);border-radius:.7rem;justify-content:space-between;align-items:center;padding:.5rem .65rem;display:flex}.kwiz-table{border-collapse:collapse;width:100%}.kwiz-table th,.kwiz-table td{text-align:left;border-bottom:1px solid color-mix(in srgb, var(--kwiz-border) 20%, white 80%);padding:.45rem .4rem}.kwiz-table th{color:var(--kwiz-muted);letter-spacing:.02em;font-weight:800}.kwiz-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.kwiz-answer-btn{min-height:52px;font-size:.95rem}.kwiz-badge{border-radius:var(--kwiz-radius-pill);border:2px solid var(--kwiz-border);letter-spacing:.02em;background:#fff;padding:.25rem .55rem;font-size:.8rem;font-weight:900}.kwiz-badge-waiting{background:color-mix(in srgb, var(--kwiz-accent) 32%, white 68%)}.kwiz-badge-progress{background:color-mix(in srgb, var(--kwiz-primary) 32%, white 68%)}.kwiz-badge-finished{background:color-mix(in srgb, var(--kwiz-ok) 35%, white 65%)}.kwiz-badge-phase{background:color-mix(in srgb, var(--kwiz-secondary) 26%, white 74%)}.kwiz-error{color:#8a2323;background:#ffe3e3;border:2px solid #d97575;border-radius:.8rem;padding:.45rem .65rem;font-weight:700}.kwiz-success{color:#115631;background:#dff8e8;border:2px solid #63bf89;border-radius:.8rem;padding:.45rem .65rem;font-weight:700}.kwiz-empty-text{color:var(--kwiz-muted)}.kwiz-spinner-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffa6;align-content:center;place-items:center;gap:.75rem;font-weight:800;display:grid;position:fixed;inset:0}.kwiz-spinner{border:5px solid color-mix(in srgb, var(--kwiz-primary) 30%, white 70%);border-top-color:var(--kwiz-secondary);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite kwiz-spin}@keyframes kwiz-spin{to{transform:rotate(360deg)}}@keyframes kwiz-fade-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.kwiz-grid-2,.kwiz-quiz-card,.kwiz-answer-grid{grid-template-columns:1fr}.kwiz-topbar{border-radius:1rem}.kwiz-nav{justify-content:flex-start;width:100%}}