@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-normal.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:italic;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-italic.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-normal.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:italic;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-italic.woff2) format("woff2")}:root{color-scheme:light;--bg: #fef6e9;--surface: #f8eedd;--line: #e5dac6;--rule: #003f48;--accent: #003f48;--accent-ink: #003f48;--accent-contrast: #fef6e9;--accent-hover: #00303a;--accent-warm: #e73d00;--accent-warm-ink: #bf3400;--tint: #f3e9d8;--strong: #182528;--body: #2f3d3e;--body-2: #3e4c4e;--muted: #5f6e73;--maxw: clamp(1400px, 86vw, 1840px);--r-card: 12px;--r-chip: 999px;--ease-expo: cubic-bezier(.19, 1, .22, 1);--ease-quint: cubic-bezier(.23, 1, .32, 1);--dur-micro: .3s;--dur-mask: .5s;--dur-struct: .75s;--font-display: "Figtree", ui-sans-serif, system-ui, sans-serif;--font-body: "Figtree", ui-sans-serif, system-ui, sans-serif;--font-mono: "Figtree", ui-sans-serif, system-ui, sans-serif}.band{color-scheme:dark;--bg: #003f48;--surface: #0c4a53;--line: #2b5a62;--rule: #cfe0e2;--accent: #ffb8a4;--accent-ink: #ffb8a4;--accent-contrast: #003f48;--accent-hover: #ffd0c2;--accent-warm: #ffb8a4;--accent-warm-ink: #ffb8a4;--tint: #0c4a53;--strong: #fdf4e7;--body: #d9e5e4;--body-2: #c3d4d4;--muted: #9fb6ba;background:var(--bg);color:var(--body)}:root{--signal-good: #1f7a4d;--signal-warn: #8a5a00;--signal-bad: #bf3400}.band{--signal-good: #7fd4a8;--signal-warn: #f0c674;--signal-bad: #ff9c8f}:root{--edge: color-mix(in srgb, var(--strong) 45%, var(--line))}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--body);font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:var(--accent-contrast)}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}a,button,label,[role=button]{touch-action:manipulation}.container{margin:0 auto;width:100%;max-width:var(--maxw);padding:0 24px}@media (min-width: 768px){.container{padding:0 40px}}.site-bar{border-bottom:1px solid var(--rule)}.bar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}.wordmark{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--strong);text-decoration:none;white-space:nowrap}.wordmark .dot{display:inline-block;transform-origin:50%;animation:dot-pop .36s var(--ease-expo) both}@keyframes dot-pop{0%{transform:scale(0)}60%{transform:scale(1.08)}to{transform:scale(1)}}.bar-back{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);text-decoration:none;white-space:nowrap}.bar-back:after{content:"";position:absolute;left:0;bottom:-3px;height:1.5px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform var(--dur-struct) var(--ease-expo)}.bar-back span{transition:transform .2s ease}@media (hover: hover) and (pointer: fine){.bar-back:hover:after{transform:scaleX(1);transform-origin:left center}.bar-back:hover span{transform:translateY(-2px)}}.label,.eyebrow{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.label-strong{color:var(--strong)}.t-h1{font-family:var(--font-display);font-weight:800;font-size:clamp(44px,6.6vw,78px);line-height:.92;letter-spacing:-.03em;color:var(--strong);text-wrap:balance;margin:24px 0 0;max-width:16ch}.t-display{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,3.8vw,54px);line-height:1.04;letter-spacing:-.015em;color:var(--strong);text-wrap:balance;margin:0;max-width:18ch}.t-lede{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--body-2);text-wrap:pretty;max-width:58ch;margin:24px 0 0}.dot{color:var(--accent-warm)}.exp-head{padding-top:40px}@media (min-width: 768px){.exp-head{padding-top:56px}}.exp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.exp-state{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.exp-rule{flex:1;min-width:40px;height:1px;background:var(--line)}.exp-stack{display:none}@media (min-width: 640px){.exp-stack{display:block}}@media (min-height: 640px) and (max-height: 950px){.t-h1{font-size:clamp(40px,4.4vw,60px);margin-top:18px}.t-lede{margin-top:18px}.exp-head,.studio{padding-top:32px}}.studio{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding-top:40px;padding-bottom:40px;align-items:start}@media (min-width: 768px){.studio{padding-top:56px;padding-bottom:56px}}.easel{position:relative;width:fit-content;max-width:100%;justify-self:center;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-card);padding:16px;display:grid;place-items:center;transition:background-color .6s var(--ease-quint)}.sheet{width:100%;aspect-ratio:3 / 2}.sheet.is-portrait{aspect-ratio:2 / 3}.sheet{display:block;border-radius:2px;box-shadow:0 1px 2px #1825282e,0 10px 34px #18252829;cursor:crosshair;touch-action:none}.sheet-hint{position:absolute;left:50%;bottom:clamp(20px,3vw,48px);transform:translate(-50%,6px);margin:0;max-width:min(520px,calc(100% - 32px));padding:8px 14px;border-radius:var(--r-chip);background:var(--strong);color:var(--bg);font-size:.875rem;line-height:1.4;text-align:center;text-wrap:pretty;opacity:0;pointer-events:none;transition:opacity var(--dur-micro) var(--ease-quint),transform var(--dur-micro) var(--ease-quint)}.sheet-hint.is-visible{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion: reduce){.sheet-hint{transition:opacity var(--dur-micro) linear;transform:translate(-50%)}}.brush-ring{position:absolute;left:0;top:0;border:1.5px solid rgba(0,63,72,.7);border-radius:50%;pointer-events:none;opacity:0;box-shadow:0 0 0 1px #fef6e999;will-change:transform}.brush-ring.is-visible{opacity:1}@media (hover: hover) and (pointer: fine){.easel>.sheet{cursor:none}}.focus-toggle{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 10px;box-shadow:0 6px 20px #18252838}.focus-toggle svg{width:18px;height:18px}.focus-toggle kbd{font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1;padding:3px 5px;border-radius:4px;background:#fef6e938;color:inherit}@media (max-width: 720px){.focus-toggle{top:14px;right:22px}.focus-toggle kbd{display:none}}body.is-focus .focus-toggle,.focus-bar{display:none}body.is-focus{overflow:hidden}body.is-focus .easel{position:fixed;inset:0;z-index:20;width:auto;max-width:none;border:0;border-radius:0;padding:16px;align-items:start}body.is-focus .action-bar{position:fixed;left:16px;bottom:16px;right:220px;z-index:23;flex-wrap:nowrap;overflow-x:auto}body.is-focus .action-bar .btn{box-shadow:0 6px 24px #1825282e;white-space:nowrap}body.is-focus .action-bar .btn:not(.btn-primary):not(.is-active){background:var(--bg)}@media (max-width: 720px){body.is-focus .easel{padding:8px}body.is-focus .action-bar{display:flex;left:8px;right:8px;bottom:64px}body.is-focus .focus-bar{right:8px;bottom:12px}body.is-focus .bench{padding-bottom:128px}}body.is-focus .focus-bar{display:flex;gap:8px;position:fixed;right:16px;bottom:16px;z-index:23}body.is-focus .focus-bar .btn{box-shadow:0 6px 24px #1825282e}body.is-focus .focus-bar .btn:not(.is-active){background:var(--bg)}body.is-focus .bench{position:fixed;left:0;right:0;bottom:0;z-index:22;max-height:min(70vh,720px);overflow:auto;padding:16px 16px 72px;background:var(--bg);border-top:1px solid var(--rule);box-shadow:0 -12px 40px #18252829;transform:translateY(100%);visibility:hidden;transition:transform var(--dur-mask) var(--ease-quint),visibility 0s linear var(--dur-mask)}body.is-focus.is-drawer-open .bench{transform:none;visibility:visible;transition:transform var(--dur-mask) var(--ease-quint),visibility 0s}@media (prefers-reduced-motion: reduce){body.is-focus .bench{transition:none}}body.is-focus .app-header,body.is-focus .app-footer{visibility:hidden}body.is-backlit .easel{background:#10282d}body.is-backlit .sheet{box-shadow:0 0 60px #fff4d61f}.bench{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}@media (min-width: 720px){.bench{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1180px){.bench{grid-template-columns:minmax(440px,1.6fr) minmax(320px,1.1fr) minmax(220px,.8fr) minmax(240px,.9fr)}}.box{background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-card);padding:16px;min-width:0}.box-title{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 12px}details.box>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin:0}details.box>summary::-webkit-details-marker{display:none}details.box>summary:after{content:"+";font-family:var(--font-display);font-size:18px;line-height:1;color:var(--strong)}details.box[open]>summary{margin-bottom:12px}details.box[open]>summary:after{content:"−"}.sub-row+.sub-row{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.sub-title{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--body-2);margin:0 0 8px}.palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}@media (min-width: 1180px){.palette-grid{grid-template-columns:repeat(12,1fr);gap:5px}.chip{border-radius:6px}}.chip{-webkit-touch-callout:none;user-select:none;padding:0;border:1.5px solid var(--edge);border-radius:7px;background:none;cursor:pointer;line-height:0;overflow:hidden;transition:border-color .15s,transform .15s var(--ease-expo)}.chip:hover{border-color:var(--strong);transform:translateY(-1px)}.chip[aria-selected=true]{border-color:var(--accent-warm);box-shadow:0 0 0 2px var(--accent-warm);transform:translateY(-1px) scale(1.06)}.chip-swatch{width:100%;height:auto;display:block}.palette{position:relative}.pigment-card{position:absolute;left:-8px;right:-8px;top:-8px;z-index:3;background:var(--bg);border:1px solid var(--edge);border-radius:var(--r-card);padding:14px 16px 12px;box-shadow:0 10px 34px #18252824;animation:card-in var(--dur-micro) var(--ease-quint) both}@keyframes card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.pigment-card{animation:none}}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-name{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--strong);margin:0}.card-code{margin:2px 0 0;font-size:12px;color:var(--muted)}.card-close{flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--edge);background:transparent;color:var(--body-2);font-size:18px;line-height:1;cursor:pointer;margin:-4px -6px 0 0}.card-close:hover{border-color:var(--strong);color:var(--strong)}.card-ramp{margin-top:12px}.card-ramp-canvas{display:block;width:100%;height:22px;border-radius:6px;border:1px solid var(--line)}.card-ramp-ends{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;letter-spacing:.04em;color:var(--muted)}.card-facts{margin:12px 0 0;display:grid;gap:6px}.card-fact{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:10px}.card-fact dt{font-size:12.5px;color:var(--body-2)}.card-fact dd{margin:0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;font-size:12px}.card-meter{display:block;height:6px;border-radius:3px;background:var(--tint);border:1px solid var(--line);overflow:hidden}.card-meter-fill{display:block;height:100%;background:var(--accent)}.card-word{color:var(--strong);white-space:nowrap}.card-num{font-variant-numeric:tabular-nums;color:var(--muted);min-width:3ch;text-align:right}.card-note{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--body);text-wrap:pretty}.palette-hint{margin:8px 0 0;font-size:11px;letter-spacing:.04em;color:var(--muted)}.card-hint{margin:10px 0 0;font-size:11px;letter-spacing:.04em;color:var(--muted)}.well-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.well-swatch{width:44px;height:44px;border-radius:10px;border:1.5px solid var(--edge);flex:none}.well-caption{margin-top:0;min-width:0;flex:1}.well-caption .pigment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.well-actions{display:flex;flex-direction:column;gap:5px;flex:none}.recent-row{display:flex;gap:6px;margin-bottom:10px;min-height:0}.recent-row:empty{display:none}.chip-mini{border-radius:999px;width:30px;height:30px}.pigment-caption{margin-top:10px;display:flex;flex-direction:column}.pigment-name{font-weight:600;color:var(--strong);font-size:14px}.pigment-meta{font-size:12.5px;color:var(--muted)}.tool-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tool{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 5px;background:transparent;border:1.5px solid var(--edge);border-radius:9px;color:var(--body-2);cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}.tool svg{width:22px;height:22px}.tool-label{font-size:11px;letter-spacing:.01em}.tool:hover{border-color:var(--strong);color:var(--strong)}.tool.is-active{border-color:var(--accent);background:var(--tint);color:var(--accent-ink)}.slider-col{display:flex;flex-direction:column;gap:8px;margin-top:14px}.slider{display:grid;grid-template-columns:58px 1fr 30px;align-items:center;gap:10px}.slider-value{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}.slider-label{font-size:13px;color:var(--body-2)}.slider input[type=range]{width:100%;accent-color:var(--accent)}.paper-row{display:flex;gap:7px;flex-wrap:wrap}.action-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.action-bar .btn{padding:9px 16px}@media (max-width: 720px){.action-bar{display:grid;grid-template-columns:1fr 1fr}}.brush-controls{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:12px;align-items:start;margin-top:10px}.brush-controls .slider-col{margin-top:0}.brush-preview{display:flex;flex-direction:column;align-items:center;gap:6px}.brush-preview-canvas{width:84px;height:84px;border-radius:8px;border:1px solid var(--line);display:block}.brush-preview-line{margin:0;font-size:11px;line-height:1.35;letter-spacing:.02em;color:var(--muted);text-align:center;text-wrap:balance}.btn{font-family:var(--font-mono);font-weight:600;font-size:13px;letter-spacing:.005em;background:transparent;color:var(--strong);border:1.5px solid var(--edge);border-radius:var(--r-chip);padding:10px 20px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.btn:hover{border-color:var(--strong)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-small{padding:7px 14px}.btn.is-active,.paper-row [aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.confirm-btn{display:grid}.confirm-btn>span{grid-area:1 / 1;text-align:center}.confirm-btn .confirm-armed{visibility:hidden}.confirm-btn.is-armed{border-color:var(--signal-bad, #bf3400);color:var(--signal-bad, #bf3400)}.confirm-btn.is-armed .confirm-rest{visibility:hidden}.confirm-btn.is-armed .confirm-armed{visibility:visible}.xray-what{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--body-2);text-wrap:pretty}.xray-ramp{margin-top:10px}.xray-ramp-bar{display:block;height:8px;border-radius:4px;background:linear-gradient(90deg,#faf3e4,#4b8a93,#003f48);border:1px solid var(--line)}.xray-ramp-ends{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;letter-spacing:.04em;color:var(--muted)}body.is-xray .sheet{box-shadow:0 0 0 1px var(--line)}.app-footer{padding-top:8px;padding-bottom:64px}.notes-title{max-width:16ch}.notes{margin:32px 0 0}.note-row{display:grid;grid-template-columns:1fr;gap:8px;padding:18px 0;border-top:1px solid var(--line)}.note-row:last-child{border-bottom:1px solid var(--line)}@media (min-width: 768px){.note-row{grid-template-columns:220px 1fr;gap:40px}}.note-row dt{padding-top:3px}.note-row dd{margin:0;max-width:64ch;font-size:16px;line-height:1.65;color:var(--body)}.note-row dd a{color:var(--accent-ink)}.footer-credit{margin:36px 0 0}.arrow-link{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:500;font-size:15px;color:var(--accent-ink);text-decoration:none}.arrow-link:after{content:"";position:absolute;left:0;bottom:-2px;height:1.5px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform var(--dur-struct) var(--ease-expo)}.arrow-link span{transition:transform .2s ease}@media (hover: hover) and (pointer: fine){.arrow-link:hover:after{transform:scaleX(1);transform-origin:left center}.arrow-link:hover span{transform:translate(3px)}}.gl-error{padding:48px 24px}.gl-error h2{color:var(--strong)}@media (max-width: 720px){.easel{width:auto;max-width:none;justify-self:stretch;padding:8px;margin:0 -16px;border-left:0;border-right:0;border-radius:0}.exp-head{padding-top:28px}.studio{padding-top:28px;gap:14px}.tool-row{grid-template-columns:repeat(4,1fr)}.brush-controls{grid-template-columns:minmax(0,1fr) 84px}.brush-preview-canvas{width:84px;height:84px}}