:root{--ink:#202620;--muted:#657064;--line:#d6dbd1;--paper:#f3f2ec;--panel:#fffef9;--accent:#426345;--warm:#c79c59}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:4px}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ae7d36;outline-offset:4px}header{background:#1e271f;color:#f4f3e9;padding:20px max(24px,calc((100vw - 1450px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{color:inherit;text-decoration:none;letter-spacing:2px;font-size:15px;font-weight:650}.brand span{display:block;font-size:9px;letter-spacing:1.8px;color:#afbcab;margin-top:2px}.badge{font-size:11px;letter-spacing:1px;white-space:nowrap;border:1px solid #4a5848;border-radius:30px;padding:7px 12px}main{max-width:1500px;margin:auto;padding:36px 24px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted);margin:0 0 12px}h1{font-family:Georgia,serif;font-weight:400;font-size:52px;line-height:1.1;margin:0 0 14px}h1 span{color:var(--warm)}.lead{margin:0;color:var(--muted);font-size:16px}.old{font-size:12px;text-align:right}.room-tabs{display:flex;gap:8px;margin-bottom:16px}.room-tabs button{background:transparent;border:1px solid var(--line);border-radius:8px;padding:11px 18px;text-align:left}.room-tabs small{display:block;font-size:11px;color:var(--muted)}.room-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.room-tabs button[aria-pressed=true] small{color:#bfcbbc}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.viewer{position:relative;aspect-ratio:1200/850;background:#171a17;border-radius:10px;overflow:hidden}.viewer img,.viewer canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.viewer canvas{opacity:0}.viewer canvas.ready{opacity:1}.viewer:fullscreen{width:100%;height:100%;border-radius:0}.viewer:fullscreen canvas,.viewer:fullscreen img{object-fit:contain}.top-label,.labels{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;color:#fff;pointer-events:none;font-size:12px;z-index:3}.top-label{top:14px}.top-label span,.labels span{background:#151b15bd;border:1px solid #ffffff26;border-radius:5px;padding:7px 10px;backdrop-filter:blur(8px)}.top-label button{pointer-events:auto;border:1px solid #ffffff33;background:#19251ab0;border-radius:5px;color:#fff;font-size:22px;padding:0 10px}.labels{bottom:16px;gap:12px;font-size:11px}.labels span:last-child{text-align:right}#split-line{position:absolute;inset:0 auto 0 50%;width:1px;background:#ffffffa0;pointer-events:none;z-index:2}#loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:#fff;background:#192219b0;z-index:4}#loading[hidden]{display:none}.split-control{padding:16px 0 12px}.split-control>label{font-size:11px;color:var(--muted);display:block}.quick{display:flex;justify-content:space-between}.quick button,.text-button{border:0;background:transparent;padding:4px 0;color:var(--accent);font-size:12px;font-weight:600}.context{background:#e8ece2;border:1px solid #d5ddcb;padding:13px 16px;border-radius:7px;font-size:12px}.context .warning{display:block;color:#80572c;margin-top:7px;font-weight:550}.reading{padding:25px 5px;max-width:830px}.reading p:not(.eyebrow){font-size:14px;color:#505b4f;margin-top:10px}.panel{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:9px;margin-bottom:14px}.panel>label:not(.radio){display:block;font-size:12px;margin:14px 0 6px}select{width:100%;padding:10px 32px 10px 10px;color:var(--ink);border:1px solid #bdc8b7;border-radius:5px;background:#fff;font-size:13px}.product-note{min-height:32px;font-size:11px;color:var(--muted);margin:6px 0 12px}.radio{display:flex;align-items:flex-start;gap:8px;margin:15px 0;font-size:13px}.radio input{margin-top:5px;accent-color:var(--accent)}.radio small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.slider-label{display:flex;justify-content:space-between;font-size:12px;gap:12px;margin-top:22px}.slider-label output{color:var(--accent);font-weight:650}input[type=range]{width:100%;accent-color:var(--accent);margin:13px 0 8px;cursor:pointer}.fine{font-size:11px;line-height:1.6;color:var(--muted)}.compact p:not(.eyebrow),.compact a{font-size:12px}.method{border-top:1px solid var(--line);margin-top:30px;padding-top:36px}h2{font:32px Georgia,serif;margin:0 0 22px}h3{font-size:15px;margin:0 0 12px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.method-grid p,.detail-body{font-size:13px;color:#566152;max-width:640px}.table-wrap{overflow-x:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}td:first-child{min-width:190px}td:nth-child(2){white-space:nowrap}details{margin-top:24px;padding:17px 0}summary{cursor:pointer;font-size:13px;font-weight:600}.detail-body{padding:12px 0;max-width:950px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:1px;color:var(--muted);padding-top:20px;margin-top:30px}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.panel{padding:16px}.labels{font-size:9px;left:10px;right:10px}}@media(max-width:760px){header{padding:16px}.brand{font-size:12px}.badge{font-size:9px}main{padding:25px 15px}.intro{display:block}h1{font-size:41px}.lead{font-size:14px}.old{display:inline-block;margin-top:16px}.room-tabs{gap:5px}.room-tabs button{padding:9px 10px;font-size:12px;flex:1}.room-tabs small{font-size:9px}.workspace{display:flex;flex-direction:column}.image-panel,aside{width:100%}.viewer{border-radius:7px}.top-label{font-size:10px;left:9px;right:9px;top:8px}.top-label span{padding:4px 7px}.labels{bottom:8px;max-width:calc(100% - 18px)}.labels span{padding:5px;max-width:49%}.reading{padding:20px 2px 4px}.panel{padding:20px}.method-grid{grid-template-columns:1fr;gap:16px}.method{margin-top:20px}footer{font-size:9px;flex-wrap:wrap}.viewer:fullscreen{aspect-ratio:auto}.context{font-size:11px}}


h1{font-size:clamp(36px,4.2vw,60px)}.history{display:grid;gap:8px;font-size:12px;text-align:right}.room-tabs{flex-wrap:wrap}.room-tabs button{min-width:130px}.viewer{aspect-ratio:3/2;background:#182018;position:relative;overflow:hidden;isolation:isolate}.viewer canvas{width:100%;height:100%;position:absolute;inset:0;display:block;opacity:1;cursor:grab;touch-action:none}.viewer canvas:active{cursor:grabbing}.viewer.loading canvas{opacity:.25}.turn-hint{position:absolute;top:58px;left:50%;transform:translateX(-50%);font-size:11px;color:#f4f4eb;background:#20271ec7;border-radius:20px;padding:6px 12px;white-space:nowrap;pointer-events:none;transition:opacity .3s}.turn-hint.dismissed{opacity:0}.top-label,.labels,#split-line{pointer-events:none}.top-label button{pointer-events:auto}#split-line{top:0;bottom:0;height:100%;z-index:2}.view-controls{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:12px 0 4px}.view-controls button{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:7px 12px;font-size:12px}.view-controls output{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.viewer:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}.viewer:fullscreen canvas{width:100%;height:100%}#fixed-control{padding-top:4px;border-top:1px solid var(--line);margin-top:15px}#fixed-control[hidden]{display:none}.viewer #loading[hidden]{display:none}.viewer #loading{z-index:5;max-width:80%;text-align:center}.labels span{max-width:46%;font-size:11px}#context span{display:block}.method h2{font-size:36px}.method-grid{gap:40px}details{line-height:1.65}.fine{font-size:12px}.reading{margin-top:18px}@media(max-width:800px){.intro{display:block}.history{margin-top:18px;text-align:left;display:flex;flex-wrap:wrap;gap:15px}.room-tabs{display:grid;grid-template-columns:1fr 1fr}.room-tabs button{min-width:0;padding:10px 12px}.viewer{aspect-ratio:4/3;min-height:300px}.view-controls{gap:4px}.view-controls button{padding:7px 10px}.view-controls output{flex-basis:100%;text-align:right}.turn-hint{font-size:10px;top:48px}.method h2{font-size:30px}.labels span{font-size:10px}.top-label{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

body.viewer-open{overflow:hidden}.viewer.expanded{position:fixed;inset:0;width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;z-index:10000}.viewer.expanded canvas{width:100%;height:100%}

.viewer{width:100%}.image-panel,aside{min-width:0}
.intro-link{font-size:13px;align-self:flex-end;margin-bottom:20px}.mood-bar{display:flex;gap:24px;align-items:center;padding:18px 20px;margin:22px 0;background:var(--panel);border:1px solid var(--line);border-radius:12px}.mood-bar strong{display:block;font:22px Georgia,serif}.mood-bar .eyebrow{display:block;font-size:9px;margin-bottom:4px}.presets{display:flex;gap:6px;flex-wrap:wrap}.presets button,.memory button{background:transparent;border:1px solid var(--line);border-radius:20px;padding:9px 15px;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.presets button[aria-pressed=true]{background:#34412d;color:#fff;border-color:#34412d}.group{border-top:1px solid var(--line);padding:15px 0 9px}.group-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.group label{font-weight:500;font-size:13px}.group .power{border:1px solid var(--line);border-radius:50%;background:transparent;width:29px;height:29px;cursor:pointer}.group .power[aria-pressed=true]{background:#dce1d1}.group input[type=range]{margin:9px 0 0}.group small{display:block;font-size:10px;color:var(--muted);line-height:1.4;margin-top:3px}.group output{font-size:11px;min-width:35px;text-align:right}.group-head .title{flex:1}.tone-options{border-top:1px solid var(--line);padding-top:13px}.panel summary{cursor:pointer;font-size:13px;font-weight:600}.memory{margin-top:20px}.memory p{font-size:12px}.memory-buttons{display:flex;gap:7px;flex-wrap:wrap}.memory button:disabled{opacity:.4;cursor:default}.products td:first-child{display:flex;gap:14px;align-items:center;min-width:230px}.products img{width:92px;height:92px;object-fit:contain;background:#fff;border-radius:8px;flex:none}.products td{font-size:12px;vertical-align:middle}.products td:nth-child(3){white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.products small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.products a{display:block;max-width:200px}.workspace aside .panel{padding:21px}.groups-panel .fine{margin-bottom:12px}.viewer{aspect-ratio:3/2}#nearby summary{padding:12px 0 6px}#memory-status{color:var(--muted);min-height:1em}.panel select+label{margin-top:15px}#price-date{margin-top:15px}.method details{margin-top:20px}@media(min-width:1000px){.image-panel{align-self:start;position:sticky;top:20px}.workspace{align-items:start}}@media(max-width:700px){.mood-bar{display:block;padding:15px}.presets{margin-top:12px;gap:5px}.presets button{padding:8px 12px}.intro-link{display:inline-block;margin-top:15px}.viewer{aspect-ratio:4/3}.products img{width:60px;height:60px}.products td:first-child{min-width:210px}.turn-hint{max-width:85%;white-space:normal;text-align:center}.memory-buttons button{font-size:11px}.method h2{font-size:30px}}

@media(min-width:1000px){.image-panel{position:sticky;top:12px}.viewer{height:clamp(320px,50vh,600px);aspect-ratio:auto}.reading{margin-top:12px;font-size:12px}.reading summary{cursor:pointer}.reading p{margin:10px 0}}.viewer.expanded{height:100vh!important}.memory{margin:32px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 30px}.memory #memory-status{grid-column:1/-1}@media(max-width:700px){.memory{display:block}.memory-buttons{margin-top:15px}}

@media(max-width:700px){.workspace{display:block}.workspace .image-panel{display:contents}.workspace .viewer{position:sticky;top:0;z-index:20;height:clamp(210px,36vh,320px);min-height:0;aspect-ratio:auto;border-radius:0 0 9px 9px;box-shadow:0 8px 22px #20262022}.workspace .viewer.expanded{position:fixed;height:100vh}.workspace aside{margin-top:18px}.labels span{font-size:9px}}

@media(max-width:700px){.table-wrap{overflow:visible}.products,.products tbody{display:block;width:100%}.products thead{display:none}.products tr{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--line);padding:15px 0}.products td{display:block;border:0;padding:5px 0;min-width:0!important}.products td:first-child{display:flex;grid-column:1/-1;gap:16px;padding-bottom:10px}.products td:nth-child(2){color:var(--muted)}.products td:nth-child(3){text-align:right;font-size:15px;color:var(--accent)}.products td:last-child{grid-column:1/-1;color:var(--muted);font-size:11px}.products a{max-width:none}.products img{width:72px;height:72px}}