@import url('./dashboard.css');
:root{color-scheme:dark;--bg:#101110;--panel:#171917;--line:#363a35;--text:#eeeee8;--muted:#a8afa3;--accent:#ff9a63;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
.site-shell{max-width:1760px;margin:auto;padding:0 16px}.skip-link{position:absolute;top:-60px;left:10px;z-index:100;background:var(--accent);color:#111;padding:10px}.skip-link:focus{top:8px}
.site-header{min-height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header h1{font-size:19px;margin:0;letter-spacing:-.04em}.site-header h1 a{text-decoration:none}.site-header h1 span{color:var(--accent)}.site-header nav{display:flex;align-items:center;gap:22px;font-size:12px}.site-header nav a{text-decoration:none;color:var(--muted)}#seoul-clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}
.market-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px}#market-filters{display:flex;gap:5px}button{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:4px;min-height:36px;padding:5px 13px}#market-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#171410}.data-hint{font-size:11px;color:var(--muted)}
.source-links{margin:22px 0 20px;border-top:1px solid var(--line);padding-top:14px}.source-links h2{font-size:12px;color:var(--muted);margin:0 0 10px}.source-links p{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0 0 10px}.source-links a{font-size:12px;text-decoration:none}.source-links a:hover{text-decoration:underline}.source-links small,footer{font-size:11px;color:var(--muted);line-height:1.7}footer{padding:14px 0 22px;border-top:1px solid var(--line)}
.no-scroll{overflow:hidden}
@media(max-width:600px){.site-shell{padding:0 10px}.site-header{min-height:54px;gap:8px}.site-header h1{font-size:17px}.site-header nav{gap:12px;font-size:11px}#seoul-clock{display:none}.data-hint{font-size:10px}#market-filters button{padding:5px 10px}.market-toolbar{gap:6px}}
