@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600;700;800;900&display=swap');
:root,html[data-theme=dark]{--bg:#202326;--panel:#292b2d;--line:#4d4a43;--text:#f4ead8;--muted:#b9af9d;--violet:#d1ad70;--gold:#d1ad70;--surface:#292b2d;--raised:#303234;--soft:#3b3b39;--input:#1f2123;--accent:#d1ad70;--accent-deep:#a57a39;--button-ink:#28221a;--header:#242628;--warm-shadow:#00000024}
html[data-theme=light]{--bg:#f4eee3;--panel:#fffaf1;--line:#d8c5a7;--text:#332b24;--muted:#87745f;--violet:#966a32;--gold:#966a32;--surface:#fffaf1;--raised:#f7f0e4;--soft:#ede2d1;--input:#fffdf8;--accent:#966a32;--accent-deep:#ae8346;--button-ink:#fff9ef;--header:#fbf6ed;--warm-shadow:#694b2812}
html[data-theme] body{background:radial-gradient(ellipse at 8% 0%,#a1733020,transparent 42%),var(--bg);color:var(--text)}
html[data-theme] .top{background:var(--header);border-bottom:1px solid var(--line)}
html[data-theme] .brand{color:var(--text);letter-spacing:0}.brand strong{font-family:'Noto Serif KR',Batang,serif;letter-spacing:-.05em;font-weight:900}
html[data-theme] .brand small{color:var(--muted);font-size:9px;letter-spacing:.18em}html[data-theme] .brand:first-letter{color:var(--accent)}
html[data-theme] .top nav{background:var(--input);border-color:var(--line);padding:4px}html[data-theme] .top nav a{color:var(--muted);font-size:13px;padding:9px 22px}html[data-theme] .top nav a[aria-current=page]{background:linear-gradient(125deg,var(--accent-deep),var(--accent));color:var(--button-ink);box-shadow:inset 0 1px #ffffff30}html[data-theme] .top nav a:hover{color:var(--text)}
html[data-theme] .header-actions .discord{background:var(--raised);border-color:var(--line);color:var(--text);box-shadow:none}html[data-theme] .theme-toggle{background:var(--raised);border-color:var(--line);color:var(--accent)}html[data-theme] .theme-toggle:hover{background:var(--soft)}
html[data-theme] .hero{height:400px;background-image:linear-gradient(90deg,rgba(24,26,28,.52) 0%,rgba(24,26,28,.36) 35%,rgba(24,26,28,.04) 72%),url('/hero-autumn-dokkaebi.png')!important;background-position:center 64%;background-size:cover;border-bottom:1px solid #9b7b4e}
html[data-theme] .hero-overlay{padding:58px 6%}html[data-theme] .hero .eyebrow{color:#d6be95;letter-spacing:2.1px;font-size:10px}html[data-theme] .hero h1{font-family:'Noto Serif KR',Batang,serif;font-size:43px;font-weight:900;letter-spacing:-.065em;line-height:1.45;margin:16px 0 12px;color:#fff5e0;text-shadow:0 2px 12px #0007}html[data-theme] .hero h1 em{color:#e0bb77;text-shadow:0 2px 12px #0007}html[data-theme] .hero p{color:#e7d9c2;max-width:480px;font-size:12px;line-height:1.9}html[data-theme] .hero-actions{margin-top:22px}
html[data-theme] .primary{background:linear-gradient(120deg,var(--accent-deep),var(--accent));color:var(--button-ink);border:1px solid #cfb385;box-shadow:0 4px 16px #00000018;border-radius:9px}html[data-theme] .hero .primary{background:linear-gradient(120deg,#bb8c49,#dec28e);color:#2e251b;border-color:#d8ba83}html[data-theme] .outline{background:var(--surface);color:var(--text);border-color:var(--line)}html[data-theme] .hero .outline{background:#252729bb;color:#ead9bb;border-color:#a38a60}
html[data-theme] .stats{position:relative;z-index:3;background:var(--surface);border-color:var(--line);margin:-15px 5% 0;border-radius:13px;box-shadow:0 8px 24px var(--warm-shadow)}html[data-theme] .stats>div{padding:20px 25px;border-color:var(--line)}html[data-theme] .stats span{color:var(--muted)}html[data-theme] .stats strong{font-size:28px;color:var(--accent)}html[data-theme] .stats small{color:var(--muted)}
html[data-theme] .eyebrow{color:var(--accent)}html[data-theme] .calculator-entry{background:linear-gradient(115deg,var(--raised),var(--surface));border-color:var(--line);padding:20px 25px;margin-top:25px}html[data-theme] .calculator-entry h2{font-size:20px;color:var(--text);letter-spacing:-.04em}html[data-theme] .calculator-entry p{color:var(--muted)}html[data-theme] .calculator-entry .eyebrow{font-size:9px}
html[data-theme] .section-head h2,html[data-theme] .tool-heading h2{font-family:'Noto Serif KR',Batang,serif;color:var(--text);font-weight:800}html[data-theme] .spark{color:var(--accent)}html[data-theme] .tabs{background:var(--raised)}html[data-theme] .tabs button{color:var(--muted)}html[data-theme] .tabs button.active{background:var(--soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--line)}html[data-theme] .toolbar input{background:var(--input);color:var(--text);border-color:var(--line)}
html[data-theme] .auction-card{background:linear-gradient(150deg,var(--raised),var(--surface));border-color:var(--line);box-shadow:0 5px 18px var(--warm-shadow)}html[data-theme] .auction-card:hover{border-color:var(--accent)}html[data-theme] .card-art{background:radial-gradient(circle at center,#b18b4630,transparent 67%),var(--input)}html[data-theme] .card-art .item-icon{filter:drop-shadow(0 4px 15px #b8862f40)}html[data-theme] .pill{background:var(--soft);border-color:var(--line);color:var(--accent)}html[data-theme] .price{color:var(--accent)}html[data-theme] .subtle{color:var(--muted)}html[data-theme] .card-meta{color:var(--muted);border-color:var(--line)}html[data-theme] .countdown{color:#ce8065}html[data-theme] .bid-button{background:var(--soft);border-color:var(--accent-deep);color:var(--accent)}html[data-theme] .bid-button:hover{background:var(--raised);border-color:var(--accent)}html[data-theme] .admin-actions button{border-color:var(--line);color:var(--muted)}html[data-theme] .custom-bid input{background:var(--input);color:var(--text);border-color:var(--line)}html[data-theme] .custom-bid button{background:var(--accent-deep);color:var(--button-ink);border-color:var(--accent)}
html[data-theme] .empty{background:var(--surface);border-color:var(--line);color:var(--muted)}html[data-theme] .footer-banner{background:var(--raised);border-color:var(--line);color:var(--muted)}html[data-theme] .footer-banner span{color:var(--accent)}html[data-theme] footer{color:var(--muted)}
html[data-theme] dialog{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:0 25px 80px #0008}html[data-theme] dialog input{background:var(--input);border-color:var(--line);color:var(--text)}html[data-theme] dialog label,html[data-theme] .close{color:var(--text)}html[data-theme] dialog p{color:var(--muted)}html[data-theme] #toast{background:var(--raised);border-color:var(--accent-deep);color:var(--text);box-shadow:0 8px 25px var(--warm-shadow)}
html[data-theme] .calc-hero{background:radial-gradient(ellipse at 85% 70%,#a879352a,transparent 55%),linear-gradient(120deg,var(--raised),var(--bg));border-color:var(--line);padding:35px 5%}html[data-theme] .calc-hero h1{font-family:'Noto Serif KR',Batang,serif;font-size:37px;font-weight:800}html[data-theme] .calc-hero em{color:var(--accent)}html[data-theme] .hero-count{border-color:var(--accent-deep)}html[data-theme] .hero-count strong{color:var(--accent)}html[data-theme] .hero-count span{color:var(--muted)}
html[data-theme] #tool-search{background:var(--input);color:var(--text);border-color:var(--line)}html[data-theme] #tool-nav a{color:var(--muted)}html[data-theme] #tool-nav a:hover{background:var(--raised)}html[data-theme] #tool-nav a[aria-current=page]{background:var(--soft);color:var(--accent);border-color:var(--accent-deep)}html[data-theme] .quiet{background:var(--raised);border-color:var(--line);color:var(--muted)}
html[data-theme] .form-section{background:var(--surface);border-color:var(--line)}html[data-theme] .form-section summary,html[data-theme] .field{color:var(--text)}html[data-theme] .field:focus-within{color:var(--accent)}html[data-theme] .field input,html[data-theme] .field select,html[data-theme] .field textarea{background:var(--input);color:var(--text);border-color:var(--line)}html[data-theme] .field small{color:var(--muted)}html[data-theme] .result-card{background:linear-gradient(145deg,var(--raised),var(--surface));border-color:var(--line)}html[data-theme] .result-card:first-child{border-color:var(--accent-deep)}html[data-theme] .result-card span,html[data-theme] .result-card small{color:var(--muted)}html[data-theme] .result-card strong{color:var(--accent)}html[data-theme] .table-wrap{border-color:var(--line);scrollbar-color:var(--accent-deep) var(--input)}html[data-theme] .calc-table th{background:var(--raised);color:var(--muted)}html[data-theme] .calc-table td,html[data-theme] .calc-table th{border-color:var(--line)}html[data-theme] .calc-table tbody tr:hover{background:var(--raised)}html[data-theme] .calc-table td:last-child{color:var(--accent)}html[data-theme] .calc-table input{background:var(--input);color:var(--text);border-color:var(--line)}html[data-theme] .calc-table a{color:var(--accent)}html[data-theme] .result-note{background:var(--raised);color:var(--muted);border-left-color:var(--accent-deep)}html[data-theme] .roll-card{background:var(--raised);border-color:var(--line)}html[data-theme] .roll-card p{color:var(--text)}html[data-theme] .chance-bar{background:var(--soft)}html[data-theme] .chance-bar i{background:var(--accent)}
html[data-theme] button:focus-visible,html[data-theme] input:focus-visible,html[data-theme] select:focus-visible,html[data-theme] a:focus-visible,html[data-theme] summary:focus-visible{outline-color:var(--accent)}
@media(max-width:1050px){html[data-theme] .hero h1{font-size:37px}html[data-theme] .hero-overlay{padding-left:5%}html[data-theme] .hero p{max-width:410px}}
@media(max-width:640px){html[data-theme] .top nav a{padding:8px 16px;font-size:12px}html[data-theme] .hero{height:470px;background-size:auto 100%;background-position:82% center;background-image:linear-gradient(90deg,rgba(24,26,28,.84),rgba(24,26,28,.63) 45%,rgba(24,26,28,.12)),url('/hero-autumn-dokkaebi.png')!important}html[data-theme] .hero-overlay{padding:33px 6%}html[data-theme] .hero h1{font-size:31px;line-height:1.5;max-width:310px;margin-top:12px}html[data-theme] .hero p{font-size:11px;max-width:250px}html[data-theme] .hero .eyebrow{font-size:8px;letter-spacing:1.5px}html[data-theme] .hero-actions{margin-top:16px}html[data-theme] .stats{margin:-16px 4% 0}html[data-theme] .stats>div{padding:15px 17px}html[data-theme] .stats strong{font-size:25px}html[data-theme] .calculator-entry{margin:20px 4% 0;padding:18px}html[data-theme] .calculator-entry h2{font-size:18px}html[data-theme] .calc-hero{padding:27px 5%}html[data-theme] .calc-hero h1{font-size:29px}html[data-theme] #tool-nav{border-color:var(--line)}}
