:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--panel:#ffffffe6;--text:#13202b;--muted:#5e6c79;--line:#13202b14;--accent:#14556c;--accent-soft:#dff0f5;--warn:#8d5832;--danger-bg:#fae0dc;--danger-text:#8a2e22;--shadow:0 18px 48px #10223314}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,#58a8c729,transparent 24%),linear-gradient(180deg,#fbfdff 0%,var(--bg)100%);min-height:100%}body{min-height:100vh;color:var(--text);margin:0;font-family:Pretendard Variable,Apple SD Gothic Neo,sans-serif}a{color:inherit;text-decoration:none}button,textarea{font:inherit}.page-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 64px}.hero-shell,.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-shell{border-radius:28px;gap:16px;padding:32px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.88rem;font-weight:700}.hero-shell h1{max-width:14ch;margin:0;font-size:clamp(2.2rem,4.8vw,4.2rem);line-height:1.02}.hero-copy{max-width:60ch;color:var(--muted);margin:0;font-size:1.04rem;line-height:1.72}.hero-tags{flex-wrap:wrap;gap:10px;display:flex}.hero-tags span,.status,.quick-chip{border-radius:999px}.hero-tags span{color:var(--accent);background:#f8fbfd;border:1px solid #14556c24;padding:9px 14px;font-size:.94rem;font-weight:600}.console-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:20px;margin-top:20px;display:grid}.panel{border-radius:24px;padding:24px}.panel-head h2,.panel-head p,.answer,.citation-card p,.empty-state p{margin:0}.panel-head{gap:8px;display:grid}.panel-head p{color:var(--muted);line-height:1.6}.quick-list{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.scope-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.scope-tab{border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;background:#fff;border-radius:18px;gap:4px;padding:14px 16px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid}.scope-tab span{color:var(--muted);font-size:.92rem;line-height:1.5}.scope-tab.active{background:#f7fbfc;border-color:#14556c52;box-shadow:0 10px 22px #14556c1a}.scope-tab:hover{transform:translateY(-1px)}.quick-chip{border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;background:#fff;padding:10px 14px;transition:border-color .16s,transform .16s,box-shadow .16s}.quick-chip:hover{border-color:#14556c42;transform:translateY(-1px);box-shadow:0 8px 18px #14556c14}.chat-form{gap:12px;display:grid}.chat-form label,.response-body h3{font-weight:700}.chat-form textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:160px;color:var(--text);background:#fff;border-radius:18px;padding:16px;line-height:1.65}.chat-form textarea:focus{border-color:#14556c47;outline:2px solid #14556c24}.chat-form button{background:var(--accent);color:#f8fbfc;cursor:pointer;border:0;border-radius:16px;width:fit-content;padding:12px 18px;font-weight:700}.chat-form button:disabled{opacity:.7;cursor:wait}.response-panel{min-height:520px}.response-body{gap:20px;display:grid}.status{width:fit-content;padding:8px 12px;font-size:.92rem;font-weight:700}.status.good{background:var(--accent-soft);color:#0f4e61}.status.bad{background:var(--danger-bg);color:var(--danger-text)}.status.warn{color:var(--warn);background:#f8ecd3}.answer{font-size:1.04rem;line-height:1.82}.citation-list{gap:12px;display:grid}.citation-card,.product-card{border:1px solid var(--line);background:#ffffffc2;border-radius:18px;padding:16px}.citation-card p,.product-card p{color:var(--muted);margin-top:8px;line-height:1.65}.product-list{gap:12px;display:grid}.product-card-head{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.product-score{color:var(--accent);font-size:.92rem;font-weight:700}.citation-meta{font-size:.92rem}.citation-links{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.citation-links a{color:var(--accent);font-weight:700}.empty-state{min-height:360px;color:var(--muted);text-align:center;place-items:center;display:grid}.error-text{color:var(--danger-text);margin:12px 0 0;line-height:1.6}.supporting-copy{color:var(--muted);margin:0;line-height:1.6}@media (max-width:920px){.console-grid,.scope-tabs{grid-template-columns:1fr}.page-shell{width:min(100% - 20px,1120px);padding-top:20px}.hero-shell,.panel{padding:20px}}