/* 폴팡 PollPang — 공통 스타일. 6색 팔레트 ◆●▲■★⬣ + Jua */
:root{
  --pp-bg:#f6f7fb; --pp-card:#ffffff; --pp-ink:#1f2430; --pp-sub:#6b7280;
  --pp-line:#e7e9f0; --pp-accent:#7c3aed; --pp-accent2:#3b82f6;
  --pp-c1:#7c3aed; --pp-c2:#06b6d4; --pp-c3:#f97362; --pp-c4:#f43f5e; --pp-c5:#f59e0b; --pp-c6:#3b82f6;
  --pp-radius:18px; --pp-shadow:0 6px 22px rgba(31,36,48,.08);
}
[data-pp-theme="dark"]{
  --pp-bg:#11131a; --pp-card:#1a1d27; --pp-ink:#eef0f6; --pp-sub:#9aa1b2;
  --pp-line:#2a2e3b; --pp-shadow:0 6px 22px rgba(0,0,0,.4);
}
.pp-wrap{font-family:'Jua','Noto Sans KR',system-ui,sans-serif;color:var(--pp-ink);
  background:var(--pp-bg);min-height:100vh;margin:0;padding:0;-webkit-text-size-adjust:100%}
.pp-wrap *{box-sizing:border-box}
.pp-container{max-width:920px;margin:0 auto;padding:20px 16px 64px}
.pp-host .pp-container{max-width:1080px}
.pp-h1{font-size:1.9rem;margin:.2em 0 .3em;line-height:1.25}
.pp-lead{color:var(--pp-sub);font-size:1.05rem;line-height:1.6;margin:0 0 1.4em}
.pp-card{background:var(--pp-card);border:1px solid var(--pp-line);border-radius:var(--pp-radius);
  box-shadow:var(--pp-shadow);padding:22px;margin:0 0 18px}
.pp-btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;
  font-family:inherit;font-size:1rem;border:none;border-radius:14px;padding:13px 22px;
  background:var(--pp-accent);color:#fff;cursor:pointer;text-decoration:none;transition:transform .06s,filter .15s}
.pp-btn:hover{filter:brightness(1.05)} .pp-btn:active{transform:translateY(1px)}
.pp-btn.ghost{background:transparent;color:var(--pp-ink);border:1.5px solid var(--pp-line)}
.pp-btn.blue{background:var(--pp-accent2)} .pp-btn.wide{width:100%}
.pp-btn.sm{padding:8px 14px;font-size:.9rem;border-radius:11px}
.pp-input,.pp-textarea{width:100%;font-family:inherit;font-size:1rem;color:var(--pp-ink);
  background:var(--pp-card);border:1.5px solid var(--pp-line);border-radius:12px;padding:12px 14px;margin:0 0 12px}
.pp-textarea{min-height:80px;resize:vertical}
.pp-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pp-muted{color:var(--pp-sub)} .pp-sm{font-size:.85rem}
.pp-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:12px;padding:10px 14px;margin:0 0 14px}
.pp-pin{font-size:2.6rem;letter-spacing:.18em;font-weight:700;color:var(--pp-accent)}
.pp-themetoggle{position:fixed;top:14px;right:14px;z-index:50}

/* 보기/막대 (퀴즈팡 .qp-rank 재활용 → .pp-bar) */
.pp-choices{display:grid;gap:12px}
.pp-choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  font-family:inherit;font-size:1.05rem;border:2px solid var(--pp-line);background:var(--pp-card);
  color:var(--pp-ink);border-radius:16px;padding:16px 18px;cursor:pointer;transition:.12s}
.pp-choice:hover{border-color:var(--pp-accent)}
.pp-choice.picked{border-color:var(--pp-accent);background:rgba(124,58,237,.08)}
.pp-sym{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;font-size:1.1rem;flex:0 0 auto}
.pp-c-1{background:var(--pp-c1)} .pp-c-2{background:var(--pp-c2)} .pp-c-3{background:var(--pp-c3)}
.pp-c-4{background:var(--pp-c4)} .pp-c-5{background:var(--pp-c5)} .pp-c-6{background:var(--pp-c6)}
.pp-bar-row{margin:0 0 16px}
.pp-bar-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.pp-bar-track{height:30px;background:var(--pp-line);border-radius:9px;overflow:hidden}
.pp-bar-fill{height:100%;border-radius:9px;transition:width .5s ease;min-width:2px}
.pp-bar-meta{margin-left:auto;font-weight:700}
.pp-voters{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0 44px}
.pp-voter{background:var(--pp-bg);border:1px solid var(--pp-line);border-radius:999px;
  padding:3px 11px;font-size:.85rem;color:var(--pp-ink)}
.pp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:680px){.pp-grid2{grid-template-columns:1fr}.pp-h1{font-size:1.6rem}}
.pp-qrbox{text-align:center} .pp-qrbox img{width:200px;height:200px;border-radius:14px;background:#fff;padding:8px}
.pp-list{list-style:none;padding:0;margin:0}
.pp-list li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--pp-line)}
.pp-badge{font-size:.78rem;background:var(--pp-bg);border:1px solid var(--pp-line);border-radius:999px;padding:2px 10px;color:var(--pp-sub)}
.pp-faq dt{font-weight:700;margin:16px 0 4px} .pp-faq dd{margin:0 0 4px;color:var(--pp-sub);line-height:1.6}
.pp-big{font-size:1.5rem}
.pp-waiting{text-align:center;padding:40px 0;color:var(--pp-sub)}