:root{--k-purple: #46178f;--k-purple-dark: #2e0b6d;--k-purple-light: #6a2dc7;--k-red: #e21b3c;--k-blue: #1368ce;--k-yellow: #d89e00;--k-green: #26890c;--k-bg: #f5f3ff;--k-text: #1c1c1c;--k-muted: #6b6b75;--k-card: #ffffff;--k-shadow: 0 4px 0 rgba(0,0,0,.15), 0 10px 30px -10px rgba(70,23,143,.4);--radius: 14px;--radius-lg: 22px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Rubik,-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:var(--k-text);background:var(--k-bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:0}input,textarea,select{font-family:inherit}a{color:inherit}.k-card{background:var(--k-card);border-radius:var(--radius-lg);box-shadow:var(--k-shadow);padding:24px}.k-btn{background:var(--k-purple);color:#fff;font-weight:700;padding:14px 22px;border-radius:var(--radius);box-shadow:0 4px 0 var(--k-purple-dark);transition:transform .08s ease,box-shadow .08s ease;font-size:16px}.k-btn:hover{transform:translateY(-1px)}.k-btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--k-purple-dark)}.k-btn.ghost{background:#fff;color:var(--k-purple);box-shadow:0 4px #e7dff6;border:2px solid #e7dff6}.k-btn.danger{background:var(--k-red);box-shadow:0 4px #a10d24}.k-btn.small{padding:8px 14px;font-size:14px}.k-btn[disabled]{opacity:.5;cursor:not-allowed}.k-input{width:100%;padding:14px 16px;border:2px solid #e7dff6;border-radius:var(--radius);font-size:16px;background:#fff;transition:border-color .15s ease}.k-input:focus{outline:none;border-color:var(--k-purple)}.k-label{display:block;font-weight:600;margin-bottom:6px;font-size:14px;color:#333}.k-muted{color:var(--k-muted)}.shape{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900;border-radius:4px}.bg-red{background:var(--k-red)}.bg-blue{background:var(--k-blue)}.bg-yellow{background:var(--k-yellow)}.bg-green{background:var(--k-green)}.page-hero{min-height:100%;background:radial-gradient(1200px 600px at 80% -10%,#a259ff22,transparent),radial-gradient(800px 400px at 10% 110%,#ff6ac122,transparent),linear-gradient(135deg,#f5f3ff,#efe6ff)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.pulse{animation:pulse 1.2s ease-in-out infinite}.pop{animation:pop .4s cubic-bezier(.18,.89,.35,1.2)}.landing-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center}.landing-auth{position:relative}@media (max-width: 840px){.landing-grid{grid-template-columns:1fr;gap:20px}.landing-auth{order:2}.landing-code{order:1}}@media (max-width: 960px){.editor-grid{grid-template-columns:180px 1fr 260px!important}}@media (max-width: 720px){.editor-grid{grid-template-columns:1fr!important;grid-template-rows:auto 1fr auto}}@media (max-width: 720px){.lobby-grid{grid-template-columns:1fr!important;text-align:center}}.q-text,.a-text{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.grow{flex:1}.center{display:flex;align-items:center;justify-content:center}.stack{display:grid;gap:16px}.spinner{width:24px;height:24px;border:3px solid #e7dff6;border-top-color:var(--k-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}