:root {
  --ink: #111419;
  --muted: #6e737c;
  --line: #dfe2e7;
  --paper: #f7f8f7;
  --white: #fff;
  --lime: #d6ff51;
  --cyan: #50dfe8;
  --purple: #a799ff;
  --orange: #ff8f6b;
  --navy: #0b2e31;
  --radius: 18px;
  --shadow: 0 18px 50px rgba(20,24,30,.09);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 0; color: var(--ink); background: var(--paper); font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", Inter, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body, button, input, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 999; padding: 12px 16px; color: #fff; background: var(--ink); border-radius: 8px; }
.skip-link:focus { top: 16px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 950; letter-spacing: -.04em; }
.brand-mark { width: 25px; height: 25px; padding: 5px; display: inline-flex; align-items: flex-end; justify-content: center; gap: 2px; background: var(--ink); border-radius: 50%; }
.brand-mark i { width: 3px; display: block; background: var(--lime); border-radius: 2px; }
.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:9px}
.btn { min-height: 46px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid var(--ink); border-radius: 9px; background: var(--ink); color: #fff; font-size: 14px; font-weight: 850; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(17,20,25,.13); }
.btn-primary { color: var(--ink); background: var(--lime); border-color: var(--lime); }
.btn-secondary { color: var(--ink); background: #fff; border-color: var(--line); }
.btn-small { min-height: 38px; padding: 0 14px; font-size: 12px; }
.btn-block { width: 100%; }
.link { font-size: 13px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.muted { color: var(--muted); }
.badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; color: #52631e; background: #f2ffd1; border-radius: 20px; font-size: 10px; font-weight: 900; }
.badge::before { content:""; width: 6px; height: 6px; background: #75b828; border-radius: 50%; }
.badge.gray { color: #6f747b; background: #eff1f2; }.badge.gray::before { background:#a5abb1; }

/* Public pages */
.public-header { position:sticky;top:0;z-index:40;background:rgba(247,248,247,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px) }
.public-header-inner { width:min(1200px,calc(100% - 48px));min-height:74px;margin:auto;display:flex;align-items:center;gap:32px }
.public-nav { margin-left:auto;display:flex;align-items:center;gap:28px }
.public-nav a { color:#4d5259;font-size:13px;font-weight:800 }.public-nav a.active{color:var(--ink)}
.public-actions { display:flex;align-items:center;gap:11px }.public-actions>a:not(.btn){font-size:13px;font-weight:800}
.public-menu { display:none }
.public-hero { padding:105px 0 64px;text-align:center;background:#fff;border-bottom:1px solid var(--line) }
.public-container { width:min(1100px,calc(100% - 48px));margin-inline:auto }
.public-kicker { margin:0 0 20px;color:#7d8289;font-size:10px;font-weight:900;letter-spacing:.16em }
.public-hero h1 { margin:0;font-size:clamp(48px,6vw,82px);line-height:1;letter-spacing:-.07em }.public-hero h1 span{color:#8ba91d}
.public-hero>div>p:last-child{margin:24px auto 0;max-width:620px;color:var(--muted);font-size:15px;line-height:1.7}
.public-plans { padding:80px 0 110px }.public-plans .plan-grid{align-items:stretch}
.public-note { margin:28px 0 0;color:#8a8f96;font-size:10px;text-align:center }
.public-footer { padding:34px 0;color:#858b92;background:var(--ink) }.public-footer-inner{width:min(1200px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.public-footer .brand{color:#fff}.public-footer small{font-size:9px}

/* Auth */
.auth-page { min-height: 100vh; display: grid; grid-template-columns: minmax(420px, .9fr) minmax(520px, 1.1fr); background: #fff; }
.auth-main { min-height: 100vh; padding: 34px clamp(28px, 6vw, 90px); display: flex; flex-direction: column; }
.auth-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.auth-top > span { color: var(--muted); font-size: 12px; }
.auth-card { width: min(100%, 430px); margin: auto; padding: 60px 0; }
.auth-kicker { margin: 0 0 16px; color: #858a91; font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.auth-card h1 { margin: 0; font-size: clamp(38px, 4vw, 54px); line-height: 1.05; letter-spacing: -.06em; }
.auth-card > p { margin: 17px 0 34px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.form-grid { display: grid; gap: 18px; }
.field { display: grid; gap: 8px; min-width: 0; }
.field label { font-size: 12px; font-weight: 800; }
.field input, .field select, .field textarea { width: 100%; min-width: 0; min-height: 50px; padding: 0 14px; color: var(--ink); background: #fff; border: 1px solid #d7dade; border-radius: 9px; outline: 0; }
.field textarea { min-height: 104px; padding-block: 13px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--ink); box-shadow: 0 0 0 3px rgba(17,20,25,.07); }
.field-help { color: #92979e; font-size: 10px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-options { display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 12px; }
.check { display: inline-flex; align-items: center; gap: 8px; color: #575c64; }.check input { accent-color: var(--ink); }
.auth-switch { margin-top: 24px; color: var(--muted); font-size: 12px; text-align: center; }.auth-switch a { color: var(--ink); font-weight: 900; }
.auth-visual { position: relative; isolation: isolate; min-height: 100vh; padding: clamp(40px,6vw,90px); overflow: hidden; display: flex; flex-direction: column; justify-content: center; color: #fff; background: var(--ink); }
.auth-visual::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:72px 72px; }
.auth-visual h2 { max-width: 650px; margin: 0 0 35px; font-size: clamp(46px,5vw,76px); line-height: 1; letter-spacing: -.07em; }.auth-visual h2 span { color: var(--lime); }
.auth-flow { max-width: 600px; display: grid; grid-template-columns: 1fr 70px 1fr; align-items: center; gap: 12px; }
.auth-demo { padding: 25px; background: #fff; color: var(--ink); border-radius: 16px; box-shadow: var(--shadow); }.auth-demo small { color:#8a9097;font-size:9px;font-weight:900;letter-spacing:.1em}.auth-demo strong { margin-top:18px; display:block; font-size:18px; }.auth-demo p { margin:8px 0 0;color:var(--muted);font-size:11px}.auth-arrow { color:var(--lime);font-size:28px;text-align:center}.auth-result { border:2px solid var(--lime); }.auth-result b { float:right;font-size:27px}.auth-result b small { color:#767c84; }

/* Application shell */
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 252px minmax(0,1fr); }
.app-sidebar { position: sticky; top: 0; height: 100vh; padding: 28px 20px; display: flex; flex-direction: column; color: #d4d7da; background: var(--ink); }
.app-sidebar .brand { padding: 0 10px 28px; color:#fff; }.app-sidebar .brand-mark { background:#fff; }
.side-label { margin: 18px 12px 8px; color:#666d76; font-size:9px; font-weight:900; letter-spacing:.15em; }
.side-nav { display:grid;gap:4px}.side-nav a { min-height:44px; padding:0 13px; display:flex; align-items:center; gap:11px; border-radius:9px; color:#8e949d; font-size:13px;font-weight:750}.side-nav a:hover,.side-nav a.active{color:var(--ink);background:var(--lime)}.nav-icon { width:22px;text-align:center;font-size:15px}.side-project { margin-top:auto; padding:16px; background:#20242a;border:1px solid #2c3138;border-radius:12px}.side-project small{color:#777f88;font-size:9px}.side-project strong{margin-top:7px;display:block;color:#fff;font-size:12px}.side-project span{margin-top:10px;display:block;color:#8e959d;font-size:10px}
.app-content { min-width:0; }
.app-topbar { min-height:72px; padding:0 34px; display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(247,248,247,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.breadcrumbs{color:#858a91;font-size:11px}.breadcrumbs b{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:12px}.notification{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff}.user-chip{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800}.user-avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--purple);border-radius:50%;font-size:11px;font-weight:950}.mobile-app-nav{display:none}
.page-main { width:min(1220px,calc(100% - 68px)); margin:0 auto; padding:54px 0 80px; }
.page-head { margin-bottom:34px; display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-head h1{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.055em}.page-head p{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.page-head-actions{display:flex;gap:9px;flex-shrink:0}
.panel { min-width:0; background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(20,24,30,.035); }.panel-pad{padding:28px}.panel-head{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:17px;letter-spacing:-.035em}.panel-head p{margin:6px 0 0;color:var(--muted);font-size:11px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stack{display:grid;gap:16px}
.stat-card { padding:22px;background:#fff;border:1px solid var(--line);border-radius:15px}.stat-card > span{color:var(--muted);font-size:10px;font-weight:800}.stat-card strong{margin-top:14px;display:block;font-size:32px;letter-spacing:-.05em}.stat-card small{margin-top:9px;display:block;color:#4b7a31;font-size:9px}.stat-card.accent{background:var(--lime);border-color:#c3e35e}.stat-card.dark{color:#fff;background:var(--ink);border-color:var(--ink)}.stat-card.dark > span,.stat-card.dark small{color:#9ba1aa}

/* Projects */
.project-menu[hidden]{display:none}
.project-more{width:28px;height:20px;min-width:0;min-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#7e848b;background:transparent;border:0;border-radius:0;font-size:13px;line-height:1;letter-spacing:2px;text-indent:2px;cursor:pointer}
.project-more:hover,.project-more[aria-expanded="true"]{color:var(--ink);background:transparent}
.project-more:focus-visible{outline:2px solid #8ca52d;outline-offset:3px}
.project-menu{top:calc(100% + 8px);right:-2px}
.project-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{position:relative;min-height:245px;padding:24px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:17px;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.project-card.new{align-items:center;justify-content:center;border-style:dashed;background:transparent;text-align:center}.new-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;font-size:24px}.project-card.new strong{margin-top:16px;font-size:14px}.project-card.new p{margin:8px 0 0;color:var(--muted);font-size:11px}.project-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-card h2{margin:34px 0 8px;font-size:20px;letter-spacing:-.04em}.project-card p{margin:0;color:var(--muted);font-size:11px}.project-meta{margin-top:auto;padding-top:24px;display:flex;justify-content:space-between;border-top:1px solid #eceef0;color:#777d85;font-size:12px}.project-actions{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.project-actions a{min-height:36px;display:grid;place-items:center;background:#f2f3f4;border-radius:7px;font-size:10px;font-weight:800}.project-actions a:first-child{background:var(--ink);color:#fff}.project-menu-wrap{position:relative}.project-more{width:34px;height:30px;display:grid;place-items:center;color:#7e848b;background:transparent;border:0;border-radius:7px;font-size:12px;font-weight:900;letter-spacing:.08em;cursor:pointer}.project-more:hover,.project-more[aria-expanded="true"]{color:var(--ink);background:#f0f2ef}.project-menu{position:absolute;top:35px;right:0;z-index:12;width:178px;padding:6px;background:#fff;border:1px solid #dcdfdb;border-radius:10px;box-shadow:0 16px 38px rgba(17,20,25,.15)}.project-menu button{width:100%;min-height:40px;padding:0 11px;text-align:left;color:#31353a;background:transparent;border:0;border-radius:7px;font-size:10px;font-weight:800;cursor:pointer}.project-menu button:hover{background:#f2f4f1}.project-menu button.danger{color:#c3413d}.project-menu button.danger:hover{background:#fff1ef}.project-menu button:disabled{color:#b6bac0;background:transparent;cursor:not-allowed}
.project-modal{width:min(640px,calc(100% - 32px));max-height:min(90dvh,780px);margin:auto;padding:0;overflow:auto;color:var(--ink);background:#fff;border:0;border-radius:20px;box-shadow:0 32px 100px rgba(10,13,18,.28)}.project-modal[open]{animation:project-modal-in .2s ease-out}.project-modal::backdrop{background:rgba(21,25,31,.56);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.project-modal-card{margin:0}.project-modal-head{padding:28px 30px 23px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.project-modal-eyebrow{display:block;margin-bottom:7px;color:#789226;font-size:8px;font-weight:950;letter-spacing:.14em}.project-modal-head h2{margin:0;font-size:27px;letter-spacing:-.05em}.project-modal-head p{margin:9px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.project-modal-close{width:38px;height:38px;padding:0;flex:0 0 auto;display:grid;place-items:center;color:#6e747b;background:#f4f5f4;border:0;border-radius:50%;font-size:23px;line-height:1;cursor:pointer}.project-modal-close svg{display:block;pointer-events:none}.project-modal-close:hover{color:var(--ink);background:#eceeeb}.project-modal-body{padding:24px 30px;display:grid;gap:20px}.project-modal .field label em,.project-period legend em{margin-left:5px;color:#81962d;font-size:8px;font-style:normal}.project-modal .field label>span{margin-left:5px;color:#9da2a8;font-size:8px;font-weight:700}.project-period{min-width:0;margin:0;padding:0;border:0}.project-period legend{margin-bottom:8px;font-size:12px;font-weight:800}.project-period-grid{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:end;gap:8px}.project-period-divider{height:50px;display:grid;place-items:center;color:#8d939a;font-size:12px}.project-modal-actions{padding:19px 30px 24px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line)}.project-modal-actions .btn{min-width:112px}@keyframes project-modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.project-end-modal{width:min(440px,calc(100% - 32px));margin:auto;padding:0;color:var(--ink);background:#fff;border:0;border-radius:18px;box-shadow:0 32px 100px rgba(10,13,18,.28)}.project-end-modal[open]{animation:project-modal-in .18s ease-out}.project-end-modal::backdrop{background:rgba(21,25,31,.56);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.project-end-card{padding:30px;text-align:center}.project-end-icon{width:48px;height:48px;margin:0 auto 18px;display:grid;place-items:center;color:#b6403c;background:#fff0ed;border-radius:50%;font-size:21px;font-weight:950}.project-end-card h2{margin:0;font-size:22px;letter-spacing:-.045em}.project-end-card>p{margin:13px 0 0;color:#737980;font-size:11px;line-height:1.75}.project-end-card>p strong{color:var(--ink)}.project-end-note{margin-top:17px;padding:12px;color:#687078;background:#f4f5f4;border-radius:9px;font-size:10px}.project-end-actions{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.project-end-confirm{color:#fff;background:#c74641;border-color:#c74641}

/* Statistics */
.chart-panel{padding:26px}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.chart-toolbar h2{margin:0;font-size:17px}.chart-toolbar select{min-height:36px;padding:0 10px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:10px}.bar-chart{height:290px;margin-top:30px;padding:10px 5px 0;display:flex;align-items:flex-end;gap:clamp(8px,3vw,28px);border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 57px,#eef0f1 58px)}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px}.bar-column i{width:min(42px,72%);height:var(--h);display:block;background:var(--ink);border-radius:6px 6px 0 0}.bar-column.active i{background:var(--lime);border:1px solid #bfdd5a}.bar-column span{margin-bottom:-24px;color:#868c93;font-size:9px}.question-table{width:100%;border-collapse:collapse}.question-table th,.question-table td{padding:15px 18px;text-align:left;border-bottom:1px solid #eceef0;font-size:11px}.question-table th{color:#8c9198;font-size:9px;letter-spacing:.06em}.question-table td:first-child{width:48px;font-weight:900}.question-table td:last-child{text-align:right;font-weight:900}.question-table tr:last-child td{border-bottom:0}.question-table em{padding:4px 7px;color:#5e7028;background:#f2ffd5;border-radius:10px;font-size:8px;font-style:normal;font-weight:900}

/* Payment */
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card{position:relative;padding:28px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px}.plan-card.recommended{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--lime)}.recommend-label{position:absolute;top:0;right:20px;padding:7px 10px;color:var(--ink);background:var(--lime);border-radius:0 0 8px 8px;font-size:9px;font-weight:900}.plan-card h2{margin:4px 0 10px;font-size:20px}.plan-card > p{min-height:40px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.price{margin:28px 0;display:flex;align-items:baseline;gap:4px}.price strong{font-size:38px;letter-spacing:-.06em}.price span{color:var(--muted);font-size:10px}.plan-list{margin:0 0 30px;padding:20px 0 0;display:grid;gap:13px;border-top:1px solid var(--line);list-style:none}.plan-list li{font-size:11px}.plan-list li::before{content:"✓";margin-right:8px;font-weight:900}.plan-card .btn{margin-top:auto}.billing-row{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.billing-row + .billing-row{border-top:1px solid var(--line)}.billing-row strong{display:block;font-size:13px}.billing-row span{margin-top:6px;display:block;color:var(--muted);font-size:10px}

/* Settings / connect / customize / share */
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.settings-section{padding:26px}.settings-section + .settings-section{border-top:1px solid var(--line)}.settings-title{margin:0 0 22px;font-size:16px}.avatar-setting{display:flex;align-items:center;gap:16px}.avatar-large{width:68px;height:68px;display:grid;place-items:center;background:var(--purple);border-radius:50%;font-size:22px;font-weight:950}.form-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:8px}.info-list{display:grid;gap:0}.info-row{padding:15px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eceef0;font-size:11px}.info-row:last-child{border-bottom:0}.info-row span{color:var(--muted)}
.steps-line{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.setup-step{padding:18px;background:#f5f6f5;border-radius:12px}.setup-step span{width:26px;height:26px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;font-size:9px;font-weight:900}.setup-step strong{margin-top:30px;display:block;font-size:12px}.setup-step p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.code-field{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f2f3f4;border:1px solid #e2e4e6;border-radius:9px}.code-field code{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.code-field button{flex-shrink:0;border:0;background:transparent;font-size:10px;font-weight:900;cursor:pointer}.host-preview{min-height:310px;padding:22px;color:#fff;background:var(--ink);border-radius:15px}.host-preview-top{display:flex;align-items:center;justify-content:space-between}.host-preview-top strong{font-size:13px}.host-question{margin-top:15px;padding:15px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:9px;font-size:10px}.host-question:first-of-type{margin-top:28px;background:#f5ffd7}.host-question b:last-child{font-size:16px}
.color-options{display:flex;gap:10px}.color-radio{position:relative}.color-radio input{position:absolute;opacity:0}.color-radio span{width:38px;height:38px;display:block;background:var(--color);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #ccd0d3;cursor:pointer}.color-radio input:checked + span{box-shadow:0 0 0 3px var(--ink)}.preview-phone{max-width:330px;margin:auto;padding:12px;background:var(--ink);border-radius:28px;box-shadow:var(--shadow)}.preview-screen{min-height:520px;padding:25px 18px;background:#f7f8f7;border-radius:20px}.preview-notch{width:70px;height:7px;margin:-12px auto 30px;background:var(--ink);border-radius:10px}.preview-screen h3{margin:0;font-size:18px}.preview-screen > p{margin:9px 0 24px;color:var(--muted);font-size:10px}.preview-ask{padding:16px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:10px}.preview-submit{width:100%;min-height:42px;margin-top:10px;border:0;border-radius:8px;background:var(--preview,var(--lime));font-size:11px;font-weight:900}.preview-note{margin-top:25px;padding:16px;background:#fff;border-radius:10px;font-size:9px;color:var(--muted)}
.share-hero{padding:30px;display:grid;grid-template-columns:1fr 220px;gap:30px;align-items:center}.share-hero h2{margin:0 0 12px;font-size:27px;letter-spacing:-.05em}.share-hero p{margin:0 0 25px;color:var(--muted);font-size:12px;line-height:1.6}.share-actions{display:flex;gap:8px}.qr{width:190px;height:190px;padding:14px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:3px;background:#fff;border:1px solid var(--line);border-radius:12px}.qr i{background:#fff}.qr i:nth-child(3n),.qr i:nth-child(4n+1),.qr i:nth-child(7n+2){background:var(--ink)}.qr i:nth-child(1),.qr i:nth-child(2),.qr i:nth-child(7),.qr i:nth-child(8),.qr i:nth-child(9),.qr i:nth-child(43),.qr i:nth-child(44),.qr i:nth-child(49){background:var(--ink)}
.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel-card{padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.channel-icon{width:40px;height:40px;display:grid;place-items:center;background:#eef0f1;border-radius:11px;font-weight:950}.channel-card strong{margin-top:18px;display:block;font-size:13px}.channel-card p{min-height:34px;margin:7px 0 18px;color:var(--muted);font-size:10px;line-height:1.6}

.toast { position:fixed;right:24px;bottom:24px;z-index:100;padding:13px 17px;color:#fff;background:var(--ink);border-radius:9px;box-shadow:var(--shadow);font-size:11px;font-weight:800;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}

/* Viewer question page */
.question-page { min-height:100vh;color:#fff;background:var(--ink) }
.question-page .question-intro .question-code,.question-page .question-intro h1 span{color:var(--question-accent,var(--lime))}
.question-page .question-submit,.question-page .question-success-icon,.question-page .question-points li::before{background:var(--question-accent,var(--lime))}
.question-page .question-intro>p:not(.question-code){white-space:pre-wrap;overflow-wrap:anywhere}
[data-customize-preview] .preview-screen h3,[data-customize-preview] .preview-screen>p,[data-customize-preview] .preview-ask{overflow-wrap:anywhere;white-space:pre-wrap}
.settings-layout>*,[data-customize-form] .field{min-width:0}
.color-radio input:focus-visible+span{outline:2px solid var(--ink);outline-offset:5px}
.question-page::before { content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 85%) }
.question-header { position:relative;z-index:2;width:min(1060px,calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px }
.question-header .brand { color:#fff }.question-header .brand-mark{background:#fff}
.question-live { display:flex;align-items:center;gap:7px;color:#b9bec5;font-size:10px;font-weight:900;letter-spacing:.08em }.question-live i{width:7px;height:7px;background:#65df8c;border-radius:50%;box-shadow:0 0 0 5px rgba(101,223,140,.12)}
.question-main { position:relative;z-index:1;width:min(1120px,calc(100% - 40px));margin:auto;padding:76px 0 100px;display:grid;grid-template-columns:minmax(0,.78fr) minmax(480px,1fr);align-items:start;gap:84px }
.question-intro{position:sticky;top:130px;padding-top:54px}
.question-intro .question-code { margin:0 0 22px;color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.14em }
.question-intro h1 { margin:0;font-size:clamp(48px,5vw,74px);line-height:1.02;letter-spacing:-.07em }.question-intro h1 span{color:var(--lime)}
.question-intro>p:not(.question-code){margin:25px 0 0;color:#aab0b9;font-size:14px;line-height:1.8}.question-points{margin:38px 0 0;padding:0;display:grid;gap:13px;list-style:none;color:#d5d8dc;font-size:11px}.question-points li{display:flex;align-items:center;gap:10px}.question-points li::before{content:"✓";width:22px;height:22px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border-radius:50%;font-weight:950}
.question-form-card { padding:34px;background:#fff;color:var(--ink);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.32) }.question-form-card h2{margin:0;font-size:26px;letter-spacing:-.05em}.question-form-card>p{margin:10px 0 26px;color:var(--muted);font-size:12px;line-height:1.6}
.question-textarea-wrap{position:relative}.question-textarea-wrap textarea{width:100%;min-height:190px;padding:18px 18px 38px;border:1px solid #d9dce0;border-radius:12px;outline:0;resize:vertical;font-size:15px;line-height:1.65}.question-textarea-wrap textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(17,20,25,.08)}.question-count{position:absolute;right:14px;bottom:13px;color:#979ca3;font-size:9px}
.question-privacy{margin:14px 0 20px;display:flex;align-items:flex-start;gap:8px;color:#757b83;font-size:10px;line-height:1.5}.question-privacy::before{content:"●";color:#62b67c;font-size:8px}.question-submit{width:100%;min-height:54px;border:0;border-radius:10px;background:var(--lime);font-size:14px;font-weight:900;cursor:pointer}.question-submit:hover{filter:brightness(.97)}
.question-success{display:none;padding:30px 10px;text-align:center}.question-success.show{display:block}.question-success-icon{width:64px;height:64px;margin:0 auto 22px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border-radius:50%;font-size:26px;font-weight:950}.question-success h2{font-size:25px}.question-success p{max-width:300px;margin:12px auto 24px;color:var(--muted);font-size:12px;line-height:1.7}.question-form.hidden{display:none}
.question-participation{min-width:0;display:grid;gap:18px}.community-questions{padding:28px 20px 20px 26px;color:var(--ink);background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.24)}.community-questions-head{padding-right:6px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.community-eyebrow{margin-bottom:6px;display:flex;align-items:center;gap:6px;color:#64801a;font-size:8px;font-weight:950;letter-spacing:.14em}.community-eyebrow i{width:6px;height:6px;background:#63d982;border-radius:50%;box-shadow:0 0 0 4px rgba(99,217,130,.14)}.community-questions h2{margin:0;font-size:22px;letter-spacing:-.045em}.community-total{padding:7px 10px;color:#666d75;background:#f2f4f1;border-radius:18px;font-size:9px;white-space:nowrap}.community-total strong{margin-right:2px;color:var(--ink);font-size:12px}.community-guide{margin:9px 6px 18px 0;color:#858b92;font-size:10px}.community-question-list{max-height:560px;margin:0;padding:0 6px 0 0;display:grid;align-content:start;gap:9px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;list-style:none}.community-question-list:focus-visible{outline:2px solid #a9d322;outline-offset:4px;border-radius:10px}.community-question-list::-webkit-scrollbar{width:7px}.community-question-list::-webkit-scrollbar-track{background:#f0f2ef;border-radius:8px}.community-question-list::-webkit-scrollbar-thumb{background:#bdc3ba;border-radius:8px}.community-question-list::-webkit-scrollbar-thumb:hover{background:#929a8f}.community-question-item{padding:14px 15px 15px;border:1px solid #e2e5e1;border-radius:12px;background:#fbfcfa}.community-question-item.is-new{border-color:#b6dc2e;background:#f7ffdc;animation:question-in .35s ease-out}.community-question-meta{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px}.community-avatar{width:30px;height:30px;display:grid;place-items:center;color:#31424a;background:#cce7ef;border-radius:50%;font-size:8px;font-weight:900}.community-avatar.violet{background:#d8ceff}.community-avatar.yellow{background:#ffe1a4}.community-avatar.green{background:#c9efd1}.community-avatar.coral{background:#ffd4c9}.community-question-meta strong{display:block;font-size:10px}.community-question-meta time{margin-top:3px;display:block;color:#9a9fa5;font-size:8px}.community-question-meta em{padding:6px 8px;color:#6f812f;background:#eff6d8;border-radius:14px;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}.community-question-item>p{margin:12px 0 0;font-size:13px;font-weight:750;line-height:1.5;letter-spacing:-.015em}.community-question-item.has-answer{border-color:#ced8be}.community-answer{margin-top:13px;padding:11px 12px;background:#f1f4ee;border:1px solid #dce2d8;border-radius:9px}.community-answer>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-answer strong{display:inline-flex;align-items:center;gap:6px;color:#4d5850;font-size:9px}.community-answer strong i{width:20px;height:20px;display:grid;place-items:center;color:#fff;background:#283029;border-radius:6px;font-size:8px;font-style:normal}.community-answer time{color:#939a94;font-size:8px}.community-answer p{margin:8px 0 0;color:#384039;font-size:11px;line-height:1.55}.community-answer.live{background:#171b21;border-color:#171b21}.community-answer.live strong{color:#fff}.community-answer.live strong i{color:#fff;background:#343a42}.community-answer.live time{color:#aeb5bd}.community-answer.live p{color:#f1f3f4}.community-answer.manual{background:#efffc4;border-color:#c9ec54}.community-answer.manual strong{color:#303910}.community-answer.manual strong i{color:#1b2105;background:var(--lime)}.community-answer.manual time{color:#68752f}.community-answer.manual p{color:#2e350f}@keyframes question-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* Host live dashboard */
.host-page{min-height:100vh;color:#fff;background:#101318}
.host-topbar{min-height:76px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #2b3037;background:#15191f}.host-topbar .brand{color:#fff}.host-topbar .brand-mark{background:#fff}.host-brand-wrap{display:flex;align-items:center}.host-project-title{margin-left:24px;padding-left:24px;border-left:1px solid #343941}.host-project-title small{display:block;color:#757c85;font-size:8px;font-weight:900;letter-spacing:.12em}.host-project-title strong{margin-top:5px;display:block;font-size:13px}.host-top-actions{display:flex;align-items:center;gap:20px}.host-live-badge{display:flex;align-items:center;gap:7px;padding:8px 11px;color:#8fe9aa;background:#193422;border:1px solid #295338;border-radius:20px;font-size:9px;font-weight:900}.host-live-badge i{width:7px;height:7px;background:#60d983;border-radius:50%;box-shadow:0 0 0 4px rgba(96,217,131,.12)}.host-clock{color:#8b929b;font-size:11px;font-variant-numeric:tabular-nums}.host-exit{min-height:36px;padding:0 13px;display:flex;align-items:center;color:#b2b7bf;border:1px solid #343a42;border-radius:8px;font-size:10px;font-weight:800}
.host-overview{padding:20px 30px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;border-bottom:1px solid #292e35}.host-overview h1{margin:0;font-size:24px;letter-spacing:-.045em}.host-overview p{margin:7px 0 0;color:#777f88;font-size:10px}.host-summary{display:flex;align-items:center;gap:10px}.host-summary-card{min-width:105px;padding:10px 13px;background:#1b2027;border:1px solid #2c323a;border-radius:9px}.host-summary-card span{display:block;color:#777f88;font-size:8px}.host-summary-card strong{margin-top:4px;display:block;font-size:18px}.host-summary-card.accent{color:var(--ink);background:var(--lime);border-color:var(--lime)}.host-summary-card.accent span{color:#5e6d28}
.host-workspace{height:calc(100vh - 174px);min-height:650px;padding:18px 30px 30px;display:grid;grid-template-columns:minmax(350px,.82fr) minmax(520px,1.18fr);gap:16px}.host-column{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#171b21;border:1px solid #2b3037;border-radius:15px}.host-column-head{min-height:66px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #2b3037}.host-column-head h2{margin:0;font-size:15px}.host-column-head p{margin:5px 0 0;color:#737b84;font-size:9px}.host-column-tools{display:flex;align-items:center;gap:8px}.host-column-tools span{padding:7px 9px;color:#9ba2aa;background:#22272e;border-radius:7px;font-size:8px;font-weight:800}.host-column-tools span.active{color:var(--ink);background:var(--lime)}
.live-question-list{margin:0;padding:12px;display:grid;gap:9px;overflow:auto;list-style:none}.live-question-item{padding:14px;background:#1f242b;border:1px solid #2c3239;border-radius:11px}.live-question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.viewer-token{display:flex;align-items:center;gap:8px;color:#8d949c;font-size:8px}.viewer-avatar{width:26px;height:26px;display:grid;place-items:center;color:#24292f;background:#bcdde7;border-radius:50%;font-size:8px;font-style:normal;font-weight:900}.live-question-item:nth-child(2) .viewer-avatar,.live-question-item:nth-child(6) .viewer-avatar{background:#cfc5ff}.live-question-item:nth-child(3) .viewer-avatar{background:#ffdda2}.live-question-item:nth-child(4) .viewer-avatar{background:#c7efcf}.live-question-item:nth-child(5) .viewer-avatar{background:#ffd0c4}.live-question-meta time{color:#666e77;font-size:8px}.live-question-item>p{margin:12px 0 0;color:#edf0f2;font-size:12px;line-height:1.5}.group-chip{margin-top:11px;display:inline-flex;padding:4px 7px;color:#a9bb6a;background:#29321d;border-radius:10px;font-size:7px;font-weight:900}
.host-rank-scroll{min-height:0;overflow:auto}.host-queue-head{padding:13px 14px 4px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#f1f3f4}.host-queue-head strong{font-size:10px}.host-queue-head strong span{color:var(--lime)}.host-queue-head small{color:#717981;font-size:8px}.host-ranking,.host-answered-list{margin:0;padding:9px 12px 12px;display:grid;gap:9px;list-style:none}.host-rank-item{min-height:86px;padding:13px 14px;display:grid;grid-template-columns:32px minmax(150px,1fr) 54px 88px;align-items:center;gap:12px;background:#fff;color:var(--ink);border:1px solid transparent;border-radius:11px;transition:border-color .18s,background .18s,opacity .18s}.host-rank-item.is-next{min-height:100px;background:#f4ffd2;border:2px solid var(--lime)}.host-rank-item.is-reasked{background:#fff8e7;border-color:#f0ae39}.host-rank-item.is-answered{min-height:78px;color:#727982;background:#22272e;border-color:#303740}.host-rank-no{font-size:16px;font-weight:950;text-align:center}.is-reasked .host-rank-no{color:#c87300;font-size:20px}.is-answered .host-rank-no{color:#6dd98b}.host-rank-content{min-width:0}.host-rank-content strong{display:block;font-size:13px;letter-spacing:-.025em}.host-rank-content small{margin-top:7px;display:block;color:#858b92;font-size:8px;line-height:1.5}.host-rank-content em{margin-right:5px;color:#687d28;font-style:normal;font-weight:900}.host-question-state{width:max-content;margin-bottom:7px;padding:4px 7px;display:block;border-radius:5px;font-size:7px;font-weight:950;letter-spacing:.03em}.host-question-state.next{color:#182000;background:var(--lime)}.host-question-state.reasked{color:#8a4a00;background:#ffe0a2}.host-question-state.answered{color:#8d969f;background:#30363e}.host-reask-meta em{color:#c06b00}.host-rank-count{text-align:right;font-size:22px;font-weight:950}.host-rank-count small{margin-left:2px;color:#777d85;font-size:8px}.host-rank-count.reask-count{color:#c87300}.host-answer-button{min-height:36px;padding:0 10px;border:1px solid var(--ink);color:#fff;background:var(--ink);border-radius:7px;font-size:9px;font-weight:900;white-space:nowrap;cursor:pointer}.host-answer-button:hover{color:var(--ink);background:var(--lime);border-color:var(--lime)}.host-answer-button.reanswer{color:#7a4200;background:#ffd67e;border-color:#eba428}.host-answer-button.undo{color:#9ca4ad;background:transparent;border-color:#464d56}.host-answer-button.undo:hover{color:#fff;border-color:#747d87}.host-answered{margin:3px 12px 14px;border-top:1px solid #30353c}.host-answered-head{padding:15px 2px 4px;display:flex;align-items:center;justify-content:space-between;gap:14px}.host-answered-head strong{display:block;color:#d3d7dc;font-size:10px}.host-answered-head strong span{color:#78df96}.host-answered-head small{margin-top:5px;display:block;color:#68717a;font-size:8px}.host-answered-head button{padding:6px 9px;color:#9aa2aa;background:#242a31;border:1px solid #333a42;border-radius:6px;font-size:8px;font-weight:800;cursor:pointer}.host-answered-list{padding-inline:0}.host-answered-list[hidden]{display:none}.host-rank-footer{margin-top:auto;min-height:42px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#69717a;border-top:1px solid #2b3037;font-size:8px}.host-rank-footer span:first-child{display:flex;align-items:center;gap:6px}.host-rank-footer i{width:6px;height:6px;background:#62d783;border-radius:50%}

.team-row-actions form{margin:0}.team-row-actions form .team-text-button{height:100%}.team-invite-modal .field>small{margin-top:7px;display:block;color:#858c91;font-size:9px;line-height:1.5}.team-invite-modal button:disabled{cursor:wait;opacity:.7}.field input[readonly]{color:#646b67;background:#f3f5f1}
.question-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.question-submit:disabled{cursor:wait;opacity:.7}.question-unavailable{padding:34px 10px;text-align:center}.question-unavailable>span{padding:6px 9px;display:inline-block;color:#747b80;background:#edf0eb;border-radius:12px;font-size:8px;font-weight:950;letter-spacing:.1em}.question-unavailable h2{margin:18px 0 0}.question-unavailable p{margin:12px auto 0!important;max-width:360px;color:#767d82;font-size:11px;line-height:1.7}.question-live.is-closed{color:#aeb3b9;background:#2d3238}.question-live.is-closed i{background:#8a9096;box-shadow:none}.community-empty{margin:18px 6px 4px;padding:22px;color:#8a9095;background:#f6f7f5;border:1px dashed #d8ddd5;border-radius:10px;text-align:center;font-size:10px}.question-intro h1{overflow-wrap:anywhere}

@media (max-width:1024px){
  .host-workspace{grid-template-columns:minmax(300px,.75fr) minmax(440px,1.25fr);padding-inline:18px}.host-overview{padding-inline:20px}.host-rank-item{grid-template-columns:28px minmax(140px,1fr) 48px 78px;gap:9px}.host-rank-bar{display:none}
  .auth-page{grid-template-columns:1fr 1fr}.auth-main{padding:28px 40px}.auth-visual{padding:50px}.auth-flow{grid-template-columns:1fr}.auth-arrow{transform:rotate(90deg)}
  .app-shell{grid-template-columns:210px minmax(0,1fr)}.app-sidebar{padding-inline:14px}.page-main{width:min(100% - 40px,1220px)}
  .project-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card:last-child{grid-column:1/-1}.settings-layout{grid-template-columns:1fr 290px}
}
@media (max-width:768px){
  .host-topbar{min-height:66px;padding:0 16px}.host-project-title,.host-clock,.host-exit{display:none}.host-overview{padding:18px 14px;grid-template-columns:1fr}.host-overview p{font-size:11px;line-height:1.5}.host-summary{display:grid;grid-template-columns:repeat(3,1fr)}.host-summary-card{min-width:0}.host-workspace{height:auto;min-height:0;padding:12px 10px 40px;display:flex;flex-direction:column}.host-ranking-column{order:1}.host-incoming-column{order:2}.host-column{max-height:none}.host-rank-scroll{overflow:visible}.live-question-list{max-height:520px}.host-rank-item{grid-template-columns:28px minmax(120px,1fr) 48px 82px}.host-column-head{position:sticky;top:0;z-index:2;background:#171b21}
  .question-main{padding:48px 0 80px;grid-template-columns:1fr;gap:42px}.question-intro{position:static;padding-top:0;text-align:center}.question-intro>p:not(.question-code){max-width:500px;margin-inline:auto}.question-points{width:max-content;max-width:100%;margin-inline:auto;text-align:left}.question-participation{max-width:560px;width:100%;margin:auto}.question-form-card{width:100%;margin:auto}
  .public-header-inner{width:min(100% - 32px,1200px);min-height:66px}.public-nav,.public-actions{display:none}.public-menu{display:block;margin-left:auto;position:relative}.public-menu summary{width:40px;height:40px;display:grid;place-content:center;gap:5px;list-style:none;cursor:pointer}.public-menu summary::-webkit-details-marker{display:none}.public-menu summary i{width:21px;height:2px;background:var(--ink)}.public-menu-panel{position:fixed;top:66px;left:0;right:0;padding:20px;display:grid;gap:8px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.public-menu-panel a{min-height:42px;padding:0 10px;display:flex;align-items:center;border-radius:8px;font-size:13px;font-weight:800}.public-menu-panel .btn{justify-content:center;background:var(--lime)}.public-hero{padding:75px 0 52px}.public-container{width:min(100% - 28px,1100px)}
  .auth-page{display:block}.auth-main{min-height:100vh;padding:24px}.auth-visual{display:none}.auth-card{padding:60px 0 30px}.auth-top>span{display:none}
  .app-shell{display:block}.app-sidebar{display:none}.app-topbar{min-height:64px;padding:0 18px}.breadcrumbs{display:none}.mobile-app-nav{display:block;position:relative}.mobile-app-nav summary{width:40px;height:40px;display:grid;place-content:center;gap:5px;list-style:none;cursor:pointer}.mobile-app-nav summary::-webkit-details-marker{display:none}.mobile-app-nav summary i{width:20px;height:2px;background:var(--ink)}.mobile-nav-panel{position:fixed;top:64px;left:0;right:0;padding:18px;display:grid;gap:6px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-nav-panel a{min-height:42px;padding:0 12px;display:flex;align-items:center;border-radius:8px;font-size:12px;font-weight:800}.mobile-nav-panel a.active{background:var(--lime)}.user-chip>span:not(.user-avatar){display:none}
  .page-main{width:min(100% - 28px,1220px);padding:38px 0 65px}.page-head{align-items:flex-start;flex-direction:column}.page-head-actions{width:100%}.page-head-actions .btn{flex:1}.grid-3{grid-template-columns:1fr 1fr}.project-grid,.plan-grid{grid-template-columns:1fr}.plan-card:last-child{grid-column:auto}.settings-layout{grid-template-columns:1fr}.steps-line{grid-template-columns:1fr}.share-hero{grid-template-columns:1fr}.qr{margin:auto}.channel-grid{grid-template-columns:1fr 1fr}.bar-chart{gap:8px}.question-table{min-width:600px}.table-scroll{overflow-x:auto}.form-row{grid-template-columns:1fr}
}
.project-card.new[data-project-open]{cursor:pointer}
.community-filters{margin:16px 6px 10px 0;padding:4px;display:inline-flex;gap:4px;background:#f2f4f1;border:1px solid #e4e8df;border-radius:11px}
.community-filters button{min-height:40px;padding:0 18px;color:#737b70;background:transparent;border:1px solid transparent;border-radius:8px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.community-filters button[aria-pressed="true"]{color:#303c22;background:#fff;border-color:#dce3d4;box-shadow:0 2px 5px rgba(30,40,20,.06)}
.community-filters button:focus-visible{outline:2px solid #81962d;outline-offset:2px}
.community-question-item[hidden],.community-empty[hidden]{display:none}
.community-browser-note{margin:14px 6px 0 0;color:#8a9187;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.project-menu button.project-menu-end{color:#68733f}
.project-menu button.project-menu-end:hover{color:#465325;background:#f1f4e8}
.project-menu button.project-menu-end:disabled{color:#b6bac0;background:transparent;cursor:not-allowed}
.project-menu button.project-menu-delete{margin-top:5px;border-top:1px solid #f0e4e2;border-radius:0 0 7px 7px}
.project-end-modal:not(.project-delete-modal) .project-end-icon{color:#68733f;background:#f1f4e8}
.project-end-confirm{color:#fff;background:#68733f;border-color:#68733f}
.project-end-confirm:hover{background:#535e30;border-color:#535e30}
.project-delete-confirm{color:#fff;background:#c74641;border-color:#c74641}
.project-delete-confirm:hover{background:#ac3733;border-color:#ac3733}
.project-delete-note{color:#9b3c36;background:#fff2ef;line-height:1.7}
.project-delete-modal{max-height:calc(100dvh - 32px);overflow:auto}
.project-delete-modal strong{overflow-wrap:anywhere}
.project-modal .project-field-error{display:block;margin-top:7px;color:#a3352c;font-size:12px;line-height:1.6}
.project-modal .project-field-error[hidden],.project-modal [data-project-form-error][hidden]{display:none}
.project-modal [aria-invalid="true"]{border-color:#c14a40;box-shadow:0 0 0 2px rgba(193,74,64,.1)}
.project-filter{margin:0;display:flex;gap:8px;align-items:center;flex-shrink:0}
.page-head-actions:has(>.project-filter){flex-direction:row;align-items:center}
.project-filter select{width:112px;min-height:46px;padding:0 12px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:14px;cursor:pointer}
.project-filter select:focus-visible{outline:2px solid #81962d;outline-offset:3px}
.project-filter-empty{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.6}
@media (max-width:430px){
  .host-top-actions{gap:8px}.host-live-badge{padding:7px 9px}.host-overview h1{font-size:21px}.host-summary-card{padding:9px}.host-summary-card strong{font-size:16px}.host-column-head{padding:0 14px}.host-column-tools span:not(.active){display:none}.live-question-item{padding:12px}.live-question-item>p{font-size:13px}.host-queue-head{padding:13px 12px 4px;align-items:flex-start;flex-direction:column;gap:4px}.host-ranking{padding-inline:9px}.host-rank-item{min-height:96px;padding:12px 10px;grid-template-columns:25px minmax(0,1fr) 44px;gap:7px}.host-rank-item.is-next{min-height:108px}.host-rank-content strong{font-size:13px;line-height:1.35}.host-rank-content small{font-size:9px}.host-rank-count{font-size:20px}.host-answer-button{min-height:44px;grid-column:2/4;width:100%}.host-answered{margin-inline:9px}.host-answered-head{align-items:flex-start}.host-answered-head small{max-width:230px;line-height:1.4}.host-answered-list .host-rank-item{grid-template-columns:25px minmax(0,1fr) 44px}
  .question-header{width:min(100% - 28px,1060px);min-height:66px}.question-header .brand{font-size:15px}.question-live{font-size:8px}.question-main{width:min(100% - 24px,1060px);padding:42px 0 60px;gap:32px}.question-intro h1{font-size:42px}.question-intro>p:not(.question-code){font-size:12px}.question-form-card{padding:24px 20px;border-radius:17px}.question-form-card h2{font-size:23px}.question-textarea-wrap textarea{min-height:170px;font-size:14px}.community-questions{padding:22px 10px 14px 16px;border-radius:17px}.community-questions-head{padding-right:6px}.community-questions h2{font-size:20px}.community-guide{margin-right:6px;font-size:10px;line-height:1.5}.community-question-list{max-height:520px;padding-right:6px}.community-question-item{padding:13px 12px}.community-question-meta{grid-template-columns:30px minmax(0,1fr)}.community-question-meta em{grid-column:2;width:max-content;margin-top:1px}.community-question-item>p{font-size:13px}
  .public-hero h1{font-size:46px}.public-plans{padding:55px 0 80px}.public-footer-inner{align-items:flex-start;flex-direction:column}
  .page-main{width:min(100% - 22px,1220px)}.page-head h1{font-size:36px}.page-head-actions{flex-direction:column}.grid-2,.grid-3{grid-template-columns:1fr}.panel-pad,.settings-section,.chart-panel{padding:20px}.project-card{min-height:225px}.project-modal{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.project-modal-head{padding:22px 20px 18px}.project-modal-head h2{font-size:24px}.project-modal-head p{font-size:10px}.project-modal-body{padding:20px;gap:17px}.project-period-grid{grid-template-columns:1fr}.project-period-divider{display:none}.project-modal-actions{padding:16px 20px 20px}.project-modal-actions .btn{min-width:0;flex:1}.stat-card strong{font-size:28px}.top-actions .notification{display:none}.channel-grid{grid-template-columns:1fr}.share-hero{padding:22px}.share-actions{flex-direction:column}.billing-row{align-items:flex-start;flex-direction:column}.form-options{align-items:flex-start;flex-direction:column}.auth-card h1{font-size:38px}
}

/* Long imported questions and URLs must wrap without widening the public question form. */
.question-page .question-participation,.question-page .community-question-list{grid-template-columns:minmax(0,1fr)}
.question-page .question-form-card,.question-page .community-questions,.question-page .community-question-list,.question-page .community-question-item{min-width:0;max-width:100%}
.question-page .community-question-item>p,.question-page .community-answer p{overflow-wrap:anywhere;word-break:normal}

.auth-message{width:100%;max-width:none;margin:0 0 18px;padding:13px 15px;border:1px solid transparent;border-radius:12px;font-size:14px;line-height:1.55;text-align:center;overflow-wrap:anywhere}
.auth-message.error{color:#8f2f25;background:#fff2ef;border-color:#f2c9c1}
.auth-message.success{color:#315f19;background:#f0f8e7;border-color:#cfe4bb}
.account-message{max-width:none;margin-bottom:20px}
.m-notice[role="status"],.m-notice[role="alert"]{width:100%;max-width:none;text-align:center;overflow-wrap:anywhere}
.auth-pending-link{color:#80868b;font-size:13px;cursor:default}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}

/* Project card overflow trigger: keep the hit area aligned to the visible dots. */
.project-card .project-more{width:28px;height:20px;min-width:0;min-height:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:0;font-size:13px;line-height:1;letter-spacing:2px;text-indent:2px}
.project-card .project-more:hover,.project-card .project-more[aria-expanded="true"]{color:var(--ink);background:transparent}
.project-card .project-more:focus-visible{outline:2px solid #8ca52d;outline-offset:3px}
.project-card .project-menu{top:calc(100% + 8px);right:-2px}

/* Project workspace */
.project-card[data-project-enter]{cursor:pointer}.project-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-card-title>span:last-child{color:#969ba1;font-size:15px;transition:transform .18s,color .18s}.project-card-title:hover>span:last-child{color:var(--ink);transform:translateX(3px)}
.project-detail-shell{padding-top:72px}.project-detail-shell .project-topbar{position:fixed;inset:0 0 auto;z-index:40}.project-detail-shell .project-sidebar{top:72px;height:calc(100vh - 72px);padding:22px 16px;color:var(--ink);background:#f2f4ef;border-right:1px solid #dfe3dc}.project-detail-shell .project-sidebar .side-label{display:none}.project-detail-shell .project-sidebar .side-nav{gap:6px}.project-detail-shell .project-sidebar .side-nav a{min-height:48px;padding:0 12px;color:#686e73;border:1px solid transparent;border-radius:10px}.project-detail-shell .project-sidebar .side-nav a:hover{color:var(--ink);background:#e7eae4;border-color:#dfe3dc}.project-detail-shell .project-sidebar .side-nav a.active{color:var(--ink);background:var(--lime);border-color:#c4e656;box-shadow:0 5px 14px rgba(118,145,31,.12)}.project-detail-shell .project-sidebar .nav-icon{width:28px;height:28px;display:grid;place-items:center;color:#747b80;background:#e4e7e1;border-radius:8px;font-size:13px}.project-detail-shell .project-sidebar .side-nav a[href="share.html"] .nav-icon,.project-detail-shell .project-sidebar .side-nav a[href="statistics.html"] .nav-icon{font-size:0}.project-detail-shell .project-sidebar .side-nav a[href="share.html"] .nav-icon::before{content:"↗";font-size:13px}.project-detail-shell .project-sidebar .side-nav a[href="statistics.html"] .nav-icon::before{content:"▥";font-size:13px}.project-detail-shell .project-sidebar a.active .nav-icon{color:var(--ink);background:rgba(255,255,255,.52)}.project-detail-shell .project-back{margin-left:0}
.project-exit{min-height:42px;margin:26px 0 30px;padding:0 13px;display:flex;align-items:center;gap:10px;color:#d8dbe0;background:#252930;border:1px solid #30353d;border-radius:9px;font-size:10px;font-weight:800}.project-exit:hover{color:#fff;background:#2d323a}.project-exit span{font-size:15px}.project-sidebar .side-label{margin-top:0}
.project-topbar{gap:18px}.project-context{min-width:0;display:flex;align-items:center;gap:10px}.project-back{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;color:var(--ink);background:#f1f3f0;border:1px solid #e2e5e1;border-radius:50%;font-size:17px;font-weight:900}.project-back:hover{background:var(--lime);border-color:var(--lime)}.project-context-label{color:#8d939a;font-size:9px;font-weight:800}.project-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.project-context .badge{flex:0 0 auto}.project-mobile-exit{margin-bottom:6px;color:var(--ink);background:#edf0eb}.project-page-eyebrow{display:block;margin-bottom:10px;color:#82972e;font-size:8px;font-weight:950;letter-spacing:.14em}.project-home-head{align-items:center}.project-workspace-section{margin-top:38px}.project-section-head{padding-inline:0;border:0}.project-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-tool-card{min-height:122px;padding:22px;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:start;gap:14px;background:#fff;border:1px solid var(--line);border-radius:15px;transition:transform .18s,box-shadow .18s,border-color .18s}.project-tool-card:hover{transform:translateY(-2px);border-color:#ccd2c8;box-shadow:var(--shadow)}.project-tool-card>span{width:30px;height:30px;display:grid;place-items:center;color:#6e7f28;background:#efffc4;border-radius:8px;font-size:9px;font-weight:950}.project-tool-card strong{display:block;font-size:14px}.project-tool-card p{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.project-tool-card>b{align-self:center;color:#969ba1;font-size:15px}
@media (max-width:768px){.project-detail-shell{padding-top:64px}.project-context{flex:1;gap:7px}.project-context-label{display:none}.project-context strong{font-size:11px}.project-context .badge{padding:5px 7px;font-size:7px}.project-back{width:32px;height:32px}.project-tool-grid{grid-template-columns:1fr}.project-home-head{align-items:flex-start}}
@media (max-width:430px){.project-topbar{padding-inline:11px;gap:7px}.project-context{gap:6px}.project-context strong{max-width:126px}.project-context .badge{display:none}.project-topbar .user-avatar{width:34px;height:34px}.project-tool-card{min-height:108px;padding:18px;grid-template-columns:30px minmax(0,1fr) 16px;gap:11px}}

/* Authenticated presenter workspace */
.presenter-stage{min-height:calc(100vh - 72px);color:#fff;background:#101318}.presenter-stage .host-workspace{height:calc(100vh - 244px)}.project-topbar .host-live-badge{flex:0 0 auto}.project-topbar .host-clock{color:#777e86}
.project-detail-shell .presenter-stage{color:var(--ink);background:#f5f6f3}.project-detail-shell .host-overview{background:#f5f6f3;border-bottom-color:#dce1da}.project-detail-shell .host-overview h1{color:var(--ink)}.project-detail-shell .host-overview p{color:#727980}.project-detail-shell .host-summary-card{color:var(--ink);background:#fff;border-color:#d9ded6;box-shadow:0 5px 16px rgba(23,28,32,.045)}.project-detail-shell .host-summary-card span{color:#7d848a}.project-detail-shell .host-summary-card.accent{background:var(--lime);border-color:#c3e550;box-shadow:0 6px 18px rgba(119,145,31,.12)}.project-detail-shell .host-column{background:#fff;border-color:#d5dbd3;box-shadow:0 9px 24px rgba(24,29,33,.055)}.project-detail-shell .host-column-head{background:#fff;border-bottom-color:#dce1da}.project-detail-shell .host-column-head h2{color:var(--ink)}.project-detail-shell .host-column-head p{color:#7a8187}.project-detail-shell .host-column-tools span{color:#70777d;background:#edf0eb;border:1px solid #e0e4de}.project-detail-shell .host-column-tools span.active{color:var(--ink);background:var(--lime);border-color:#c4e653}.project-detail-shell .live-question-list{background:#fafbf9}.project-detail-shell .live-question-item{background:#fff;border-color:#dce1da;box-shadow:0 3px 10px rgba(23,28,32,.035)}.project-detail-shell .viewer-token{color:#71787f}.project-detail-shell .live-question-meta time{color:#8a9095}.project-detail-shell .live-question-item>p{color:#24282d}.project-detail-shell .group-chip{color:#647728;background:#eff7d8;border:1px solid #dce9b9}.project-detail-shell .host-rank-scroll{background:#fafbf9}.project-detail-shell .host-queue-head{color:var(--ink);border-bottom:1px solid #edf0eb}.project-detail-shell .host-queue-head strong span{color:#70862a}.project-detail-shell .host-queue-head small{color:#777e84}.project-detail-shell .host-rank-item{border-color:#d9ded7;box-shadow:0 3px 10px rgba(23,28,32,.035)}.project-detail-shell .host-rank-item.is-next{border-color:#b9dd43;box-shadow:0 5px 15px rgba(118,145,31,.11)}.project-detail-shell .host-rank-item.is-reasked{border-color:#e8b550}.project-detail-shell .host-rank-item.is-answered{color:#737a80;background:#eef1ed;border-color:#d8ded6;box-shadow:none}.project-detail-shell .host-question-state.answered{color:#626a70;background:#dce1db}.project-detail-shell .host-answer-button.undo{color:#646c72;background:#fff;border-color:#bfc7bd}.project-detail-shell .host-answer-button.undo:hover{color:var(--ink);background:#e6eae4;border-color:#aeb8ab}.project-detail-shell .host-answered{border-top-color:#d9ded7}.project-detail-shell .host-answered-head strong{color:#3d4348}.project-detail-shell .host-answered-head strong span{color:#3f8653}.project-detail-shell .host-answered-head small{color:#7b8288}.project-detail-shell .host-answered-head button{color:#636a70;background:#edf0eb;border-color:#d9ded7}.project-detail-shell .host-rank-footer{color:#737a80;background:#fbfcfa;border-top-color:#d9ded7}
.presenter-fullscreen-button{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;color:#fff;background:var(--ink);border:1px solid var(--ink);border-radius:9px;font-size:10px;font-weight:900;white-space:nowrap;cursor:pointer}.presenter-fullscreen-button:hover{color:var(--ink);background:var(--lime);border-color:var(--lime)}.presenter-fullscreen-icon{position:relative;width:14px;height:14px;display:block;background:linear-gradient(var(--lime),var(--lime)) 0 0/5px 2px no-repeat,linear-gradient(var(--lime),var(--lime)) 0 0/2px 5px no-repeat,linear-gradient(var(--lime),var(--lime)) 100% 0/5px 2px no-repeat,linear-gradient(var(--lime),var(--lime)) 100% 0/2px 5px no-repeat,linear-gradient(var(--lime),var(--lime)) 0 100%/5px 2px no-repeat,linear-gradient(var(--lime),var(--lime)) 0 100%/2px 5px no-repeat,linear-gradient(var(--lime),var(--lime)) 100% 100%/5px 2px no-repeat,linear-gradient(var(--lime),var(--lime)) 100% 100%/2px 5px no-repeat}.presenter-fullscreen-button:hover .presenter-fullscreen-icon{filter:brightness(.35)}
.app-shell.is-presenter-fullscreen{display:block}.is-presenter-fullscreen .app-sidebar{display:none}.is-presenter-fullscreen .app-content{min-width:0}.is-presenter-fullscreen .app-topbar{backdrop-filter:none;-webkit-backdrop-filter:none}.is-presenter-fullscreen .presenter-fullscreen-button{color:var(--ink);background:var(--lime);border-color:var(--lime)}.is-presenter-fullscreen .presenter-fullscreen-icon{filter:brightness(.35)}
@media (min-width:769px) and (max-width:920px){[data-presenter-shell]{display:block}[data-presenter-shell]>.app-sidebar{display:none}[data-presenter-shell] .app-topbar{min-height:64px;padding:0 18px}[data-presenter-shell] .mobile-app-nav{display:block;position:relative}[data-presenter-shell] .mobile-app-nav summary{width:40px;height:40px;display:grid;place-content:center;gap:5px;list-style:none;cursor:pointer}[data-presenter-shell] .mobile-app-nav summary::-webkit-details-marker{display:none}[data-presenter-shell] .mobile-app-nav summary i{width:20px;height:2px;background:var(--ink)}[data-presenter-shell] .mobile-nav-panel{position:fixed;top:64px;left:0;right:0;padding:18px;display:grid;gap:6px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}[data-presenter-shell] .mobile-nav-panel a{min-height:42px;padding:0 12px;display:flex;align-items:center;border-radius:8px;font-size:12px;font-weight:800}[data-presenter-shell] .mobile-nav-panel a.active{background:var(--lime)}[data-presenter-shell].is-presenter-fullscreen .mobile-app-nav{display:none}}
@media (max-width:768px){.presenter-stage{min-height:calc(100vh - 64px)}.presenter-stage .host-workspace{height:auto}.project-topbar .host-clock{display:none}.is-presenter-fullscreen .mobile-app-nav{display:none}.presenter-fullscreen-button{padding-inline:10px}}
@media (max-width:430px){.presenter-fullscreen-button [data-fullscreen-label]{display:none}.presenter-fullscreen-button{width:38px;padding:0;justify-content:center}.project-topbar .host-live-badge{display:none}}

/* Authenticated presenter question stream */
.host-summary-card strong b{font:inherit}.host-live-badge.is-paused{color:#727980;background:#eef0ed}.host-live-badge.is-paused i{background:#a7ada7;box-shadow:none}.host-live-badge.is-disconnected{color:#9a514c;background:#fff0ee}.host-live-badge.is-disconnected i{background:#d5635b;box-shadow:none}
.live-question-empty{min-height:230px;padding:34px 20px;display:grid;place-content:center;text-align:center;color:#737a80;background:#fff;border:1px dashed #d2d8cf;border-radius:12px}.live-question-empty strong{color:#343a3f;font-size:13px}.live-question-empty span{margin-top:8px;font-size:9px;line-height:1.6}
.live-question-item.is-new{border-color:#aecd43;box-shadow:0 0 0 3px rgba(194,229,72,.18),0 6px 18px rgba(75,91,24,.08);animation:host-question-arrive .35s ease-out}.live-question-item.is-new .group-chip{color:#263000;background:var(--lime);border-color:#c3e550}
.host-stream-footer{margin-top:auto;min-height:42px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#737a80;background:#fbfcfa;border-top:1px solid #d9ded7;font-size:8px}.host-stream-footer span:first-child{display:flex;align-items:center;gap:6px}.host-stream-footer i{width:6px;height:6px;background:#62d783;border-radius:50%}.host-stream-footer .is-error{color:#a34e47}.host-stream-footer .is-error i{background:#db665d}
.host-feature-pending{min-height:0;flex:1;padding:36px;display:grid;place-content:center;text-align:center;background:#fafbf9}.host-feature-pending[hidden]{display:none}.host-feature-pending.compact{min-height:190px}.host-feature-pending>span{width:54px;height:54px;margin:0 auto 17px;display:grid;place-items:center;color:#596923;background:#eaf4cc;border:1px solid #d4e5a4;border-radius:16px;font-size:14px;font-weight:950}.host-feature-pending strong{font-size:17px;letter-spacing:-.035em}.host-feature-pending p{max-width:360px;margin:10px auto 0;color:#788087;font-size:10px;line-height:1.7}.host-rank-footer .pending i{background:#aeb4ae}
.host-item-actions.no-people{grid-template-columns:1fr 1fr}.host-item-actions.no-people.answered-actions{grid-template-columns:1fr}.host-item-actions button:disabled{opacity:.55;cursor:wait}
@keyframes host-question-arrive{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:768px){.host-feature-pending{min-height:280px}.host-feature-pending.compact{min-height:190px}.host-stream-footer{position:sticky;bottom:0}.host-ranking-column{order:1}.host-incoming-column{order:2}.host-item-actions.no-people{grid-template-columns:1fr 1fr}}
@media (max-width:430px){.host-stream-footer{padding-inline:12px}.host-feature-pending{padding:26px 18px}.live-question-empty{min-height:190px}}

/* Running project shortcuts in the signed-in workspace. */
.workspace-project-shortcuts{margin:22px 0 18px;padding-top:19px;border-top:1px solid #2d3239}
.workspace-project-shortcuts-head{margin:0 8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8e959d;font-size:8px;font-weight:900;letter-spacing:.05em}
.workspace-project-shortcuts-head b{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;color:#1c2308;background:var(--lime);border-radius:9px;font-size:8px}
.workspace-project-shortcut{min-height:58px;margin-top:7px;padding:10px 9px;display:grid;grid-template-columns:7px minmax(0,1fr) 10px;align-items:center;gap:9px;color:#d9dde0;background:#20252b;border:1px solid #30363d;border-radius:10px;transition:background .18s,border-color .18s,transform .18s}
.workspace-project-shortcut:hover,.workspace-project-shortcut:focus-visible{color:#fff;background:#282e35;border-color:#56602f;transform:translateX(2px)}
.workspace-project-shortcut>i{width:7px;height:7px;background:#72dc91;border-radius:50%;box-shadow:0 0 0 3px rgba(114,220,145,.1)}
.workspace-project-shortcut>span{min-width:0}
.workspace-project-shortcut strong{display:block;overflow:hidden;font-size:9px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.workspace-project-shortcut small{margin-top:5px;display:block;color:#858e96;font-size:7px;font-weight:800}
.workspace-project-shortcut>b{color:#7d858d;font-size:15px;font-weight:500}
.mobile-nav-label,.mobile-project-link{display:none}

/* Workspace account controls stay anchored below the project navigation. */
.workspace-account-nav{margin-top:auto;padding-top:14px;border-top:1px solid #2d3239}

@media (max-width:768px){.mobile-nav-panel .mobile-nav-label{margin:8px 12px 0;display:block;color:#91979c;font-size:8px;font-weight:900;letter-spacing:.05em}.mobile-nav-panel .mobile-project-link{display:flex;gap:9px;padding-left:16px;color:#434a4f;background:#f5f6f3}.mobile-project-link i{width:7px;height:7px;flex:0 0 auto;background:#66ce82;border-radius:50%}.mobile-nav-panel{max-height:calc(100dvh - 64px);overflow-y:auto}}

/* Project team management */
.team-summary .stat-card strong b{font:inherit}.team-panel{margin-top:18px;overflow:hidden}.team-panel-head{padding:22px 24px}.team-project-chip{padding:7px 10px;color:#65752c;background:#eff8d5;border-radius:18px;font-size:9px;font-weight:900}.team-list-head,.team-row{display:grid;grid-template-columns:minmax(240px,1.45fr) minmax(150px,.8fr) 110px 150px;align-items:center;gap:18px}.team-list-head{padding:11px 24px;color:#8b9197;background:#f6f7f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px;font-weight:900;letter-spacing:.06em}.team-list{margin:0;padding:0;list-style:none}.team-row{min-height:88px;padding:14px 24px;border-bottom:1px solid #ecefeb}.team-row:last-child{border-bottom:0}.team-row.pending{background:#fcfdf9}.team-person{min-width:0;display:flex;align-items:center;gap:12px}.team-person>span:last-child{min-width:0}.team-avatar{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;color:#344128;background:#dcebc1;border-radius:12px;font-size:12px;font-weight:950}.team-avatar.owner{color:#182000;background:var(--lime)}.team-avatar.violet{background:#ded7ff}.team-avatar.blue{background:#cce8f0}.team-avatar.pending{color:#7a8085;background:#eceeed}.team-person strong{display:flex;align-items:center;gap:6px;font-size:12px}.team-person strong em{padding:3px 5px;color:#68782e;background:#edf7d1;border-radius:5px;font-size:7px;font-style:normal}.team-person small{margin-top:5px;display:block;overflow:hidden;color:#858b91;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.team-role select{width:100%;height:36px;padding:0 28px 0 10px;color:var(--ink);background:#fff;border:1px solid #d7dcd5;border-radius:8px;font-size:10px;font-weight:850}.team-role select:disabled{color:#6f767c;background:#f1f3f0}.team-role small{margin-top:5px;display:block;color:#93999e;font-size:8px}.team-status{display:inline-flex;align-items:center;gap:6px;color:#626a70;font-size:9px;font-weight:850;white-space:nowrap}.team-status i{width:7px;height:7px;background:#5fc67c;border-radius:50%}.team-status.pending{color:#9a6d15}.team-status.pending i{background:#e6a52b}.team-owner-note{color:#999fa4;font-size:9px;text-align:right}.team-row-actions{display:flex;justify-content:flex-end;gap:6px}.team-text-button{min-height:32px;padding:0 9px;color:#545c62;background:#f1f3f0;border:1px solid #dce1da;border-radius:7px;font-size:8px;font-weight:900;cursor:pointer}.team-text-button:hover{color:var(--ink);background:#e9ece7}.team-text-button.danger{color:#b24945}.team-text-button.danger:hover{background:#fff0ee;border-color:#f0ceca}.team-role-guide{margin-top:30px}.team-guide-head{padding-inline:0;border:0}.team-role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.team-role-grid article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:13px}.team-role-grid article>span{width:27px;height:27px;display:grid;place-items:center;color:#617027;background:#eff8d5;border-radius:7px;font-size:8px;font-weight:950}.team-role-grid strong{margin-top:18px;display:block;font-size:12px}.team-role-grid p{margin:7px 0 0;color:#7d848a;font-size:9px;line-height:1.6}.team-invite-modal{width:min(600px,calc(100% - 32px))}.team-invite-modal select{width:100%;height:50px;padding:0 13px;color:var(--ink);background:#fff;border:1px solid #d6dadd;border-radius:8px;font-size:12px}.team-invite-flow{padding:15px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f4f6f1;border:1px solid #e1e5de;border-radius:10px}.team-invite-flow span{display:flex;align-items:center;gap:6px;color:#596066;font-size:9px;font-weight:800}.team-invite-flow b{width:21px;height:21px;display:grid;place-items:center;color:#1b2106;background:var(--lime);border-radius:50%;font-size:8px}.team-invite-flow i{color:#a2a7ab;font-style:normal;font-size:11px}
@media (max-width:1024px){.team-list-head,.team-row{grid-template-columns:minmax(210px,1.25fr) minmax(140px,.8fr) 100px 120px}.team-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.team-list-head{display:none}.team-row{margin:10px;padding:17px;grid-template-columns:minmax(0,1fr) auto;gap:15px;border:1px solid #e0e4de;border-radius:12px}.team-person{grid-column:1/-1}.team-role{grid-column:1/2}.team-status{justify-self:end}.team-row-actions{grid-column:1/-1}.team-row-actions .team-text-button{flex:1}.team-owner-note{align-self:center}.team-invite-flow{align-items:stretch;flex-direction:column}.team-invite-flow i{display:none}}
@media (max-width:430px){.team-panel-head{padding:18px}.team-project-chip{display:none}.team-row{grid-template-columns:1fr}.team-role,.team-person{grid-column:1}.team-status,.team-owner-note{justify-self:start}.team-role-grid{grid-template-columns:1fr 1fr}.team-role-grid article{padding:16px}.team-invite-modal .project-modal-head{padding:22px 20px 18px}.team-invite-modal .project-modal-body{padding:20px}.team-invite-modal .project-modal-actions{padding:16px 20px 20px}.team-invite-modal .project-modal-actions .btn{min-width:0;flex:1}}

/* Question identity */
.question-identity{margin-bottom:16px;padding:16px;display:grid;gap:12px;background:#f4f6f2;border:1px solid #e2e6df;border-radius:12px}
.question-anonymous{min-height:42px;padding:11px 2px 0;display:flex;align-items:center;gap:10px;border-top:1px solid #dde2da;cursor:pointer}.question-anonymous input{width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:#1b2024}.question-anonymous span{display:block}.question-anonymous b{display:block;font-size:11px}.question-anonymous small{margin-top:4px;display:block;color:#7b8288;font-size:8px}
.question-nickname-field label{margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;color:#555d63;font-size:10px;font-weight:900}.question-nickname-field label em{padding:3px 6px;color:#627426;background:#e7f2c4;border-radius:4px;font-size:7px;font-style:normal}.question-nickname-field input{width:100%;height:48px;padding:0 13px;color:var(--ink);background:#fff;border:1px solid #cfd6cc;border-radius:9px;font:inherit;font-size:12px;outline:0}.question-nickname-field input:focus{border-color:#98b62f;box-shadow:0 0 0 3px rgba(181,217,58,.16)}.question-nickname-field input:disabled{color:#a4aaa4;background:#e9ece7;cursor:not-allowed}

/* Presenter controls and answer history */
.project-detail-shell .host-workspace{grid-template-columns:minmax(310px,.72fr) minmax(560px,1.28fr)}
.project-detail-shell .host-rank-item{grid-template-columns:30px minmax(180px,1fr) 50px 178px;gap:10px}
.project-detail-shell .host-rank-content strong{font-size:18px;line-height:1.35}
.project-detail-shell .host-ranking .host-rank-content>small:not(.host-reask-meta){font-size:10px;line-height:1.55}
.host-item-actions{display:grid;grid-template-columns:minmax(60px,1fr) minmax(60px,1fr) 42px;gap:5px}.host-item-actions.answered-actions{grid-template-columns:42px 1fr}
.host-action{min-width:0;min-height:47px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#596168;background:#f2f4f1;border:1px solid #d7ddd4;border-radius:8px;cursor:pointer}.host-action span{font-size:11px;line-height:1}.host-action em{font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}.host-action:hover{color:var(--ink);background:#e8ebe5;border-color:#c2c9bf}.host-action.live{color:#fff;background:var(--ink);border-color:var(--ink)}.host-action.live:hover{color:var(--ink);background:var(--lime);border-color:var(--lime)}.host-action.manual span{font-size:15px}.host-action.people{padding:0;color:#556523;background:#f2f8df;border-color:#d8e5b3}.host-action.people svg{width:22px;height:22px;display:block;fill:currentColor}.host-action.people:hover{color:#34400f;background:#e7f3c2;border-color:#c5d98b}
.host-answer-method{width:max-content;margin-top:8px;padding:4px 7px;display:inline-flex;align-items:center;gap:4px;border-radius:5px;font-size:8px;font-weight:950}.host-answer-method.live{color:#fff;background:#252a30}.host-answer-method.manual{color:#586923;background:#dfeeb1}.host-answer-method i{font-style:normal}.host-manual-preview{margin-top:7px!important;padding:8px 9px;color:#4f575d!important;background:#fff;border:1px solid #d6dcd4;border-radius:7px;font-size:9px!important;line-height:1.55!important}.host-rank-item.is-answered{min-height:96px}
.host-copy-link{min-height:38px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;color:#535b61;background:#f4f6f2;border:1px solid #d9ded6;border-radius:9px;font-size:9px;cursor:pointer}.host-copy-link:hover{color:var(--ink);background:#eef8d4;border-color:#c7dd7c}.host-copy-link span{font-size:13px}.host-copy-link b{font-size:9px;white-space:nowrap}

.host-participants-popover[hidden]{display:none}.host-participants-popover{position:fixed;z-index:90;width:min(340px,calc(100vw - 24px));max-height:min(580px,calc(100vh - 24px));overflow:hidden;color:var(--ink);background:#fff;border:1px solid #d4dad1;border-radius:15px;box-shadow:0 22px 60px rgba(20,25,28,.22)}.host-participants-popover>header{padding:16px 17px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #e3e7e0}.host-participants-popover>header span{display:block;color:#889087;font-size:8px;font-weight:950;letter-spacing:.1em}.host-participants-popover>header strong{margin-top:5px;display:block;font-size:14px;line-height:1.35}.host-participants-popover>header button{width:30px;height:30px;flex:0 0 auto;color:#656d72;background:#f0f2ee;border:0;border-radius:50%;font-size:18px;cursor:pointer}.host-participants-popover>p{margin:0;padding:11px 17px;color:#747c81;background:#f7f8f6;font-size:9px}.host-participants-popover ol{max-height:440px;margin:0;padding:7px 10px 12px;overflow:auto;list-style:none}.host-participants-popover li{padding:11px 8px;border-bottom:1px solid #edf0eb}.host-participants-popover li:last-child{border-bottom:0}.host-participants-popover li strong{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#747c81;font-size:9px}.host-participants-popover li strong code{color:#92999e;font-family:inherit;font-size:inherit;font-weight:700}.host-participants-popover li p{margin:5px 0 0;font-size:11px;line-height:1.5}

.host-manual-dialog{width:min(520px,calc(100% - 28px));padding:0;color:var(--ink);background:#fff;border:0;border-radius:17px;box-shadow:0 30px 90px rgba(15,19,21,.35)}.host-manual-dialog::backdrop{background:rgba(13,17,19,.52);backdrop-filter:blur(4px)}.host-manual-dialog form>header{padding:23px 24px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #e3e7e0}.host-manual-dialog header span{color:#83982f;font-size:8px;font-weight:950;letter-spacing:.13em}.host-manual-dialog h2{margin:7px 0 0;font-size:23px;letter-spacing:-.04em}.host-manual-dialog header p{margin:7px 0 0;color:#737b80;font-size:10px}.host-manual-dialog header button{width:32px;height:32px;flex:0 0 auto;background:#eef1ec;border:0;border-radius:50%;font-size:18px;cursor:pointer}.host-manual-body{padding:20px 24px}.host-manual-body label{margin-bottom:8px;display:block;font-size:10px;font-weight:900}.host-manual-body textarea{width:100%;min-height:140px;padding:13px;resize:vertical;color:var(--ink);border:1px solid #cfd6cc;border-radius:10px;font:inherit;font-size:12px;line-height:1.6;outline:0}.host-manual-body textarea:focus{border-color:#99b52f;box-shadow:0 0 0 3px rgba(181,217,58,.16)}.host-manual-body small{margin-top:7px;display:block;color:#81888d;font-size:8px}.host-manual-dialog footer{padding:0 24px 22px;display:flex;justify-content:flex-end;gap:8px}.host-manual-dialog footer .btn{min-width:116px}

@media (max-width:1024px){
  .project-detail-shell .host-workspace{grid-template-columns:minmax(270px,.68fr) minmax(470px,1.32fr)}
  .project-detail-shell .host-rank-item{grid-template-columns:26px minmax(150px,1fr) 46px 166px;gap:7px;padding-inline:9px}.project-detail-shell .host-rank-content strong{font-size:16px}.host-action{min-height:44px}.host-copy-link{padding-inline:9px}
}
@media (max-width:768px){
  .project-detail-shell .host-workspace{display:flex}.project-detail-shell .host-rank-item{grid-template-columns:28px minmax(0,1fr) 48px;gap:8px}.project-detail-shell .host-rank-content strong{font-size:17px}.host-item-actions{grid-column:2/4;grid-template-columns:1fr 1fr 48px}.host-item-actions.answered-actions{grid-template-columns:48px 1fr}.host-action{min-height:46px;flex-direction:row;gap:6px}.host-action.people svg{width:23px;height:23px}.host-participants-popover{inset:auto 10px 10px!important;width:auto;max-height:70dvh;border-radius:16px}.host-participants-popover ol{max-height:calc(70dvh - 128px)}
}
@media (max-width:430px){
  .question-identity{padding:14px}.question-anonymous{padding-inline:2px}.question-nickname-field input{height:48px}
  .host-copy-link{width:38px;padding:0;justify-content:center}.host-copy-link b{display:none}.project-topbar .top-actions{gap:6px}.project-detail-shell .host-rank-content strong{font-size:16px}.host-action em{font-size:9px}.host-manual-dialog form>header{padding:20px 18px 16px}.host-manual-body{padding:18px}.host-manual-dialog footer{padding:0 18px 18px}.host-manual-dialog footer .btn{min-width:0;flex:1}
}