*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;cursor:pointer;user-select:none;-webkit-user-select:none}*::selection{background:transparent}.color-page{min-height:100vh;display:flex;flex-direction:column}.color-info{padding:16px 16px 54px;position:relative;min-height:213px}.color-header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding-right:40px}.color-name{font-size:clamp(1.8rem,5vw,3rem);font-weight:700;margin:0;color:#111;line-height:1.1}.color-hex{font-size:clamp(.85rem,2vw,1.1rem);color:#6f6f6f}.divider{border:none;border-top:1px solid #e3e3e3;margin:10px 0}.color-footer{position:absolute;bottom:0;left:16px;right:16px}.color-values{display:flex;justify-content:space-between;font-size:.85rem;color:#555;margin-bottom:12px}.color-swatch{flex:1;min-height:0}.view-toggle{position:absolute;top:12px;right:12px;background:none;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:11px;color:#aaa;cursor:pointer;letter-spacing:.3px;line-height:1;transition:color .15s,border-color .15s}.view-toggle:hover{color:#666;border-color:#aaa}.color-page.immersive{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.color-page.immersive .color-info{padding:20px 20px 40px;background:linear-gradient(transparent,#0003)}.color-page.immersive.dark-text .color-info{background:linear-gradient(transparent,#00000014)}.color-page.immersive.dark-text .color-name{color:#000000d9}.color-page.immersive.dark-text .color-hex{color:#00000073}.color-page.immersive.dark-text .divider{border-top-color:#0000001f}.color-page.immersive.dark-text .color-values{color:#00000080}.color-page.immersive.dark-text .color-years{color:#00000073}.color-page.immersive.dark-text .view-toggle{border-color:#00000040;color:#00000080}.color-page.immersive.dark-text .view-toggle:hover{border-color:#0009;color:#000000d9}.color-page.immersive.dark-text .badge{background:#00000014;color:#000000a6;border-color:transparent}.color-page.immersive.dark-text .section-label{color:#00000059}.color-page.immersive.dark-text .history-list li{color:#000000b3;border-bottom-color:#00000014}.color-page.immersive.dark-text .history-years{color:#00000059}.color-page.immersive.dark-text .variant-pill{background:#0000000f;border-color:#00000040;color:#0009}.color-page.immersive .color-name{color:#fff}.color-page.immersive .color-hex{color:#ffffffbf}.color-page.immersive .divider{border-top-color:#ffffff40}.color-page.immersive .color-values{color:#ffffffa6}.color-page.immersive .view-toggle{border-color:#ffffff59;color:#ffffffa6}.color-page.immersive .view-toggle:hover{border-color:#ffffffb3;color:#fff}.color-meta{display:flex;align-items:center;gap:7px;margin:8px 0 4px;flex-wrap:wrap}.color-years{font-size:.8rem;color:#bbb}.badge{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:4px;padding:2px 7px;flex-shrink:0}.badge-current{background:#e6f5ee;color:#2d8c5e}.badge-retired{background:#fdf0ed;color:#c0552a}.badge-coll-standard{background:#f0f0f0;color:#888}.badge-coll-munsell{background:#eef2fb;color:#4a6abf}.badge-coll-fluorescent{background:#fffbe6;color:#b08800}.badge-coll-gem-tones{background:#f5eefb;color:#7a44b8}.badge-coll-silver-swirls{background:#f4f4f4;color:#777;border:1px solid #ddd}.badge-coll-pearl-brite{background:#eef8fb;color:#3a8fa8}.section-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ccc;margin:0 0 5px}.history-list{margin:0 0 8px;padding:0;list-style:none}.history-list li{display:flex;align-items:baseline;gap:10px;font-size:.82rem;color:#555;padding:3px 0;border-bottom:1px solid #f7f7f7}.history-list li:last-child{border-bottom:none}.history-years{color:#ccc;font-size:.75rem;flex-shrink:0;width:88px}.variants-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.variant-pill{font-size:10px;padding:3px 9px;border-radius:20px;border:1px solid #eee;color:#999}.variant-scented{background:#fff8f0;border-color:#f5dfc0;color:#b07020}.variant-glitter{background:#fafaf5;border-color:#e0e0c0;color:#888850}.color-page.immersive .color-years{color:#ffffff80}.color-page.immersive .badge{background:#ffffff26;color:#fffc;border-color:transparent}.color-page.immersive .section-label{color:#fff6}.color-page.immersive .history-list li{color:#fffc;border-bottom-color:#ffffff1a}.color-page.immersive .history-years{color:#fff6}.color-page.immersive .variant-pill{background:#ffffff1a;border-color:#ffffffb3;color:#ffffffb3}