:root{--color-bg: #04070c;--color-bg-gradient: radial-gradient(circle at top, #0c1f18 0%, #030a18 55%, #010308 100%);--color-frame-start: rgba(4, 17, 26, .92);--color-frame-end: rgba(3, 8, 12, .95);--color-text: #f5f7fb;--color-text-strong: #fefefe;--color-text-muted: rgba(255, 255, 255, .7);--color-text-soft: rgba(255, 255, 255, .6);--color-text-faint: rgba(255, 255, 255, .55);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-panel: rgba(255, 255, 255, .03);--color-panel-soft: rgba(255, 255, 255, .02);--color-panel-dark: rgba(3, 8, 12, .8);--color-accent: #00ff85;--color-accent-dark: #00c868;--color-accent-border: rgba(0, 255, 133, .25);--color-accent-bg: rgba(0, 255, 133, .06);--color-accent-glow: rgba(0, 255, 133, .05);--color-accent-soft: rgba(0, 255, 133, .18);--color-outline: rgba(255, 255, 255, .1);--color-shadow: rgba(0, 0, 0, .7);--color-highlight: rgba(0, 255, 133, .6);--color-rank: rgba(255, 255, 255, .08);font-family:Space Grotesk,Inter,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);background-color:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg-gradient)}#app{min-height:100vh}.led{width:100%;min-height:100vh;padding:3vh 3vw;display:flex;justify-content:center;align-items:center}.led__frame{width:min(92vw,1920px);aspect-ratio:16 / 9;border-radius:32px;padding:20px 28px;background:linear-gradient(135deg,var(--color-frame-start),var(--color-frame-end));border:1px solid var(--color-border);display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 120px var(--color-shadow),inset 0 0 80px var(--color-accent-glow)}.led__header{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:stretch}.brand{background:transparent;border:none;padding:10px 0;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:.12em}.brand__logo{width:160px;height:auto}.question{padding:14px 16px;border-radius:16px;border:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-panel),var(--color-panel-soft));min-height:160px}.question__kicker{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-soft);margin:0 0 4px}.question h1{margin:0 0 12px;font-size:clamp(1.2rem,1.7vw,1.9rem);color:var(--color-text-strong)}.question__text{margin:0;font-size:clamp(.92rem,1.05vw,1.2rem);color:var(--color-text);line-height:1.4}.qr{padding:0;background:transparent;display:flex;align-items:center;justify-content:center}.qr__code{width:220px;height:220px;border-radius:12px;border:1px solid var(--color-border-strong);overflow:hidden;display:flex;align-items:center;justify-content:center}.qr__code canvas,.qr__code svg{width:100%;height:100%}.qr__label{display:none}.led__body{display:grid;grid-template-columns:34% 1fr;gap:14px;flex:1}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.top-answers{margin-top:12px}.top-answers__title{margin:0 0 6px;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.top-answers__list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.top-answers__list li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center;font-weight:600;padding:10px 12px;border-radius:12px;background:var(--color-panel);border:1px solid var(--color-border);overflow:hidden}.top-answers__answer{color:var(--color-text-strong)}.top-answers__pct{color:var(--color-accent)}.top-answers__empty{margin:0;font-size:.85rem;color:var(--color-text-muted)}.top-answers__list li>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.top-answers__rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--color-outline);background:var(--color-rank);font-weight:700;color:var(--color-accent);font-size:.9rem}.top-answers__fill{position:absolute;inset:0;width:var(--pct);background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);opacity:.22;border-radius:inherit;transition:width .6s ease;z-index:0}.top-answers__list li>*:not(.top-answers__fill){position:relative;z-index:1}.stat-card{padding:16px;border-radius:16px;border:1px solid var(--color-accent-border);background:var(--color-accent-bg);display:flex;flex-direction:column;gap:6px}.stat-card__label{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.stat-card__value{font-size:clamp(1.4rem,1.8vw,2rem);font-weight:700;color:var(--color-text-strong);display:inline-block;transition:transform .4s ease,color .4s ease}.stat-card__value.change{color:var(--color-accent);transform:scale(1.08)}.stat-card__meta{display:block;margin-top:4px;font-size:.95rem;color:var(--color-text-muted)}.answers{border-radius:20px;border:1px solid var(--color-border);padding:14px 16px;background:var(--color-panel);display:flex;flex-direction:column}.answers__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.answers__kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-soft);font-size:.85rem;margin:0}.answers__header h2{margin:4px 0 0;font-size:1.6rem}.answers__updated{font-size:.9rem;color:var(--color-text-faint)}.answers__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.answer-row{padding:12px 16px;border-radius:14px;background:var(--color-panel);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--color-border)}.answer-row--animate{animation:answerPulse .8s ease;border-color:var(--color-highlight)}@keyframes answerPulse{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.answer-row__name{font-size:1.1rem;font-weight:600;margin:0}.answer-row__time{margin:2px 0 0;font-size:.9rem;color:var(--color-text-soft)}.answer-row__answer{font-size:1.8rem;font-weight:700;color:var(--color-accent);margin:0}.led__footer{text-align:center;font-size:.95rem;letter-spacing:.05em;color:var(--color-text-soft)}@media(max-width:1100px){.led__frame{padding:24px}.led__header,.led__body{grid-template-columns:1fr}}