:root{font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;color:#f8fafc;background:#0b1120;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 32rem),#0b1120}button,input{font:inherit}button{border:0;border-radius:12px;padding:12px 18px;font-weight:700;color:#0b1120;background:#f8fafc;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input{width:100%;border:1px solid #334155;border-radius:10px;padding:11px 12px;color:#f8fafc;background:#111827;outline:none}input:focus{border-color:#60a5fa}input:disabled{opacity:.55}.app-shell{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:56px 0}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:36px}.eyebrow{margin:0 0 10px;color:#60a5fa;font-size:13px;font-weight:800;letter-spacing:.14em}h1{margin:0;font-size:40px;line-height:1.15}.subtitle{margin:12px 0 0;color:#94a3b8;line-height:1.6}.runtime-badge{flex:0 0 auto;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.08em}.runtime-badge.desktop{border:1px solid #16a34a;color:#86efac}.runtime-badge.preview{border:1px solid #2563eb;color:#93c5fd}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.panel{border:1px solid #1e293b;border-radius:18px;background:#0f172ae6;box-shadow:0 12px 28px #0000002e}.card{min-width:0;padding:24px}.card span,.card p{color:#94a3b8}.card strong{display:block;margin-top:12px;font-size:28px}.card p{margin:8px 0 0}.panel{margin-top:18px;padding:24px}.panel h2{margin:0 0 8px;font-size:20px}.panel p{margin:0;color:#94a3b8;line-height:1.6}.api-panel{display:grid;gap:20px}.api-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr) auto;gap:12px;align-items:end}.api-form label{display:grid;gap:7px}.api-form label>span{color:#cbd5e1;font-size:13px;font-weight:700}.api-form button{min-height:43px}.preview-note{border:1px solid #1d4ed8;border-radius:12px;padding:12px 14px;background:#1e40af1f}.api-status{border-left:3px solid #60a5fa;padding-left:12px;color:#cbd5e1!important}.lookup-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lookup-result>div{min-width:0;border:1px solid #1e293b;border-radius:12px;padding:14px;background:#02061761}.lookup-result span{display:block;margin-bottom:7px;color:#64748b;font-size:12px}.lookup-result strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:860px){.api-form{grid-template-columns:1fr}.lookup-result{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{width:min(100% - 32px,560px);padding:28px 0 40px}.hero{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:24px}h1{font-size:clamp(30px,9vw,40px)}.grid{grid-template-columns:1fr;gap:12px}.card,.panel{padding:20px}.lookup-result{grid-template-columns:1fr}}.api-actions{display:flex;gap:8px}.secondary-button{border:1px solid #334155;color:#cbd5e1;background:#111827}.lookup-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#94a3b8;font-size:13px}.source-badge{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;letter-spacing:.06em}.source-badge.api{border:1px solid #16a34a;color:#86efac}.source-badge.cache{border:1px solid #2563eb;color:#93c5fd}@media(max-width:860px){.api-actions{flex-direction:column}}.credential-field{display:grid;gap:8px}.credential-actions{display:flex;flex-wrap:wrap;gap:8px}.small-button{border:1px solid #334155;padding:7px 10px;color:#cbd5e1;background:#111827;font-size:12px}.danger-button{border-color:#7f1d1d;color:#fca5a5;background:#7f1d1d29}.preview-form{grid-template-columns:minmax(240px,1.4fr) minmax(180px,1fr) auto}.preview-mode-box{display:grid;gap:5px;min-height:66px;align-content:center;border:1px solid #1d4ed8;border-radius:12px;padding:10px 12px;background:#1e40af1f}.preview-mode-box strong{color:#bfdbfe;font-size:13px}.preview-mode-box span{color:#93c5fd;font-size:12px;line-height:1.45}.source-badge.preview{border:1px solid #7c3aed;color:#c4b5fd}@media(max-width:860px){.preview-form{grid-template-columns:1fr}}.lookup-actions{display:flex;align-items:center;gap:12px}.lookup-actions span{color:#94a3b8;font-size:12px;line-height:1.5}.roster-panel{display:grid;gap:18px}.empty-state{border:1px dashed #334155;border-radius:12px;padding:20px;color:#64748b;text-align:center}.roster-list{display:grid;gap:10px}.roster-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #1e293b;border-radius:12px;padding:14px 16px;background:#02061752}.roster-row>div:first-child{min-width:0}.roster-row strong{display:block}.roster-row span{color:#94a3b8;font-size:12px}.roster-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.roster-stats span{border:1px solid #334155;border-radius:999px;padding:5px 8px;white-space:nowrap}@media(max-width:760px){.lookup-actions,.roster-row{align-items:stretch;flex-direction:column}.roster-stats{justify-content:flex-start}}.member-panel{display:grid;gap:18px}.member-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end}.member-form label{display:grid;gap:7px}.member-form label>span{color:#cbd5e1;font-size:13px;font-weight:700}.member-list{display:grid;gap:14px}.member-card{border:1px solid #1e293b;border-radius:14px;padding:16px;background:#02061752}.member-card-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.member-card-head strong{display:block;font-size:18px}.member-card-head span{display:block;margin-top:5px;color:#94a3b8;font-size:12px}.owned-character-list{display:grid;gap:8px}.owned-character{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:14px;align-items:center;border:1px solid #1e293b;border-radius:10px;padding:11px 12px;background:#0f172ab8}.owned-character strong{display:block}.owned-character>div:first-child span{display:block;margin-top:3px;color:#64748b;font-size:12px}.character-numbers{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.character-numbers span{border:1px solid #334155;border-radius:999px;padding:5px 8px;color:#cbd5e1;font-size:12px;white-space:nowrap}@media(max-width:760px){.member-form,.owned-character{grid-template-columns:1fr}.character-numbers{justify-content:flex-start}}select{border:1px solid #334155;border-radius:10px;padding:11px 12px;color:#f8fafc;background:#111827;outline:none}select:focus{border-color:#60a5fa}.raid-panel{display:grid;gap:18px}.raid-create-form{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:10px}.raid-board-list{display:grid;gap:16px}.raid-board{border:1px solid #1e293b;border-radius:14px;padding:16px;background:#02061752}.raid-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.raid-board-head strong{display:block;font-size:18px}.raid-board-head span{display:block;margin-top:5px;color:#94a3b8;font-size:12px}.raid-add-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;margin-top:14px}.party-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.party-box{border:1px solid #1e293b;border-radius:12px;padding:12px;background:#0f172ab8}.unassigned-party{margin-top:12px;border-style:dashed}.party-box h3{margin:0 0 10px;color:#cbd5e1;font-size:14px}.party-members{display:grid;gap:7px}.party-member{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:10px;border-top:1px solid #1e293b;padding-top:8px}.party-member:first-child{border-top:0;padding-top:0}.party-member strong{display:block}.party-member span{display:block;color:#94a3b8;font-size:11px;text-align:right}.party-member>div:first-child span{margin-top:2px;text-align:left}.mini-remove{margin-top:5px;border:1px solid #7f1d1d;padding:4px 7px;color:#fca5a5;background:#7f1d1d1f;font-size:11px}@media(max-width:760px){.raid-create-form,.raid-add-row{grid-template-columns:1fr}.raid-board-head{align-items:stretch;flex-direction:column}.party-grid{grid-template-columns:1fr}}.role-button{border:1px solid #334155;padding:5px 9px;font-size:12px;min-height:auto}.role-button.support{color:#86efac;border-color:#15803d;background:#15803d24}.role-button.dealer{color:#fca5a5;border-color:#991b1b;background:#991b1b24}.debug-panel{display:grid;gap:14px}.debug-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.debug-actions{display:flex;flex-wrap:wrap;gap:8px}.debug-console{max-height:360px;overflow:auto;border:1px solid #334155;border-radius:12px;padding:12px;background:#020617;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-all}.debug-line{padding:4px 0;border-bottom:1px solid rgba(51,65,85,.35);color:#cbd5e1}.debug-line:last-child{border-bottom:0}.debug-empty{color:#64748b}@media(max-width:760px){.debug-panel-head{flex-direction:column}.debug-actions{width:100%}.debug-actions button{flex:1}}.member-summary-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px;color:#f8fafc;background:transparent;text-align:left}.member-summary-button:hover{background:transparent}.member-representative{min-width:0}.representative-label{display:block;margin-bottom:5px;color:#60a5fa;font-size:11px;font-weight:800;letter-spacing:.04em}.member-representative strong{display:block;font-size:20px}.member-representative>span:not(.representative-label):not(.member-meta){display:block;margin-top:5px;color:#cbd5e1;font-size:12px}.member-meta{display:block;margin-top:5px;color:#64748b;font-size:12px}.member-expand-indicator{flex:0 0 auto;color:#93c5fd;font-size:12px;font-weight:800}.owned-character-wrap{margin-top:14px;border-top:1px solid #1e293b;padding-top:14px}.owned-character-heading{margin-bottom:9px;color:#94a3b8;font-size:12px;font-weight:800}.representative-badge{display:inline-block!important;margin:0 0 0 7px!important;border:1px solid #2563eb;border-radius:999px;padding:2px 6px;color:#93c5fd!important;font-size:10px!important;vertical-align:2px}@media(max-width:760px){.member-summary-button{align-items:flex-start;flex-direction:column}.member-expand-indicator{width:100%;text-align:right}}.member-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.reset-all-button,.member-reset-button{flex:0 0 auto}.member-summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:stretch}.member-reset-button{align-self:center;padding:9px 12px;min-height:40px}@media(max-width:760px){.member-panel-title,.member-summary-row{grid-template-columns:1fr;display:grid}.reset-all-button,.member-reset-button{width:100%}}