@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #f5f7fb;--panel: rgba(255, 255, 255, .82);--panel-border: rgba(17, 24, 39, .08);--text: #0f172a;--muted: #6b7280;--primary: #2563eb;--primary-strong: #1d4ed8;--accent: #22d3ee;--success: #16a34a;--danger: #ef4444;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow: 0 20px 60px rgba(15, 23, 42, .16);--glass: blur(18px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,Sora,Manrope,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 15% 20%,rgba(37,99,235,.18),transparent 32%),radial-gradient(circle at 85% 10%,rgba(34,211,238,.14),transparent 34%),linear-gradient(135deg,#0f172a,#0b1221 35%,#0f172a 60%,#0a1020);color:var(--text);min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.25rem 3rem}.container{width:100%;max-width:760px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);position:relative;overflow:hidden}.container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(34,211,238,.08),transparent 40%),radial-gradient(circle at 80% 0%,rgba(37,99,235,.08),transparent 36%);pointer-events:none}.header{text-align:center;margin-bottom:2rem}.header h1{color:var(--text);font-size:2.1rem;letter-spacing:-.02em;margin-bottom:.4rem}.header p{color:var(--muted);font-size:1rem}.form-group{margin-bottom:1.4rem}.form-group label{display:flex;justify-content:space-between;font-weight:600;margin-bottom:.5rem;color:var(--text)}.form-group input,.form-group textarea{width:100%;padding:1rem 1.1rem;border:1.4px solid rgba(255,255,255,.35);border-radius:14px;font-size:1rem;background:linear-gradient(120deg,#ffffffc7,#ffffffe6);box-shadow:inset 0 1px #ffffffa6,0 10px 26px #0f172a1f;transition:border-color .2s,box-shadow .25s,transform .18s,background .2s;color:var(--text)}.form-group input::placeholder,.form-group textarea::placeholder{color:#0f172a6b;font-weight:500}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#22d3ee8c;box-shadow:0 12px 30px #22d3ee38,0 0 0 1px #22d3ee4d;transform:translateY(-1px);background:linear-gradient(120deg,#ffffffeb,#fffffffa)}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-input-group{display:flex;gap:.6rem}.option-input-group input{flex:1}.btn{padding:.8rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s}.btn-primary{background:linear-gradient(120deg,var(--primary),var(--accent));color:#fff;box-shadow:0 14px 30px #2563eb47}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#0f172a0f;color:var(--text)}.btn-secondary:hover{background:#0f172a14}.btn-danger{background:linear-gradient(120deg,#ef4444,#f97316);color:#fff;padding:.6rem 1rem;box-shadow:0 10px 20px #ef444440}.btn-danger:hover{transform:translateY(-1px)}.btn-block{width:100%}.share-section{margin-top:2rem;padding:1.5rem;background:#0f172a08;border-radius:var(--radius-md);border:1px solid rgba(15,23,42,.05);text-align:center}.share-section h3{color:var(--text);margin-bottom:.35rem}.share-section p{color:var(--muted);font-size:.95rem}.share-link{display:flex;gap:.6rem;margin-top:1rem}.share-link input{flex:1;padding:.85rem 1rem;border:1.2px solid rgba(255,255,255,.32);border-radius:var(--radius-md);font-size:.95rem;background:linear-gradient(120deg,#ffffffd1,#fffffff0);box-shadow:inset 0 1px #fff9,0 10px 22px #0f172a1f;color:var(--text)}.poll-question{font-size:1.8rem;font-weight:700;color:var(--text);margin-bottom:1.4rem;text-align:center;letter-spacing:-.01em}.poll-options{display:flex;flex-direction:column;gap:1rem}.poll-option{position:relative;border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-md);padding:1rem 1.1rem;cursor:pointer;transition:all .25s ease;overflow:hidden;background:linear-gradient(145deg,#fffffff2,#f8fafce6);box-shadow:inset 0 1px #fff9}.poll-option:hover:not(.voted){border-color:#2563eb59;transform:translateY(-1px)}.poll-option.selected{border-color:#2563eb73;box-shadow:0 12px 28px #2563eb1f}.poll-option.voted{cursor:default}.option-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(120deg,#2563eb1f,#22d3ee1f);transition:width .45s ease;z-index:0}.option-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.option-text{font-weight:600;color:var(--text)}.option-stats{display:flex;gap:.9rem;align-items:center;font-size:.92rem}.option-percentage{font-weight:700;color:var(--primary-strong)}.option-votes{color:var(--muted)}.total-votes{text-align:center;margin-top:1.4rem;padding:1rem;background:#0f172a0a;border-radius:var(--radius-md);font-weight:700;color:var(--text)}.alert{padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid transparent;box-shadow:0 10px 24px #0f172a14}.alert-success{background:#16a34a1f;color:#166534;border-color:#16a34a2e}.alert-error{background:#ef44441a;color:#991b1b;border-color:#ef444433}.alert-info{background:#2563eb1a;color:#1d4ed8;border-color:#2563eb29}.loading{text-align:center;padding:3rem;color:var(--primary-strong);font-size:1.1rem;letter-spacing:.01em}.error-page{text-align:center;padding:3rem}.error-page h2{color:var(--danger);margin-bottom:1rem;font-size:1.6rem}.error-page p{color:var(--muted);margin-bottom:2rem}.back-button{display:inline-block;margin-top:2rem;padding:.8rem 1.5rem;background:linear-gradient(120deg,var(--primary),var(--accent));color:#fff;text-decoration:none;border-radius:var(--radius-md);transition:transform .2s ease,filter .2s;text-align:center}.back-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.status-badge{display:inline-block;padding:.35rem .8rem;background:linear-gradient(120deg,#22c55e,#16a34a);color:#fff;border-radius:999px;font-size:.8rem;margin-left:.5rem;box-shadow:0 10px 18px #16a34a2e}.status-badge.disconnected{background:linear-gradient(120deg,#f97316,#ef4444);box-shadow:0 10px 18px #ef44442e}@media (max-width: 640px){.app{padding:1rem}.container{padding:1.5rem}.header h1{font-size:1.7rem}.poll-question{font-size:1.3rem}.option-content{flex-direction:column;align-items:flex-start}}