:root{--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg:#f7f8f6;--color-surface:#fff;--color-text:#202a25;--color-text-strong:#252c28;--color-text-soft:#4c5650;--color-muted:#7b8580;--color-muted-2:#87938c;--color-muted-3:#929b95;--color-muted-4:#9aa29d;--color-placeholder:#a3aba6;--color-primary:#26507a;--color-primary-dark:#163651;--color-primary-light:#e6eef5;--color-primary-soft:#8aa8c5;--color-primary-accent:#3a6588;--color-line:#e7eae6;--color-line-soft:#edf0ed;--color-line-faint:#f0f2ef;--color-border-input:#dfe4df;--color-border-input-focus:#6e94bb;--color-border-button:#dce4de;--color-danger:#9e463f;--color-danger-bg:#fff0ed;--color-success:#466552;--color-success-bg:#edf5ef;--color-online:#4da675;--color-online-halo:#e4f1e9;--radius-xs:7px;--radius-sm:9px;--radius-md:13px;--radius-lg:17px;--radius-xl:20px;--radius-pill:999px;--color-muted-5:#747f79;--color-muted-6:#78837d;--color-muted-7:#89938d;--color-muted-8:#8b938e;--color-muted-9:#98a19b;--color-muted-10:#99a8b5;--color-muted-11:#87928b;--color-muted-12:#708078;--color-text-em:#33433a;--color-danger-soft:#8c5751;--color-primary-hover-border:#b2c7dd;--color-line-extra:#e8ebe8;--color-surface-muted:#f9faf9;--color-primary-tint:#eef4fa;--color-danger-soft-2:#c57a72;--color-shadow-accent:#16365130}*{box-sizing:border-box}html,body{min-height:100%}body{min-width:320px;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}img{max-width:100%;display:block}h1,h2{font-family:var(--font-sans);letter-spacing:-1.25px;margin:0;font-weight:700}h1{margin-bottom:14px;font-size:clamp(34px,5vw,56px);line-height:1.08}h2{font-size:21px}.brand{color:var(--color-text);letter-spacing:-1px;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:var(--color-primary);border-radius:10px;place-items:center;width:31px;height:31px;font-size:18px;display:grid}.brand-dot{color:var(--color-primary-soft)}.app-header{border-bottom:1px solid var(--color-line);align-items:center;display:flex}.card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);padding:23px}.eyebrow{color:var(--color-muted-2);letter-spacing:1.5px;margin:0 0 12px;font-size:10px;font-weight:700}.primary-button,.secondary-button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;min-height:42px;padding:0 17px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.primary-button{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.primary-button:hover{border-color:var(--color-primary-dark);background:var(--color-primary-dark)}.secondary-button{border-color:var(--color-border-button);color:var(--color-primary);background:#fff}.secondary-button:hover{background:#f4f7fb}.text-button{min-height:auto;color:var(--color-primary);background:0 0;border:0;padding:8px 0;font-size:13px;font-weight:700}.icon-button{border-radius:var(--radius-xs);width:28px;height:28px;min-height:28px;color:var(--color-muted-10);background:0 0;border:0;padding:0;font-size:20px}.icon-button:hover{color:var(--color-danger);background:var(--color-danger-bg)}.button-block{width:100%}.button-large{border-radius:var(--radius-md);min-height:52px;font-size:15px}input,textarea{border:1px solid var(--color-border-input);border-radius:var(--radius-sm);width:100%;color:var(--color-text-strong);background:#fff;outline:none;padding:12px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--color-border-input-focus)}input::placeholder,textarea::placeholder{color:var(--color-placeholder)}.field-large{resize:vertical;border-radius:var(--radius-md);min-height:112px;padding:15px;font-size:16px;line-height:1.55}.field-large:focus{box-shadow:0 0 0 3px var(--color-primary-light)}.notice,.form-message{border-radius:var(--radius-sm);color:var(--color-success);background:var(--color-success-bg);padding:13px 15px;font-size:13px;line-height:1.5}.notice{margin:18px 0}.form-message{border-radius:8px;margin:12px 0 0;padding:10px}.notice.error,.form-message.error{color:var(--color-danger);background:var(--color-danger-bg)}.group-chip{border-radius:var(--radius-pill);width:fit-content;color:var(--color-primary-accent);background:var(--color-primary-light);align-items:center;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.group-chip-large{padding:6px 11px;font-size:12px}.connection-status,.live-status{color:var(--color-muted-7);align-items:center;gap:8px;font-size:12px;display:inline-flex}.connection-status>span,.live-status span{background:var(--color-muted-10);border-radius:50%;width:8px;height:8px}.connection-status.online>span,.live-status.connected span{background:var(--color-online);box-shadow:0 0 0 4px var(--color-online-halo)}.empty-card,.empty-state{color:var(--color-muted-3);align-items:center;gap:18px;font-size:13px;line-height:1.6;display:flex}.empty-card{min-height:120px;padding:23px}.empty-icon{color:var(--color-primary-soft);font-size:28px}.empty-card p,.empty-copy{color:var(--color-muted-3);margin:0;font-size:13px;line-height:1.6}.section-heading,.card-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.section-heading .eyebrow,.card-heading .eyebrow{margin-bottom:7px}.app-footer{color:var(--color-muted-4);font-size:11px}.app-footer span{margin:0 5px}.cloud-panel{place-items:center;min-width:0;padding:22px;display:grid;position:relative}.cloud-panel canvas{width:100%;height:auto;display:block}.cloud-panel .empty-message{color:var(--color-muted-3);text-align:center;font-size:14px;position:absolute;top:52%;left:20px;right:20px}.cloud-card{border:1px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-surface);overflow:hidden}.answer-total{text-align:right;flex:none;gap:3px;padding-bottom:4px;display:grid}.answer-total strong{letter-spacing:-1px;font-size:clamp(24px,4vw,36px)}.answer-total span{color:var(--color-muted-2);font-size:12px}.page-shell{width:min(1080px,100% - 48px);margin:0 auto}.topbar{height:82px}.topbar-note{color:var(--color-muted);margin-left:27px;font-size:13px}.logout-button{color:var(--color-danger-soft);margin-left:18px}.auth-loading{color:var(--color-muted);text-align:center;padding:70px 0}.login-view{width:min(460px,100%);margin:clamp(55px,12vh,110px) auto 90px}.login-view h1{font-size:clamp(36px,7vw,52px)}.login-form{gap:11px;margin-top:28px;display:grid}.login-form label{color:var(--color-text-soft);font-size:12px;font-weight:700}.login-form .primary-button{margin-top:4px}.auth-config-help{color:var(--color-muted-7);margin:6px 0 0;font-size:12px;line-height:1.5}.hero{padding:62px 0 35px}.hero h1{max-width:660px}.lead{max-width:540px;color:var(--color-muted-5);font-size:16px;line-height:1.7}.create-card{padding:27px 30px 30px}.create-card h2{margin-bottom:24px}.create-form{grid-template-columns:1fr .78fr;align-items:end;gap:16px;display:grid}.create-form label{color:var(--color-text-soft);flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.create-form label:first-child,.create-form label:nth-child(3){grid-column:1/-1}.create-form label span em{color:var(--color-muted-9);font-size:11px;font-style:normal;font-weight:400}.polls-section{padding:55px 0 70px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:25px}.poll-count{color:var(--color-muted-6);font-size:12px}.poll-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.poll-card{border:1px solid var(--color-line);min-height:130px;color:var(--color-text-strong);background:var(--color-surface);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:9px;padding:20px;transition:border-color .15s,transform .15s;display:flex;position:relative}.poll-card:hover{border-color:var(--color-primary-hover-border);transform:translateY(-2px)}.poll-card-icon{color:var(--color-muted-10);position:absolute;top:17px;right:18px}.poll-title{padding-right:15px;font-size:15px;font-weight:700}.poll-date{color:var(--color-muted-3);margin-top:auto;font-size:11px}.app-footer{border-top:1px solid var(--color-line);padding:20px 0 25px}.manage-heading{justify-content:space-between;align-items:flex-end;padding:35px 0 23px;display:flex}.manage-heading h1{margin-bottom:10px;font-size:clamp(30px,4vw,43px)}.manage-heading .eyebrow{margin-bottom:8px}.back-link{color:var(--color-muted-12);background:0 0;border:0;margin-bottom:22px;padding:0;font-size:12px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px;display:grid}.cloud-card{min-height:345px}.cloud-card canvas{width:100%;height:auto}.cloud-card .empty-copy{margin-top:5px}.share-card h2{margin-bottom:18px;font-size:19px}.qr-image{width:164px;height:164px;image-rendering:pixelated;margin:0 auto 15px;display:block}.qr-download{justify-content:center;align-items:center;margin-top:8px;text-decoration:none;display:flex}.share-url{color:var(--color-muted-11);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:11px;font-size:10px;overflow:hidden}.share-divider{background:var(--color-line);height:1px;margin:19px 0}.clone-form{gap:8px;margin-top:12px;display:grid}.clone-form input{padding:10px;font-size:12px}.lower-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.question-list,.history-list{gap:0;display:grid}.question-row,.history-row{border-top:1px solid var(--color-line-faint);justify-content:space-between;align-items:center;gap:12px;min-height:43px;font-size:13px;display:flex}.question-row:first-child,.history-row:first-child{border-top:0}.add-question-form{gap:8px;margin-top:16px;display:flex}.add-question-form input{min-width:0}.add-question-form button{flex:none}.history-row strong{color:var(--color-text-em);font-size:13px;display:block}.history-row small{color:var(--color-muted-9);margin-top:4px;font-size:10px;display:block}.hidden-words{border-top:1px solid var(--color-line);flex-wrap:wrap;gap:7px;margin-top:17px;padding-top:15px;display:flex}.hidden-words .eyebrow{flex:0 0 100%;margin-bottom:2px}.hidden-word{border:1px solid var(--color-line-extra);border-radius:var(--radius-pill);color:var(--color-muted-8);background:var(--color-surface-muted);padding:6px 9px;font-size:11px}.hidden-word span{color:var(--color-primary);margin-left:5px}.load-more-button{width:100%;color:var(--color-primary);background:0 0;border:0;margin-top:12px;padding:10px;font-size:12px;font-weight:700}@media (width<=760px){.page-shell{width:min(100% - 30px,560px)}.topbar{height:68px}.topbar-note{margin-left:15px;font-size:11px}.hero{padding:48px 0 27px}.create-card,.card{padding:19px}.create-form{grid-template-columns:1fr}.create-form label:first-child,.create-form label:nth-child(3){grid-column:auto}.poll-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.share-card{order:-1}.qr-image{width:145px;height:145px}.manage-heading{align-items:flex-start}}@media (width<=430px){.topbar-note{display:none}.poll-grid{grid-template-columns:1fr}.manage-heading{gap:12px}.live-status{white-space:nowrap;padding-top:20px}.section-heading h2{font-size:21px}.add-question-form{flex-direction:column;align-items:stretch}}