:root{--bg: #0f1115;--surface: #161a22;--surface-2: #1d2230;--border: #2a3142;--text: #e8ecf3;--muted: #8a94a8;--accent: #6c8cff;--accent-hover: #8aa3ff;--danger: #ef5350;--success: #66bb6a;--quote-italic: #cdd6e3;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text)}body{line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.shell{max-width:960px;margin:0 auto;padding:24px 16px 64px}.header{padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:24px}.title{font-size:22px;font-weight:700;margin:0 0 4px}.subtitle{font-size:13px;color:var(--muted);margin:0}.hero{margin:0 0 28px;padding:22px 24px;background:linear-gradient(180deg,#6c8cff12,#6c8cff00);border:1px solid var(--border);border-radius:12px}.hero-label{font-size:11px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.hero-quote{font-size:17px;font-style:italic;color:var(--quote-italic);line-height:1.6}.hero-suffix{display:inline-block;margin-left:8px;color:var(--muted);font-size:14px;font-style:normal;white-space:nowrap}.hero-meta{font-size:12px;color:var(--muted);margin-top:10px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.toolbar input[type=search],.toolbar input[type=password]{flex:1 1 220px;min-width:0;padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px}.toolbar label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;-webkit-user-select:none;user-select:none}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .12s}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{color:var(--danger)}.btn.ghost{background:transparent}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:12px}.card-msg{font-size:15px;line-height:1.6}.card-msg.inactive{color:var(--muted);text-decoration:line-through}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--muted)}.badge{padding:2px 8px;border-radius:999px;background:var(--surface-2);font-size:11px;color:var(--muted)}.badge.source-kadvice{background:#6c8cff2e;color:#b8c8ff}.badge.source-korean-advice-open-api{background:#ffa72626;color:#ffcd80}.badge.source-manual{background:#66bb6a26;color:#a4dba6}.badge.inactive{background:#ef535026;color:#ff8e8c}.card-actions{display:flex;gap:6px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:520px;padding:24px}.modal h2{margin:0 0 16px;font-size:18px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:12px;color:var(--muted)}.field input,.field textarea{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px;font-family:inherit}.field textarea{resize:vertical;min-height:80px}.field .hint{font-size:11px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.error{color:var(--danger);font-size:13px;margin-top:8px}.empty{padding:48px 16px;text-align:center;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:13px;color:var(--muted)}.attribution{margin-top:32px;padding-top:16px;border-top:1px solid var(--border);font-size:11px;color:var(--muted);line-height:1.6}@media(max-width:600px){.shell{padding:16px 12px 48px}.hero{padding:18px}.hero-quote{font-size:15px}.hero-suffix{display:block;margin:6px 0 0}.card-actions{flex-direction:column;align-items:stretch}.toolbar input[type=search],.toolbar input[type=password]{flex-basis:100%}}