:root{--color-surface:#fcfbf9;--color-canvas:#edeae4;--color-ink:#1f1e1c;--color-accent:#a8563c;--color-verified:#2e6b52;--color-pending:#9c7420;--color-critical:#a6382f;--color-translated:#2b5ba8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:48px;--radius-chip:4px;--radius-card:8px;--radius-sheet:12px;--radius-pill:999px;--motion-chip:.12s;--motion-sheet:.2s;--motion-page:.32s}@media (prefers-reduced-motion:reduce){:root{--motion-chip:0s;--motion-sheet:0s;--motion-page:0s}}
:root{--color-line:color-mix(in srgb, var(--color-ink) 16%, transparent);--color-muted:color-mix(in srgb, var(--color-ink) 62%, transparent);--color-accent-soft:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));--radius-control:var(--radius-chip)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-canvas);color:var(--color-ink);margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}a{color:inherit;text-underline-offset:var(--space-1);text-decoration-thickness:1px}button,input,textarea,select{font:inherit}button,.button-link{border-radius:var(--radius-chip);background:var(--color-ink);color:var(--color-surface);padding:var(--space-3) var(--space-5);cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-accent);outline-offset:var(--space-1)}.skip-link{inset:var(--space-2) auto auto var(--space-2);z-index:10;background:var(--color-ink);color:var(--color-surface);padding:var(--space-3);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{min-height:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) max(var(--space-5), calc((100vw - 1180px) / 2));background:var(--color-surface);border-bottom:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);display:flex}.brand{letter-spacing:.16em;font-weight:800;text-decoration:none}nav{gap:var(--space-6);flex-wrap:wrap;display:flex}main{min-height:calc(100vh - 160px)}.hero,.search-header{padding:clamp(var(--space-8), 9vw, 112px) max(var(--space-5), calc((100vw - 1180px) / 2));background:var(--color-surface)}.hero h1,.search-header h1,.profile h1,.detail-copy h1,.state-card h1{margin:var(--space-3) 0 var(--space-5);letter-spacing:-.04em;font-size:clamp(36px,6vw,72px);line-height:1.05}.hero>p:not(.eyebrow),.lead{max-width:680px;font-size:18px;line-height:1.7}.eyebrow{color:var(--color-accent);letter-spacing:.12em;margin:0;font-size:11px;font-weight:700}.search-bar{max-width:720px;margin:var(--space-7) 0 var(--space-5);display:flex}.search-bar input{border:1px solid color-mix(in srgb, var(--color-ink) 20%, transparent);border-radius:var(--radius-chip) 0 0 var(--radius-chip);background:var(--color-surface);min-width:0;color:var(--color-ink);padding:var(--space-4);flex:1}.search-bar button{border-radius:0 var(--radius-chip) var(--radius-chip) 0}.chips{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.chip{border:1px solid color-mix(in srgb, var(--color-ink) 16%, transparent);border-radius:var(--radius-pill);background:var(--color-surface);padding:var(--space-2) var(--space-3);transition:background var(--motion-chip);font-size:12px;text-decoration:none;display:inline-flex}.chip[aria-current=page],.chip:hover{background:color-mix(in srgb, var(--color-accent) 14%, var(--color-surface))}.content-section{max-width:1220px;padding:var(--space-8) var(--space-5);margin:0 auto}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.section-heading h2{margin:var(--space-2) 0 0;font-size:clamp(26px,3vw,38px)}.grid{gap:var(--space-5);display:grid}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border-radius:var(--radius-card);background:var(--color-surface);overflow:hidden}.card a{text-decoration:none}.card-body,.entity-card{padding:var(--space-5)}.card h3{margin:var(--space-2) 0;font-size:20px}.card p{line-height:1.65}.art-placeholder{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 18%, var(--color-canvas)), color-mix(in srgb, var(--color-ink) 16%, var(--color-surface)));min-height:280px;color:color-mix(in srgb, var(--color-ink) 60%, transparent);letter-spacing:.18em;place-items:center;display:grid}.muted{color:color-mix(in srgb, var(--color-ink) 62%, transparent);font-size:13px}.price{font-weight:700}.detail-layout{gap:var(--space-8);max-width:1120px;padding:var(--space-8) var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);margin:0 auto;display:grid}.detail-art{border-radius:var(--radius-card);min-height:680px}.detail-copy{align-self:center}.detail-copy h1,.profile h1{font-size:clamp(38px,5vw,64px)}.profile,.state-card{max-width:760px;margin:var(--space-8) auto;border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-8)}dl{gap:var(--space-3) var(--space-5);margin:var(--space-7) 0;grid-template-columns:100px 1fr;display:grid}dt{color:color-mix(in srgb, var(--color-ink) 58%, transparent);font-size:13px}dd{margin:0}.notice{margin:var(--space-6) 0;border-left:var(--space-1) solid var(--color-pending);background:color-mix(in srgb, var(--color-pending) 10%, var(--color-surface));padding:var(--space-4)}.notice p{margin:var(--space-2) 0 0;line-height:1.6}.button-link{text-decoration:none;display:inline-block}.state-card{text-align:center}.state-card h1{font-size:clamp(30px,5vw,48px)}.state-card p{line-height:1.7}.state-card .button-link{margin-top:var(--space-5)}.skeleton{height:var(--space-6);margin-top:var(--space-6);border-radius:var(--radius-chip);background:color-mix(in srgb, var(--color-ink) 12%, var(--color-surface));animation:pulse var(--motion-page) ease-in-out infinite alternate}.skeleton.short{width:60%}footer{justify-content:space-between;gap:var(--space-3);padding:var(--space-6) max(var(--space-5), calc((100vw - 1180px) / 2));background:var(--color-ink);color:var(--color-surface);flex-wrap:wrap;font-size:12px;display:flex}footer p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.workflow-page{max-width:820px;min-height:70vh;padding:var(--space-8) var(--space-5);margin:0 auto}.workflow-page>h1{margin:var(--space-3) 0;font-size:clamp(34px,6vw,58px);line-height:1.08}.workflow-form,.workflow-card{gap:var(--space-5);margin-top:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-6);display:grid}.workflow-form label{gap:var(--space-2);font-weight:700;display:grid}.workflow-form input:not([type=checkbox]):not([type=range]),.workflow-form textarea{border:1px solid color-mix(in srgb, var(--color-ink) 20%, transparent);border-radius:var(--radius-control);background:var(--color-canvas);width:100%;color:var(--color-ink);padding:var(--space-3)}.workflow-form textarea{resize:vertical;min-height:140px}.workflow-form .check{grid-template-columns:auto 1fr;align-items:start;font-weight:400}.compare-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compare-grid .workflow-card{place-items:center;min-height:260px}.workflow-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.resource-list{gap:var(--space-4);margin-top:var(--space-6);display:grid}.resource-list pre{white-space:pre-wrap;font:inherit;line-height:1.6;overflow:auto}.secondary-button{border:1px solid color-mix(in srgb, var(--color-ink) 20%, transparent);background:var(--color-surface);color:var(--color-ink)}.feedback{justify-content:space-between;align-items:center;gap:var(--space-3);border-left:var(--space-1) solid var(--color-verified);background:color-mix(in srgb, var(--color-verified) 10%, var(--color-surface));padding:var(--space-3);display:flex}.feedback-error{border-left-color:var(--color-critical);background:color-mix(in srgb, var(--color-critical) 10%, var(--color-surface))}.feedback-empty{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.feedback:focus-visible,main[tabindex="-1"]:focus-visible{outline:3px solid var(--color-accent);outline-offset:var(--space-1)}button:disabled{cursor:progress;opacity:.58}.discovery-page{max-width:1120px;padding:var(--space-8) var(--space-5);margin:0 auto}.discovery-heading{margin-bottom:var(--space-7)}.discovery-heading h1{margin:var(--space-3) 0;font-size:clamp(34px,6vw,64px);line-height:1.08}.discovery-heading>p:not(.eyebrow){max-width:720px;line-height:1.7}.discovery-nav{gap:var(--space-2);margin-top:var(--space-5)}.preference-form{gap:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.preference-form label{gap:var(--space-2);font-weight:700;display:grid}.preference-form select{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-canvas);min-width:0;color:var(--color-ink);padding:var(--space-3)}.preference-form button,.preference-form p{grid-column:1/-1}.ranked-list{gap:var(--space-4);margin-top:var(--space-6);display:grid}.recommendation-card{gap:var(--space-3) var(--space-5);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-5);grid-template-columns:minmax(0,1fr) auto;display:grid}.recommendation-card h2{margin:var(--space-2) 0}.recommendation-card ul{gap:var(--space-2) var(--space-5);padding-left:var(--space-5);flex-wrap:wrap;grid-column:1/-1;margin:0;display:flex}.score{border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-ink);padding:var(--space-2) var(--space-3);align-self:start}.state-card.compact{max-width:none;margin:var(--space-6) 0;padding:var(--space-6)}.state-card.compact h2{margin-top:0}.map-placeholder{align-content:center;justify-items:center;gap:var(--space-3);border:1px dashed var(--color-line);border-radius:var(--radius-card);background:linear-gradient(135deg, var(--color-accent-soft), var(--color-surface));min-height:320px;padding:var(--space-6);text-align:center;display:grid}.map-placeholder p{max-width:620px;line-height:1.7}.regional-results{margin-top:var(--space-6)}.regional-results ul{gap:var(--space-3);padding:0;list-style:none;display:grid}.regional-results li{gap:var(--space-4);border-radius:var(--radius-control);background:var(--color-surface);padding:var(--space-4);grid-template-columns:minmax(160px,.4fr) minmax(0,1fr);display:grid}.compare-picker{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.compare-option{align-items:start;gap:var(--space-3);border-radius:var(--radius-control);background:var(--color-surface);padding:var(--space-4);cursor:pointer;display:flex}.compare-option span{gap:var(--space-1);display:grid}.compare-option small{color:var(--color-muted)}.comparison-scroll{margin-top:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);overflow-x:auto}.comparison-scroll table{border-collapse:collapse;width:100%;min-width:720px}.comparison-scroll caption{padding:var(--space-4);text-align:left;font-weight:700}.comparison-scroll th,.comparison-scroll td{border-top:1px solid var(--color-line);padding:var(--space-4);text-align:left;vertical-align:top}@keyframes pulse{to{opacity:.45}}@media (max-width:760px){.hero,.search-header,.content-section,.detail-layout,.profile,.state-card{padding:var(--space-6) var(--space-4)}.works-grid,.entity-grid,.detail-layout,.compare-grid{grid-template-columns:1fr}.detail-art{min-height:420px}.site-header{padding-inline:var(--space-4)}.profile,.state-card{margin:var(--space-4)}.site-header{align-items:flex-start}.site-header nav{justify-content:flex-end;gap:var(--space-3);font-size:13px}.discovery-page{padding:var(--space-6) var(--space-4)}.preference-form,.compare-picker,.regional-results li{grid-template-columns:1fr}dl{gap:var(--space-1);grid-template-columns:1fr}dd{margin-bottom:var(--space-3)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skeleton{animation:none}}