/* Hallmark · custom Ice Blue · ordered market / history / comparison workspace
   pre-emit critique: P4 H4 E4 S4 R5 V4 */
:root{--mood-bg:#e4edf7;--mood-surface:#edf5fc;--mood-surface-light:#f3f8fd;--mood-text:#35476d;--mood-muted:#566d8a;--mood-blue:#287fff;--mood-mint:#4ed5ad;--mood-coral:#ef8598;--mood-cyan:#8fe7f6;--line:#ceddeb;--white:#fff;--positive:#176e59;--negative:#a14056;--mood-radius:20px;--mood-shadow-soft:8px 8px 24px rgb(112 136 163 / 14%),-6px -6px 20px rgb(255 255 255 / 65%);--mood-shadow-inset:inset 3px 3px 8px rgb(112 136 163 / 20%),inset -3px -3px 8px rgb(255 255 255 / 80%);--font:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px;overflow-x:clip}body{margin:0;background:var(--mood-bg);color:var(--mood-text);font-family:var(--font);font-size:14px;line-height:1.6;overflow-x:clip}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a,select{transition:background .18s,box-shadow .18s,transform .18s}button:disabled{opacity:.55;cursor:wait}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:3px solid var(--mood-blue);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0}h1{font-size:24px;line-height:1.4}h2,.section-title{font-size:24px}h3{font-size:18px}.quiet,.intro,.source-line,.panel-heading p,.table-note{color:var(--mood-muted)}.quiet{font-size:12px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:10px;left:10px;z-index:20;background:var(--mood-surface-light);padding:16px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(32px,calc((100vw - 1240px)/2));background:var(--mood-bg);border-bottom:1px solid rgb(255 255 255 / 65%)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;white-space:nowrap;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:.12em;color:var(--mood-muted);font-weight:400;margin-top:4px}.brand-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--mood-surface-light);box-shadow:var(--mood-shadow-soft);color:var(--mood-blue);font-weight:500}.topbar nav{display:flex;border-radius:12px;background:var(--mood-bg);box-shadow:var(--mood-shadow-inset);padding:5px;gap:4px}.topbar nav a{padding:8px 20px;border-radius:9px;white-space:nowrap;font-weight:500;color:var(--mood-muted)}.topbar nav a:hover{background:var(--mood-surface)}.topbar nav a.active{background:var(--mood-surface-light);box-shadow:3px 3px 8px rgb(112 136 163 / 15%);color:var(--mood-blue)}.connection{font-size:12px;color:var(--mood-muted);white-space:nowrap}.connection::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mood-coral);margin-right:8px}.connection.online::before{background:var(--positive)}main{max-width:1240px;margin:auto;padding:48px 0 0}section{scroll-margin-top:24px;margin-bottom:80px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--mood-muted);margin-bottom:12px}.intro{margin-top:8px;font-size:14px}.button,.primary{border:1px solid rgb(255 255 255 / 70%);border-radius:10px;background:var(--mood-surface-light);padding:11px 18px;white-space:nowrap;font-weight:500}.button{box-shadow:var(--mood-shadow-soft)}.button:hover{background:var(--mood-surface)}.primary{background:var(--mood-blue);color:var(--white);border-color:transparent;box-shadow:0 4px 12px rgb(40 127 255 / 20%)}.primary:hover{box-shadow:0 6px 18px rgb(40 127 255 / 30%)}.source-line{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin:0 0 24px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:32px}.summary-card{position:relative;padding:24px;border-radius:var(--mood-radius);border:1px solid rgb(255 255 255 / 70%);background:var(--mood-surface);box-shadow:var(--mood-shadow-soft);text-align:left;min-width:0}.summary-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.category{font-size:12px;letter-spacing:.12em;font-weight:600;color:var(--mood-blue)}.status{font-size:12px;display:inline-flex;gap:6px;align-items:center;color:var(--mood-muted);white-space:nowrap}.status::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--mood-coral)}.status.live::before{background:var(--positive)}.summary-card h3{font-size:14px;font-weight:500;margin:20px 0 12px;letter-spacing:-.02em;min-height:44px}.value-number{font-size:32px;letter-spacing:-.035em;line-height:1.3;font-weight:500;font-variant-numeric:tabular-nums}.value-number small{font-size:13px;margin-left:5px}.summary-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--mood-muted)}.summary-bottom span:last-child{color:var(--mood-blue)}.panel{background:var(--mood-surface);border:1px solid rgb(255 255 255 / 65%);border-radius:var(--mood-radius);padding:28px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.panel-heading p{font-size:12px;margin-top:4px}.filters{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.segments{display:flex;gap:4px;padding:4px;background:var(--mood-bg);border-radius:11px;box-shadow:var(--mood-shadow-inset);width:max-content;max-width:100%}.segments button{border:0;background:transparent;border-radius:8px;padding:7px 15px;white-space:nowrap;font-size:13px}.segments button:hover{background:var(--mood-surface-light)}.segments .selected{background:var(--mood-surface-light);color:var(--mood-blue);box-shadow:2px 2px 6px rgb(112 136 163 / 15%)}.filter-inputs{display:flex;gap:12px;min-width:0}input,select{border:1px solid var(--line);border-radius:10px;background:var(--mood-surface-light);padding:10px 12px;min-width:0;max-width:100%;height:44px}input::placeholder{color:var(--mood-muted)}.search input{width:236px}table{width:100%;border-collapse:collapse;table-layout:fixed}th{font-size:12px;font-weight:500;color:var(--mood-muted);text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:17px 10px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}th:first-child{width:40%}th:nth-child(2){width:19%}th:nth-child(3){width:17%}th:nth-child(4){width:15%}th:last-child{width:9%}.number{text-align:right;font-variant-numeric:tabular-nums}.product-name{border:0;background:transparent;text-align:left;padding:0;font-size:13px;font-weight:500;line-height:1.6;cursor:pointer;overflow-wrap:anywhere}.product-name:hover{color:var(--mood-blue)}.product-spec{display:block;font-size:12px;color:var(--mood-muted);margin-top:4px}.product-price{font-size:16px;font-weight:500;white-space:nowrap}.product-price small{font-size:12px;margin-left:2px}.source-link{font-size:12px;color:var(--mood-blue);white-space:nowrap}.selected-row{background:rgb(40 127 255 / 5%)}tr:last-child td{border-bottom:0}.table-note{font-size:12px;margin-top:20px}.empty-cell{text-align:center;padding:40px;color:var(--mood-muted)}.section-index{color:var(--mood-muted);font-size:40px;font-weight:400;letter-spacing:-.04em;line-height:1}.section-index span{display:block;font-size:9px;letter-spacing:.16em;margin-top:8px}.chart-controls{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.product-select{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--mood-muted);width:min(480px,100%)}.product-select select{width:100%;color:var(--mood-text)}.history-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin:28px 0 16px}.history-heading h3{font-size:16px}.history-heading p,.history-current span{font-size:12px;color:var(--mood-muted)}.history-current{text-align:right;flex-shrink:0}.history-current strong{display:block;font-size:26px;font-weight:500;font-variant-numeric:tabular-nums}.chart{min-height:300px;position:relative}.chart svg{width:100%;height:300px;display:block;overflow:visible}.chart text{fill:var(--mood-muted);font:11px var(--font)}.chart .grid{stroke:var(--line);stroke-dasharray:3 5;stroke-width:1}.chart .plot{stroke:var(--mood-blue);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart .dot{fill:var(--mood-blue);stroke:var(--mood-surface-light);stroke-width:3}.chart-empty{display:grid;place-content:center;text-align:center;min-height:300px;color:var(--mood-muted);padding:24px;background:repeating-linear-gradient(0deg,transparent,transparent 59px,var(--line) 60px);border-radius:12px}.chart-empty strong{font-size:16px;font-weight:500}.chart-empty p{margin-top:8px;font-size:12px}.notice{font-size:12px;padding:12px 16px;border-radius:10px;background:var(--mood-bg);color:var(--mood-muted);margin:12px 0}.notice.error{color:var(--negative);border:1px solid var(--mood-coral)}[hidden]{display:none!important}.history-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.history-stats>div{padding:0 20px;border-right:1px solid var(--line)}.history-stats>div:first-child{padding-left:0}.history-stats>div:last-child{border-right:0}.history-stats span{display:block;font-size:12px;color:var(--mood-muted)}.history-stats strong{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums;display:block;margin-top:8px}details{margin-top:24px;font-size:12px;color:var(--mood-muted)}summary{cursor:pointer;width:fit-content}.history-table{max-height:280px;overflow:auto;margin-top:12px}.history-table th{width:50%}.value-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}.calculator{display:flex;flex-direction:column;gap:24px}.calculator label{display:flex;flex-direction:column;gap:8px;font-size:13px}.calculator label select{width:100%}.price-input{position:relative}.price-input input{width:100%;padding-right:40px;font-variant-numeric:tabular-nums}.price-input>span{position:absolute;right:16px;top:10px;color:var(--mood-muted)}.calculator>.primary{align-self:flex-start}.result{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;box-shadow:var(--mood-shadow-soft)}.result-label{font-size:12px;letter-spacing:.15em;color:var(--mood-muted)}.result h3{font-size:24px}.result p{color:var(--mood-muted);max-width:48ch}.result .difference{font-size:40px;line-height:1.2;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--mood-blue)}.result .less{color:var(--positive)}.result .more{color:var(--negative)}.comparison{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison span{display:block;font-size:12px;color:var(--mood-muted)}.comparison strong{display:block;margin-top:4px;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}footer{max-width:1240px;margin:0 auto;padding:32px 0 40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:32px;color:var(--mood-muted);font-size:12px}footer a{white-space:nowrap}.brand-word{font-size:18px;font-weight:500;color:var(--mood-text)}
@media(min-width:1500px){main{padding-top:56px}}@media(max-width:1304px){main,footer{margin-left:32px;margin-right:32px}}@media(max-width:1000px){.topbar{gap:16px;padding:16px 24px}.topbar nav a{padding:8px 14px}.connection{display:none}.filters{align-items:stretch;flex-direction:column}.filter-inputs{width:100%}.search{flex:1}.search input{width:100%}.summary-grid{gap:16px}.summary-card{padding:20px}.value-number{font-size:28px}.summary-bottom{align-items:start;flex-direction:column}.history-stats strong{font-size:18px}.history-stats>div{padding:0 12px}}
@media(max-width:767px){html{scroll-padding-top:132px}.topbar{flex-wrap:wrap;padding:14px 20px;gap:16px}.brand{font-size:18px}.brand-symbol{width:32px;height:32px;border-radius:9px}.brand small{font-size:9px}.topbar nav{width:100%;justify-content:space-between}.topbar nav a{flex:1;text-align:center;padding:7px 8px;font-size:13px}.brand{width:100%}.brand small{display:inline;margin-left:12px;letter-spacing:0}.brand span:last-child{display:flex;align-items:center}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.section-heading .section-index{display:none}main{margin:0;padding:32px 20px 0}footer{margin:0 20px;flex-wrap:wrap;gap:16px}footer p{order:3;width:100%}section{margin-bottom:56px}h1{font-size:24px}.intro{font-size:13px}.source-line{flex-direction:column;gap:4px;margin-bottom:20px}.summary-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:24px}.summary-card{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.summary-top{grid-column:1/-1}.summary-card h3{margin:8px 0;min-height:0;font-size:13px}.summary-card .value-number{align-self:center;font-size:26px}.summary-bottom{grid-column:1/-1;flex-direction:row;margin-top:0;padding-top:12px}.panel{padding:20px;border-radius:18px}.panel-heading{align-items:start;flex-direction:column;gap:8px}.filter-inputs{flex-direction:column;gap:8px}.filter-inputs select{width:100%}.segments button{padding:7px 13px}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap thead{display:none}.table-wrap tr{padding:20px 0;border-bottom:1px solid var(--line);position:relative}.table-wrap tr:last-child{border-bottom:0}.table-wrap td{border:0;padding:4px 0;text-align:left}.table-wrap td:first-child{padding-bottom:8px}.table-wrap td:nth-child(2),.table-wrap td:nth-child(3){display:flex;align-items:center;justify-content:space-between;gap:8px}.table-wrap td:nth-child(2)::before{content:'수집 가격';color:var(--mood-muted);font-size:12px}.table-wrap td:nth-child(3)::before{content:'단위 가격';color:var(--mood-muted);font-size:12px}.table-wrap td:nth-child(4){padding-top:12px}.table-wrap td:last-child{text-align:right;margin-top:-26px}.table-wrap .empty-cell{padding:20px 0!important}.product-name{font-size:14px}.chart-controls{flex-direction:column;align-items:flex-start;gap:16px}.history-heading{flex-direction:column;gap:16px}.history-current{text-align:left}.history-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.history-stats>div{padding:0;border:0}.history-stats span{font-size:12px}.history-stats strong{font-size:18px}.chart,.chart svg,.chart-empty{min-height:260px;height:260px}.value-grid{grid-template-columns:minmax(0,1fr)}.result{min-height:320px}.result h3{font-size:22px}.result .difference{font-size:32px}.comparison strong{font-size:18px}.notice{padding:12px}.section-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}