*{box-sizing:border-box}body{margin:0;background:#081513;color:#edf5e9;font-family:system-ui,sans-serif}header{height:70px;border-bottom:1px solid #29413b;display:flex;align-items:center;justify-content:space-between;padding:0 32px;font-size:11px;letter-spacing:2px}a{color:#b6ef9b;text-decoration:none}header b{font-weight:400;color:#87a398}main{display:grid;grid-template-columns:290px 1fr;height:calc(100dvh - 70px)}aside{padding:30px 24px;border-right:1px solid #29413b;overflow-y:auto}.eyebrow{font-size:10px;letter-spacing:3px;color:#b6ef9b;font-weight:700}h1{font-size:36px;line-height:1.1;letter-spacing:-1.5px;margin:18px 0}.intro{font-size:13px;color:#95ada3;line-height:1.6;max-width:200px;margin-bottom:28px}nav{display:grid;gap:7px}button{font:inherit;cursor:pointer;color:inherit}nav button{display:flex;gap:14px;align-items:center;text-align:left;padding:13px 12px;background:transparent;border:1px solid transparent;border-radius:5px;font-size:11px;letter-spacing:1px}nav button:hover{background:#152d26}nav button[aria-pressed=true]{border-color:#82b96e;background:#1b3328}nav .number{font-size:10px;color:#7b978a}nav .swatch{width:8px;height:8px;border-radius:50%;margin-left:auto}#stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#243f33,#081513)}canvas{display:block;width:100%;height:100%;touch-action:none}.specimen-info{position:absolute;left:36px;top:26px;pointer-events:none;z-index:1}h2{font-size:clamp(24px,3vw,46px);letter-spacing:-1px;margin:8px 0}.specimen-info>p:last-child{color:#a6bcb0;font-size:13px;line-height:1.6;max-width:380px}.stage-footer{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.stage-footer>span{font-size:9px;letter-spacing:1.5px;color:#91ab9d}.stage-footer>div{display:flex;gap:6px}.stage-footer button{font-size:11px;padding:10px 12px;border:1px solid #415c4b;border-radius:4px;background:#12281fe6}.stage-footer button[aria-pressed=true]{color:#b6ef9b;border-color:#82b96e}button:focus-visible,a:focus-visible{outline:2px solid #ddffae;outline-offset:3px}@media (max-width:700px){header{padding:0 16px;height:54px;letter-spacing:1px}header>span:nth-child(2){display:none}main{height:calc(100dvh - 54px);display:flex;flex-direction:column}aside{padding:12px;border-right:0;border-bottom:1px solid #29413b;flex-shrink:0}aside h1,aside>.eyebrow,.intro{display:none}nav{display:flex;overflow-x:auto;gap:6px}nav button{white-space:nowrap;padding:11px 12px}nav .number,nav .swatch{display:none}#stage{flex:1;min-height:320px}.specimen-info{left:20px;top:12px}.specimen-info>p:last-child{max-width:260px;font-size:12px}.stage-footer{left:16px;right:16px;bottom:16px}.stage-footer>span{font-size:8px}}