:root{--brand: "Big Shoulders Display", "Schibsted Grotesk", sans-serif;--display: "Schibsted Grotesk", -apple-system, sans-serif;--body: "Hanken Grotesk", -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg: #0c0b09;--bg-elev: #15130f;--bg-line: rgba(237,229,212,.08);--fg: #ede5d4;--fg-soft: #c4bba8;--fg-mute: #8a8273;--fg-faint: #4d473e;--accent: #f4a82a;--accent-2: #e8523c;--ok: #6fae5f}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-weight:380;font-size:16px;line-height:1.55;min-height:100svh;-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}a{color:var(--accent);text-decoration:none}img{display:block;max-width:100%}.bar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--bg-line)}.bar-mark{font-family:var(--brand);font-weight:800;font-size:19px;text-transform:uppercase;letter-spacing:.02em;line-height:.82;color:var(--fg)}.bar-mark span{display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.3em;font-weight:400;color:var(--accent);margin-top:3px}.bar-live{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);display:flex;align-items:center;gap:8px}.bar-live .dot{width:7px;height:7px;border-radius:100px;background:var(--fg-faint)}.bar-live.is-live .dot{background:var(--accent-2);animation:pulse 1.6s infinite}.bar-live.is-live{color:var(--accent-2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.auction{display:grid;grid-template-columns:1.05fr .95fr;min-height:calc(100svh - 60px)}.painting{position:relative;background:var(--bg-elev);display:flex;align-items:center;justify-content:center;padding:50px;border-right:1px solid var(--bg-line)}.painting img{max-height:74svh;width:auto;border-radius:2px;box-shadow:0 50px 110px -25px #000c}.painting .placeholder{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);border:1px dashed var(--bg-line);border-radius:4px;padding:80px 60px;text-align:center}.panel{padding:56px 52px;display:flex;flex-direction:column;justify-content:center;max-width:620px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";height:1px;width:26px;background:var(--accent)}.painting-title{font-family:var(--brand);font-weight:800;font-size:clamp(38px,4.4vw,62px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;margin:16px 0 14px}.painting-meta{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--fg-mute);margin-bottom:18px}.painting-story{color:var(--fg-soft);font-size:15px;margin-bottom:28px}.bidbox{border:1px solid var(--bg-line);border-radius:6px;background:var(--bg-elev);padding:26px 26px 28px}.bidbox-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.bid-label{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-mute)}.bid-amount{font-family:var(--brand);font-weight:800;font-size:clamp(44px,6vw,76px);line-height:.9;letter-spacing:-.02em;color:var(--accent);margin-top:4px}.bid-sub{font-family:var(--mono);font-size:11px;color:var(--fg-mute);margin-top:8px}.bid-sub b{color:var(--fg-soft);font-weight:500}.countdown{font-family:var(--mono);font-weight:500;font-size:20px;color:var(--fg);letter-spacing:.04em}.countdown.urgent{color:var(--accent-2)}.divider{height:1px;background:var(--bg-line);margin:22px 0}.field{margin-bottom:14px}.field label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:6px}.field input{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--bg-line);border-radius:3px;font-family:var(--body);font-size:15px;padding:12px 13px}.field.amount input{font-family:var(--mono);font-weight:500;font-size:18px}.field input:focus{outline:none;border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.commit{display:flex;gap:10px;align-items:flex-start;margin:4px 0 16px;font-size:13px;color:var(--fg-soft)}.commit input{margin-top:3px;flex-shrink:0}.btn{width:100%;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:16px;border-radius:100px;border:none;cursor:pointer;background:var(--accent);color:var(--bg);transition:transform .18s ease,opacity .18s}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.msg{margin-top:14px;padding:12px 14px;border-radius:4px;font-size:13.5px;display:none}.msg.show{display:block}.msg.ok{background:#6fae5f1f;color:var(--ok);border:1px solid rgba(111,174,95,.3)}.msg.err{background:#e8523c1f;color:var(--accent-2);border:1px solid rgba(232,82,60,.3)}.rules{margin-top:22px;font-family:var(--mono);font-size:10px;line-height:1.9;letter-spacing:.04em;color:var(--fg-faint)}.state-note{font-family:var(--display);font-size:17px;color:var(--fg-soft);margin-top:6px}.loading{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint)}@media(max-width:920px){.auction{grid-template-columns:1fr}.painting{border-right:none;border-bottom:1px solid var(--bg-line);padding:32px}.painting img{max-height:52svh}.panel{padding:38px 24px;max-width:none}.field-row{grid-template-columns:1fr}}