.db{--ink:#0B3558;--ink-2:#3C4F66;--ink-3:#7A8BA3;--line:#E3E9F3;--canvas:#F4F7FB;--surface:#FFFFFF;--blue:#006BFF;--blue-soft:#E8F1FF;--up:#1E8E5A;--up-soft:#E4F5EC;--down:#C8392B;--down-soft:#FBE9E6;--amber:#B7791F;--amber-soft:#FBF1E1;--cmd-bg:#0B3558;--cmd-text:#FFFFFF;--cmd-text-2:#B9C7DA;--cmd-line:rgba(185,199,218,0.22);--cmd-up:#6FD8A4;--cmd-down:#FF9C8F;--font-head:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font-kr:"IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic","Montserrat",sans-serif;--gutter:clamp(16px,3vw,32px);min-height:100vh;background:var(--canvas);color:var(--ink);font-family:var(--font-head);font-size:14px;line-height:1.45}.db-wrap{max-width:1280px;margin:0 auto;padding-inline:var(--gutter);box-sizing:border-box}.db-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.db-kr{font-family:var(--font-kr)}.db-mono{font-family:var(--font-mono);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.db-muted{color:var(--ink-3)}.db-up{color:var(--up)}.db-down{color:var(--down)}.db-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.db-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.db a:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.db-cmd{background:var(--cmd-bg);color:var(--cmd-text);padding-block:22px 24px}.db-cmd-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-gap:20px 40px;gap:20px 40px;align-items:end}.db .db-cmd-kicker{margin:0 0 10px;font-family:var(--font-head);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.01em;color:var(--cmd-text-2)}.db-cmd-search{background:var(--surface);border-radius:10px;padding:10px 12px}.db-cmd-search form[role=search]{box-shadow:none!important;margin-bottom:10px!important}.db-ticker{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.db-chip{display:flex;align-items:baseline;gap:8px;padding:9px 12px;border:1px solid var(--cmd-line);border-radius:8px;font-family:var(--font-mono);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;min-width:0}.db-chip-pair{color:var(--cmd-text-2)}.db-chip-rate{color:var(--cmd-text);font-size:14px;font-weight:500}.db-chip-chg{margin-left:auto;color:var(--cmd-text-2)}.db-chip-chg.up{color:var(--cmd-up)}.db-chip-chg.down{color:var(--cmd-down)}.db-chip.muted{opacity:.7}.db-chip-na{color:var(--cmd-text-2);font-size:11px;margin-left:auto}@media (max-width:960px){.db-cmd-inner{grid-template-columns:minmax(0,1fr)}.db-ticker{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.db-chip{flex:0 0 auto}.db-chip-chg,.db-chip-na{margin-left:0}}.db-main{padding-block:24px 56px}.db-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:16px;gap:16px}.db-span-12{grid-column:span 12}.db-span-8{grid-column:span 8}.db-span-6{grid-column:span 6}.db-span-4{grid-column:span 4}@media (max-width:1080px){.db-span-8{grid-column:span 12}.db-span-4{grid-column:span 6}.db-span-4.db-wide-mid{grid-column:span 12}}@media (max-width:760px){.db-grid>*{grid-column:1/-1}}.db-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 20px;box-shadow:0 1px 2px rgba(11,53,88,.06);min-width:0;display:flex;flex-direction:column;animation:db-card-in .42s cubic-bezier(.22,1,.36,1) both}.db-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.db .db-card-title{margin:0;font-family:var(--font-head);font-size:13px;font-weight:600;line-height:1.3;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.db-card-meta{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.db-card-meta .db-kr{font-size:11px}.db-card-body{display:flex;flex-direction:column;flex:1 1;min-width:0}.db-empty{margin:0;padding:20px 0;color:var(--ink-3);font-size:13px}.db-foot{margin:auto 0 0;padding-top:12px;color:var(--ink-3);font-family:var(--font-mono)}.db-foot,.db-foot .db-kr{font-size:11px}.db-foot p{margin:0}.db-foot p+p{margin-top:4px}.db .db-prelim{margin:0}.db .db-prelim,.db-pill{font-size:11px;color:var(--ink-3);font-family:var(--font-mono)}.db-pill{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;background:var(--canvas);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.6}.db-pill.up{background:var(--up-soft);color:var(--up)}.db-pill.down{background:var(--down-soft);color:var(--down)}.db-pill-label{margin-left:4px;opacity:.75;font-weight:400}.db-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.db-kpi{border:1px solid var(--line);border-radius:8px;padding:12px 14px;min-width:0}.db-kpi-label{font-size:12px;color:var(--ink-3)}.db-kpi-value{display:block;margin:4px 0 8px;font-family:var(--font-head);font-size:clamp(24px,2.4vw,30px);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.db-kpi-value.down{color:var(--down)}@media (max-width:560px){.db-kpis{grid-template-columns:minmax(0,1fr)}}.db-chart{min-width:0}.db-legend{display:flex;gap:16px;font-size:12px;color:var(--ink-2);margin-bottom:6px}.db-legend-item{display:inline-flex;align-items:center;gap:6px}.db-legend-swatch{width:14px;height:2px;border-radius:1px;display:inline-block}.db-legend-swatch.import{background:var(--blue)}.db-legend-swatch.export{background:var(--ink-3)}.db-chart-svg{display:block;width:100%;min-width:520px;height:auto}.db-grid-line{stroke:var(--line);stroke-width:1}.db-axis{font-family:var(--font-mono);font-size:11px;fill:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.db-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:db-draw .5s ease-out .12s both}.db-line.import{stroke:var(--blue)}.db-line.export{stroke:var(--ink-3)}.db-dot.import{fill:var(--blue)}.db-dot.export{fill:var(--ink-3)}.db-dot.prelim{fill:var(--surface);stroke-width:1.5}.db-dot.import.prelim{stroke:var(--blue)}.db-dot.export.prelim{stroke:var(--ink-3)}.db-line-tail{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 4;animation:db-fade-in .3s ease-out .56s both}.db-line-tail.import{stroke:var(--blue)}.db-line-tail.export{stroke:var(--ink-3)}.db-hit{fill:transparent}.db-hit:hover{fill:rgba(0,107,255,.05)}.db-table{width:100%;border-collapse:collapse;font-size:13px}.db-table-fixed{table-layout:fixed}.db-table-fixed td:first-child,.db-table-fixed th:first-child{width:auto}.db-table-fixed td:not(:first-child),.db-table-fixed th:not(:first-child){width:60px}.db-table th{text-align:left;font-size:11px;font-weight:500;color:var(--ink-3);padding:0 10px 6px 0;white-space:nowrap}.db-table td,.db-table th{border-bottom:1px solid var(--line)}.db-table td{padding:7px 10px 7px 0;vertical-align:middle;color:var(--ink)}.db-table td:last-child,.db-table th:last-child{padding-right:0}.db-table tbody tr:last-child td{border-bottom:0}.db-num{text-align:right;font-family:var(--font-mono);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.db-table th.db-num{text-align:right;font-family:var(--font-head);font-size:11px}.db-link{color:var(--ink);text-decoration:none}.db-link:hover{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.db-country-cell{min-width:140px}.db-country-name{display:block}.db-bar-track{height:4px;margin-top:4px;background:var(--canvas);overflow:hidden}.db-bar,.db-bar-track{display:block;border-radius:2px}.db-bar{height:100%;background:var(--blue);transform-origin:left center;animation:db-bar-in .5s cubic-bezier(.22,1,.36,1) both}.db-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:auto;padding-top:16px}.db-counter{border:1px solid var(--line);border-radius:8px;padding:10px;min-width:0}.db-counter-value{display:block;font-family:var(--font-head);font-size:18px;letter-spacing:-.01em;font-weight:600;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-counter-label{font-size:11px;color:var(--ink-3);margin-top:2px}.db-list{list-style:none;margin:0;padding:0}.db-mover{display:grid;grid-template-columns:60px minmax(0,1fr) auto auto;grid-gap:10px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:13px}.db-list li:last-child .db-mover{border-bottom:0}.db-mover:hover{color:var(--ink)}.db-code,.db-mover:hover .db-mover-name{color:var(--blue)}.db-code{font-family:var(--font-mono);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.db-mover-val{color:var(--ink-2)}.db-feed{list-style:none;margin:0;padding:0}.db-feed-row{display:grid;grid-template-columns:44px minmax(0,1.1fr) minmax(0,1.7fr) minmax(0,.7fr) 52px;grid-template-areas:"date imp prod country badge";grid-gap:10px;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.db-feed-row:last-child{border-bottom:0}.db-feed-date{grid-area:date;font-family:var(--font-mono);font-size:12px;color:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.db-feed-imp{grid-area:imp}.db-feed-prod{grid-area:prod;color:var(--ink-2)}.db-feed-country{grid-area:country;color:var(--ink-3);font-size:12px}.db-feed-row .db-badge{grid-area:badge;justify-self:end}.db-feed-rotating .db-feed-row:last-child{animation:db-row-in .4s ease-out both}@media (max-width:560px){.db-feed-row{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"date imp badge" ". prod country";row-gap:2px}}.db-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-family:var(--font-kr);font-size:11px;font-weight:500;line-height:1.6;white-space:nowrap;background:var(--canvas);color:var(--ink-2)}.db-badge.food{background:var(--blue-soft);color:var(--blue)}.db-badge.cosmetics{background:var(--amber-soft);color:var(--amber)}.db-badge.medical{background:var(--up-soft);color:var(--up)}.db-tools{display:flex;flex-direction:column;gap:8px}.db-tool{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none;transition:border-color .14s,background-color .14s}.db-tool:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--ink)}.db-tool-title{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:600}.db-tool-arrow{color:var(--blue);transition:transform .14s}.db-tool:hover .db-tool-arrow{transform:translateX(2px)}.db-tool-desc{display:block;margin-top:2px;font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes db-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes db-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes db-bar-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes db-fade-in{0%{opacity:0}to{opacity:1}}@keyframes db-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.db,.db *{animation:none!important;transition:none!important}}