*{box-sizing:border-box;margin:0;padding:0;}
body{
font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;
background:var(--bg);color:var(--ink);line-height:1.4;font-size:13px;
}
h2{font-weight:700;color:var(--ink);font-size:15px;letter-spacing:-0.3px;}
.hint{color:var(--ink-muted);font-size:11px;line-height:1.5;}
.header-fixed{
position:sticky;top:0;background:var(--surface);z-index:100;
padding:10px 14px 0;border-bottom:1px solid var(--border);
margin-bottom:0;box-shadow:0 1px 0 var(--border);
}
.header-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.header-top h2{flex:1;}
.mode-tabs{display:flex;gap:0;}
.mode-tab{
padding:8px 18px;border:none;border-bottom:2px solid transparent;
background:transparent;cursor:pointer;font-size:13px;font-weight:600;
color:var(--ink-muted);transition:all .15s;font-family:inherit;
}
.mode-tab.active{color:var(--accent);border-bottom-color:var(--accent);}
.mode-tab:hover:not(.active){color:var(--ink);background:var(--surface-2);}
.mode-panel{display:none;padding:14px;}
.mode-panel.active{display:block;}