:root{--ink:#102a2f;--ink-soft:#3a5a62;--paper:#f3f8f7;--panel:#ffffffdb;--line:#102a2f1f;--brand:#0a5c6b;--brand-deep:#073f4a;--accent:#f2c14e;--mint:#7bc9be;--danger:#b42318;--ok:#0f7a5a;--shadow:0 18px 50px #073f4a1f;--radius:18px;--font-display:"Black Han Sans", "Noto Sans KR", sans-serif;--font-body:"Noto Sans KR", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-body);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}button,input,textarea{font:inherit}button{cursor:pointer}a{color:var(--brand)}.app-shell{min-height:100vh;position:relative;overflow:hidden}.stats-bar{z-index:20;color:#e8f4f2;-webkit-backdrop-filter:none;backdrop-filter:none;background:#073f4aeb;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .55rem;padding:.55rem 1rem;font-size:.9rem;display:flex;position:sticky;top:0}.stats-bar strong{color:#f2c14e;font-weight:700}.stats-sep{opacity:.55}.stats-bubble-wrap{z-index:20;justify-content:center;padding:0 1rem;display:flex;position:sticky;top:.65rem}.stats-bubble{color:#073f4a;background:#fffdf8;border:2px solid #0a5c6b;border-radius:18px;max-width:40rem;margin:0;padding:.75rem 1rem .85rem;font-weight:700;line-height:1.45;position:relative;box-shadow:0 8px 22px #073f4a1f}.stats-bubble:after{content:"";border:9px solid #0000;border-top:11px solid #0a5c6b;border-bottom-width:0;position:absolute;bottom:-11px;left:2rem}.stats-bubble:before{content:"";z-index:1;border:7px solid #0000;border-top:9px solid #fffdf8;border-bottom-width:0;position:absolute;bottom:-7px;left:2.15rem}.bg-orbit,.bg-river{pointer-events:none;z-index:0;position:fixed;inset:0}.bg-orbit{background:radial-gradient(70% 50% at 15% 10%,#f2c14e47,#0000 55%),radial-gradient(60% 45% at 90% 0,#7bc9be59,#0000 50%),linear-gradient(165deg,#e8f4f2 0%,#f7faf9 42%,#dceeea 100%)}.bg-river{opacity:.9;background:linear-gradient(115deg,#0000 0% 42%,#0a5c6b0d 42.5%,#0000 43% 58%,#0a5c6b0a 58.5%,#0000 59%)}.app-main{z-index:1;width:min(1120px,100% - 2rem);margin:0 auto;padding:2rem 0 3.5rem;position:relative}.brand-mark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--brand);word-break:keep-all;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;animation:.7s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.onboarding-hero h1,.settings h1{letter-spacing:-.02em;max-width:18ch;margin:.55rem 0 0;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;animation:.8s 80ms both rise}.lead,.panel-desc,.persona-line,.empty-result{color:var(--ink-soft)}.lead{max-width:36ch;margin:.85rem 0 0;font-size:1.05rem;animation:.85s .14s both rise}.step-rail{gap:.65rem;margin:1.6rem 0 1rem;display:flex}.step-rail span{border:1px solid var(--line);color:var(--ink-soft);background:#ffffff8c;border-radius:999px;padding:.45rem .85rem;font-size:.9rem}.step-rail .is-current{background:var(--brand);border-color:var(--brand);color:#fff}.step-rail .is-done{color:var(--brand-deep);background:#7bc9be59;border-color:#0a5c6b33}.panel{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;border:1px solid #102a2f14;padding:1.35rem 1.4rem 1.5rem}.demo-badge{color:var(--brand-deep);background:#f2c14e38;border-radius:999px;margin:0 0 .85rem;padding:.35rem .7rem;font-size:.85rem;font-weight:700;display:inline-block}.panel h2{margin:0;font-size:1.2rem}.panel-desc{margin:.4rem 0 1.1rem}.persona-preview{border-left:4px solid var(--accent);background:#f2c14e1f;border-radius:0 12px 12px 0;margin:0;padding:.95rem 1rem;font-size:1.05rem}.persona-form{gap:.2rem;display:grid}.persona-live{grid-template-columns:200px 1fr;align-items:center;gap:1rem;margin-bottom:.85rem;display:grid}.persona-avatar{width:100%;max-width:220px}.persona-avatar svg{border-radius:18px;width:100%;height:auto;display:block}.persona-avatar-sm{flex-shrink:0;width:88px;max-width:88px}.persona-avatar-sm svg{border-radius:14px}.topbar-persona{flex:16rem;align-items:center;gap:.75rem;min-width:16rem;display:flex}.topbar-actions{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.topbar-buttons{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-youtube{color:#fff;background:#cd201f;text-decoration:none}.btn-youtube:hover:not(:disabled){background:#a81818}.youtube-nudge{color:#a81818;letter-spacing:-.01em;white-space:nowrap;margin:0;font-size:.78rem;font-weight:600}.choice-field.is-compact .chip{padding:.38rem .65rem;font-size:.86rem}.dev-note{margin-top:.5rem}.dev-note .panel-desc{margin-bottom:0}@media (width<=860px){.persona-live{text-align:center;grid-template-columns:1fr;justify-items:center}.persona-avatar{max-width:200px}}.choice-field{border:0;margin:0 0 1.15rem;padding:0}.choice-field legend{margin-bottom:.55rem;font-weight:600}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:.48rem .9rem;transition:transform .15s,background .15s,border-color .15s}.chip:hover{transform:translateY(-1px)}.chip.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.text-input,.text-area{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;margin-top:.65rem;padding:.75rem .9rem}.text-input:focus,.text-area:focus{border-color:var(--brand);outline:2px solid #0a5c6b40}.api-guide{margin-bottom:1rem}.api-steps{color:var(--ink-soft);margin:0 0 .9rem;padding-left:1.2rem}.api-steps li+li{margin-top:.45rem}.api-guide-figure{border:1px solid var(--line);background:#ffffffbf;border-radius:14px;margin:0;padding:.65rem}.api-guide-figure img{border:1px solid #102a2f14;border-radius:10px;width:100%;height:auto;display:block}.api-guide-figure figcaption{color:var(--ink-soft);margin-top:.55rem;font-size:.88rem;line-height:1.45}.api-key-row{grid-template-columns:1fr auto;gap:.55rem;display:grid}.btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.35rem;padding:.72rem 1.1rem;font-weight:600;transition:transform .15s,background .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.65;cursor:wait}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-deep)}.btn-accent{color:#fff;background:#c9851a;text-decoration:none}.btn-accent:hover:not(:disabled){background:#a86d12}.char-count{color:var(--ink-soft);font-size:.85rem;font-weight:500}.result-cta{border-top:1px solid var(--line);gap:.45rem;margin-top:.5rem;padding-top:1rem;display:grid}.result-cta-hint{color:var(--ink-soft);margin:0;font-size:.88rem}.agency-list{color:var(--ink-soft);columns:2;gap:1.5rem;margin:0;padding-left:1.2rem}.agency-list li+li{margin-top:.25rem}.btn-ghost{border-color:var(--line);color:var(--ink);background:#ffffffb3}.btn-link{color:var(--brand);background:0 0;border:0;margin-top:.75rem;padding:0;font-weight:600;text-decoration:none}.btn-small{padding:.35rem .7rem;font-size:.85rem}.actions{flex-wrap:wrap;gap:.65rem;margin-top:1.2rem;display:flex}.error-text{color:var(--danger);margin:.85rem 0 0;font-weight:500}.success-text{color:var(--ok);margin:.85rem 0 0;font-weight:600}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.persona-line{word-break:keep-all;margin:.35rem 0 0}.home-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.tab-row{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.tab{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:10px;padding:.55rem .9rem;font-weight:600}.tab.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.topic-list{gap:.55rem;display:grid}.topic-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;gap:.25rem;padding:.85rem .95rem;transition:border-color .15s,box-shadow .15s;display:grid}.topic-card:hover{border-color:#0a5c6b59}.topic-card.is-active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:#7bc9be1f}.topic-label{flex-wrap:wrap;align-items:center;gap:.45rem;font-weight:700;display:flex}.topic-stance{color:var(--brand-deep);background:#0a5c6b1a;border-radius:999px;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.topic-card.is-active .topic-stance{color:var(--brand-deep);background:#0a5c6b29}.topic-main{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;gap:.25rem;padding:0;display:grid}.topic-edit-row,.editor-row,.admin-tools{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.admin-tools{margin-bottom:.75rem}.mode-row{gap:.35rem;margin-bottom:.9rem;display:flex}.mode-tab{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:12px 12px 0 0;padding:.7rem 1.15rem;font-weight:800}.mode-tab.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.tab-with-edit{align-items:center;gap:.15rem;display:inline-flex}.icon-btn{border:1px solid var(--line);width:1.6rem;height:1.6rem;color:var(--ink-soft);background:#fff;border-radius:999px;line-height:1}.editor-box{border:1px dashed var(--line);background:#ffffffb3;border-radius:14px;gap:.65rem;margin-bottom:.9rem;padding:.85rem;display:grid}.admin-login{position:relative}.admin-pop{z-index:30;border:1px solid var(--line);background:#fff;border-radius:14px;width:min(280px,80vw);padding:.85rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 10px 28px #073f4a1f}.admin-pop p{margin:0 0 .55rem;font-size:.86rem}.focus-note{color:var(--brand-deep);background:#0a5c6b14;border-radius:10px;margin:0;padding:.55rem .7rem;font-weight:700}.topic-hint{color:var(--ink-soft);font-size:.9rem}.generate-controls{grid-template-columns:1fr minmax(140px,180px) auto;align-items:end;gap:.65rem;margin-top:1.2rem;display:grid}.generate-controls.is-disclosure{grid-template-columns:1fr auto}.generate-controls .field-label{margin:0}.generate-controls .text-input{margin-top:.45rem}.select-input{appearance:auto;cursor:pointer}.generate-btn{white-space:nowrap;min-height:46px}.selectable{-webkit-user-select:text;user-select:text;cursor:text}.intensity-desc{margin-top:.75rem;margin-bottom:0}.result-panel,.result-blocks,.result-block{-webkit-user-select:text;user-select:text}.field-label{gap:.45rem;font-weight:600;display:grid}.result-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.result-head h2{margin:0}.empty-result{margin:0;padding:1.5rem .2rem}.result-blocks{gap:.85rem;display:grid}.result-block{border-top:1px solid var(--line);padding-top:.85rem}.result-block:first-child{border-top:0;padding-top:0}.result-block-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.result-block h3{color:var(--brand-deep);margin:0;font-size:.92rem}.result-block p{white-space:pre-wrap;margin:0}.result-body{line-height:1.7}.settings-stack{gap:1rem;max-width:720px;display:grid}@media (width<=860px){.home-grid{grid-template-columns:1fr}.onboarding-hero h1,.settings h1{max-width:none}.api-key-row{grid-template-columns:1fr}.agency-list{columns:1}.generate-controls{grid-template-columns:1fr}.generate-btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}