.cotd-wrapper{max-width:1000px;margin:0 auto 48px;padding:0 24px}.cotd{--cotd-color: rgb(var(--color-gold-rgb, 211, 175, 55));--cotd-on: #fff;--cotd-on-rgb: 255, 255, 255;--cotd-scrim-rgb: 0, 0, 0;border-radius:20px;border:1px solid var(--color-border, rgba(var(--color-gold-rgb, 211, 175, 55), .16));overflow:hidden;background:var(--color-bg-card, #fff);box-shadow:0 4px 32px #00000014,0 0 0 1px rgba(var(--color-gold-rgb, 211, 175, 55),.06) inset;transition:box-shadow .2s ease}.cotd__top{position:relative;display:flex;min-height:220px;background:var(--cotd-color);transition:background-color .5s cubic-bezier(.4,0,.2,1)}.cotd__top:hover{box-shadow:none}.cotd__swatch{position:absolute;top:16px;right:16px;z-index:1;background:transparent;padding:0}.cotd__contrast-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;font-family:var(--font-mono, monospace);letter-spacing:.06em;text-transform:uppercase;background:rgba(var(--cotd-scrim-rgb),.42);color:var(--cotd-on, #fff);border:1px solid rgba(var(--cotd-on-rgb),.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);width:fit-content}.cotd__body{flex:1;padding:32px 40px;position:relative;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}.cotd__label{margin:0;font-size:10px;font-weight:800;font-family:var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.12em;color:var(--cotd-on, #fff)}.cotd__name{margin:0;font-size:clamp(26px,3vw,38px);font-weight:900;font-family:var(--font-mono, monospace);color:var(--cotd-on, #fff);line-height:1.1;letter-spacing:-.02em}#color-of-the-day .cotd__label,#color-of-the-day .cotd__name,#color-of-the-day .cotd__date,#color-of-the-day .cotd__toggle,#color-of-the-day .cotd__chip,#color-of-the-day .cotd__contrast-badge{color:var(--cotd-on, #fff);-webkit-text-fill-color:var(--cotd-on, #fff)}.cotd__values{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cotd__chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-family:var(--font-mono, monospace);font-weight:600;border:1px solid rgba(var(--cotd-on-rgb),.32);background:rgba(var(--cotd-scrim-rgb),.22);color:var(--cotd-on, #fff);transition:background .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap;cursor:default}.cotd__chip--hex{cursor:pointer;font-weight:700}.cotd__chip--hex:hover{background:rgba(var(--cotd-scrim-rgb),.34);border-color:rgba(var(--cotd-on-rgb),.55);color:var(--cotd-on, #fff)}.cotd__chip--hex svg{flex-shrink:0;opacity:.6}.cotd__chip--copy{cursor:pointer}.cotd__chip--copy:hover{background:rgba(var(--cotd-scrim-rgb),.34);border-color:rgba(var(--cotd-on-rgb),.55);color:var(--cotd-on, #fff)}.cotd__chip--copied{background:#22c55e1a!important;border-color:#22c55e47!important;color:var(--color-success, #22c55e)!important}.cotd__date{margin:0;position:absolute;right:40px;bottom:28px;text-align:right;font-family:var(--font-mono, monospace);font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--cotd-on, #fff);padding:8px 14px;border-radius:10px;border:1px solid rgba(var(--cotd-on-rgb),.32);background:rgba(var(--cotd-scrim-rgb),.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cotd__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;align-items:center}.cotd__explore{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:700;font-family:var(--font-mono, monospace);text-decoration:none;border:1px solid var(--color-gold-medium, rgba(var(--color-gold-rgb, 211, 175, 55), .22));background:var(--color-gold-light, rgba(var(--color-gold-rgb, 211, 175, 55), .08));color:var(--color-gold, rgb(var(--color-gold-rgb, 211, 175, 55)));transition:background .14s ease,border-color .14s ease,transform .14s ease}.cotd__explore:hover{background:rgba(var(--color-gold-rgb, 211, 175, 55),.16);border-color:rgba(var(--color-gold-rgb, 211, 175, 55),.4);transform:translate(2px)}.cotd__toggle{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;font-size:12px;font-weight:700;font-family:var(--font-mono, monospace);border:1px solid rgba(var(--cotd-on-rgb),.38);background:rgba(var(--cotd-scrim-rgb),.18);color:var(--cotd-on, #fff);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.cotd__toggle:hover{background:rgba(var(--cotd-scrim-rgb),.32);border-color:rgba(var(--cotd-on-rgb),.6);color:var(--cotd-on, #fff)}.cotd__toggle svg{transition:transform .3s ease}.cotd[data-expanded=true] .cotd__toggle svg{transform:rotate(180deg)}.cotd__detail-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1);border-top:0px solid var(--color-border, rgba(var(--color-gold-rgb, 211, 175, 55), .12))}.cotd[data-expanded=true] .cotd__detail-wrap{grid-template-rows:1fr;border-top-width:1px}.cotd__detail-inner{overflow:hidden;min-height:0}.cotd__detail{padding:32px 36px 36px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.cotd__section{display:flex;flex-direction:column;gap:10px}.cotd__section-title{margin:0;font-size:11px;font-weight:800;font-family:var(--font-sans, system-ui, sans-serif);text-transform:uppercase;letter-spacing:.12em;color:var(--color-gold, rgb(var(--color-gold-rgb, 211, 175, 55)));padding-bottom:8px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .07))}.cotd__space-table{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.cotd__space-row{display:contents}.cotd__space-label{font-size:11px;font-family:var(--font-sans, system-ui, sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted, #6b7280);display:flex;align-items:center}.cotd__space-value{font-size:12px;font-family:var(--font-sans, system-ui, sans-serif);font-weight:600;color:var(--color-text, #111);display:flex;align-items:center;word-break:break-all}.cotd__scale{display:flex;gap:3px;height:44px;border-radius:10px;overflow:hidden}.cotd__scale-swatch{flex:1;cursor:default;position:relative;transition:flex .12s ease}.cotd__scale-swatch:hover{flex:2}.cotd__scale-swatch[data-base=true]{outline:2px solid rgba(var(--color-gold-rgb, 211, 175, 55),.7);outline-offset:-2px}.cotd__harmonies{display:flex;flex-direction:column;gap:8px}.cotd__harmony-row{display:flex;align-items:center;gap:8px}.cotd__harmony-label{font-size:11px;font-family:var(--font-sans, system-ui, sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #6b7280);width:120px;flex-shrink:0}.cotd__harmony-swatches{display:flex;gap:4px}.cotd__harmony-dot{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.cotd__a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cotd__a11y-cell{border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.cotd__a11y-ratio{font-size:19px;font-weight:900;font-family:var(--font-sans, system-ui, sans-serif);line-height:1}.cotd__a11y-bg{font-size:11px;font-family:var(--font-sans, system-ui, sans-serif);font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.75}.cotd__a11y-grades{margin-top:4px;display:flex;gap:4px}.cotd__a11y-grade{font-size:11px;font-weight:800;font-family:var(--font-sans, system-ui, sans-serif);padding:2px 6px;border-radius:4px;letter-spacing:.04em}.cotd__a11y-grade--pass{background:#e8f7ee;color:#166534}.cotd__a11y-grade--fail{background:#fef2f2;color:#991b1b}.cotd__psych{display:flex;flex-direction:column;gap:8px}.cotd__psych-tags{display:flex;flex-wrap:wrap;gap:5px}.cotd__psych-tag{font-size:12px;font-family:var(--font-sans, system-ui, sans-serif);font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--color-border, rgba(0, 0, 0, .1));background:var(--color-bg-muted, rgba(0, 0, 0, .04));color:var(--color-text, #111)}.cotd__psych-desc{margin:0;font-size:13px;line-height:1.55;color:var(--color-text-muted, #6b7280)}.dark-mode .cotd,[data-theme=dark] .cotd{background:#141416eb;border-color:rgba(var(--color-gold-rgb, 211, 175, 55),.14);box-shadow:0 8px 40px #0006,0 0 0 1px rgba(var(--color-gold-rgb, 211, 175, 55),.06) inset}.dark-mode .cotd__detail-wrap,[data-theme=dark] .cotd__detail-wrap{border-top-color:rgba(var(--color-gold-rgb, 211, 175, 55),.1)}.dark-mode .cotd__section-title,[data-theme=dark] .cotd__section-title{border-bottom-color:#ffffff12}.dark-mode .cotd__space-value,[data-theme=dark] .cotd__space-value{color:#e8e8ec}.dark-mode .cotd__harmony-dot,[data-theme=dark] .cotd__harmony-dot{border-color:#ffffff1f}.dark-mode .cotd__psych-tag,[data-theme=dark] .cotd__psych-tag{background:#26262b;border-color:#3a3a40;color:#e8e8ec}.dark-mode .cotd__a11y-grade--pass,[data-theme=dark] .cotd__a11y-grade--pass{background:#102f1c;color:#bbf7d0}.dark-mode .cotd__a11y-grade--fail,[data-theme=dark] .cotd__a11y-grade--fail{background:#3b1010;color:#f87171}@media(max-width:640px){.cotd-wrapper{padding:0 12px}.cotd__top{min-height:0}.cotd__body{padding:22px 22px 20px;gap:10px}.cotd__date{position:static;right:auto;bottom:auto;margin-top:4px;align-self:flex-start}.cotd__name{font-size:26px}.cotd__detail{padding:20px 22px 24px;grid-template-columns:1fr;gap:20px}}@media(prefers-reduced-motion:reduce){.cotd,.cotd__swatch,.cotd__chip,.cotd__explore,.cotd__toggle,.cotd__toggle svg,.cotd__detail-wrap,.cotd__scale-swatch{transition:none}}.cotd[data-expanded=true] .cotd__almanac-btn svg{transform:none}.cotd-almanac{position:fixed;z-index:10000;width:280px;max-width:calc(100vw - 20px);padding:12px;border-radius:16px;background:var(--color-bg-card, #14151a);border:1px solid var(--color-border, rgba(255, 255, 255, .12));box-shadow:0 18px 50px #00000080;color:var(--color-text, #f4f6fb);opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top left;transition:opacity .16s ease,transform .16s ease;font-family:var(--font-sans, system-ui, sans-serif)}.cotd-almanac.is-open{opacity:1;transform:translateY(0) scale(1)}.cotd-almanac__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.cotd-almanac__heading{display:flex;flex-direction:column;gap:1px}.cotd-almanac__title{font-weight:800;font-size:14px;font-family:var(--font-serif, Georgia, serif)}.cotd-almanac__sub{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:rgb(var(--color-gold-rgb, 211, 175, 55));font-family:var(--font-mono, monospace)}.cotd-almanac__close{flex:none;width:26px;height:26px;border-radius:8px;border:1px solid var(--color-border, rgba(255, 255, 255, .14));background:transparent;color:var(--color-text-muted, #9aa3b2);font-size:18px;line-height:1;cursor:pointer;transition:background .14s,color .14s}.cotd-almanac__close:hover{background:#ffffff14;color:var(--color-text, #fff)}.cotd-almanac__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cotd-almanac__row{display:flex;align-items:center;gap:10px;padding:4px;border-radius:12px;transition:background .14s ease}.cotd-almanac__row:hover{background:rgba(var(--color-gold-rgb, 211, 175, 55),.07)}.cotd-almanac__sw{position:relative;flex:none;width:66px;height:42px;border-radius:10px;border:1px solid rgba(0,0,0,.18);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-family:var(--font-mono, monospace);font-size:10.5px;font-weight:700;transition:transform .14s ease,box-shadow .14s ease}.cotd-almanac__sw:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006}.cotd-almanac__sw-ok,.cotd-almanac__row.is-copied .cotd-almanac__sw-hex{display:none}.cotd-almanac__row.is-copied .cotd-almanac__sw-ok{display:inline}.cotd-almanac__meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.cotd-almanac__day{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #9aa3b2);font-family:var(--font-mono, monospace)}.cotd-almanac__name{font-size:13px;font-weight:700;color:var(--color-text, #f4f6fb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cotd-almanac__open{flex:none;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;font-weight:700;color:rgb(var(--color-gold-rgb, 211, 175, 55));border:1px solid transparent;transition:background .14s,border-color .14s,transform .14s}.cotd-almanac__open:hover{background:rgba(var(--color-gold-rgb, 211, 175, 55),.12);border-color:rgba(var(--color-gold-rgb, 211, 175, 55),.4);transform:translate(2px)}.cotd-almanac__foot{margin:10px 2px 0;font-size:10.5px;line-height:1.4;color:var(--color-text-muted, #9aa3b2)}@media(prefers-reduced-motion:reduce){.cotd-almanac,.cotd-almanac.is-open{transition:opacity .16s ease;transform:none}}.cotd[data-split=true] .cotd__top{display:none}.cotd__split:not([hidden]){display:flex;flex-direction:column;gap:16px;padding:22px 26px 24px;animation:cotd-split-in .28s ease}@keyframes cotd-split-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cotd__split-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.cotd__split-tag{font-family:var(--font-mono, monospace);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-gold-rgb, 211, 175, 55))}.cotd__split-exit{height:32px;padding:0 14px;border-radius:999px;cursor:pointer;border:1px solid var(--color-border, rgba(255, 255, 255, .18));background:rgba(var(--color-gold-rgb, 211, 175, 55),.1);color:var(--color-text, #f4f6fb);font:700 12px var(--font-mono, monospace);transition:background .14s,border-color .14s}.cotd__split-exit:hover{background:rgba(var(--color-gold-rgb, 211, 175, 55),.2);border-color:rgba(var(--color-gold-rgb, 211, 175, 55),.5)}.cotd__split-pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}.cotd__split-block{display:flex;flex-direction:column;gap:5px;justify-content:flex-end;min-height:150px;padding:18px;border-radius:16px;cursor:pointer;text-align:left;border:1px solid rgba(0,0,0,.12);transition:transform .16s ease,box-shadow .16s ease}.cotd__split-block:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0006}.cotd__split-when{font:700 10.5px/1 var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.08em;opacity:.82}.cotd__split-bname{font:800 clamp(18px,2.4vw,22px) / 1.1 var(--font-serif, Georgia, serif)}.cotd__split-bhex{font:700 13px var(--font-mono, monospace);opacity:.92}.cotd__split-vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;background:#0c0d10;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:8px 12px;box-shadow:0 8px 22px #0000008c;z-index:1}.cotd__split-ratio{font:800 15px var(--font-mono, monospace)}.cotd__split-grade{font:700 9.5px var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.07em;color:rgb(var(--color-gold-rgb, 211, 175, 55))}.cotd__split-de{font:600 9.5px var(--font-mono, monospace);opacity:.72}.cotd__split-blend{display:flex;flex-direction:column;gap:8px}.cotd__split-blend-label{font:600 10.5px var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #9aa3b2)}.cotd__split-steps{display:flex;height:40px;border-radius:12px;overflow:hidden;border:1px solid var(--color-border, rgba(255, 255, 255, .12))}.cotd__split-step{flex:1;border:0;padding:0;cursor:pointer;position:relative;transition:flex .18s ease}.cotd__split-step:hover{flex:1.7}.cotd__split-step.is-copied:after{content:"\2713";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;mix-blend-mode:difference;font:800 14px var(--font-mono, monospace)}@media(max-width:560px){.cotd__split-pair{grid-template-columns:1fr}.cotd__split-vs{position:static;transform:none;align-self:center}}@media(prefers-reduced-motion:reduce){.cotd__split:not([hidden]){animation:none}.cotd__split-block,.cotd__split-step{transition:none}}.cotd__top{background:var(--cotd-color);background:radial-gradient(135% 150% at 88% 4%,color-mix(in srgb,var(--cotd-color),#fff 18%),transparent 50%),linear-gradient(158deg,var(--cotd-color) 0%,color-mix(in srgb,var(--cotd-color),#000 16%) 100%);isolation:isolate}.cotd__top:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(40% 58% at 84% 18%,rgba(var(--cotd-on-rgb),.13),transparent 70%)}.cotd__top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;z-index:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--cotd-color),#fff 36%),color-mix(in srgb,var(--cotd-color),#fff 14%),var(--cotd-color),color-mix(in srgb,var(--cotd-color),#000 18%),color-mix(in srgb,var(--cotd-color),#000 38%))}.cotd__body{position:relative;z-index:1}.cotd__label{display:inline-flex;align-items:center;gap:9px;letter-spacing:.16em;opacity:.95}.cotd__label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cotd-on, #fff);box-shadow:0 0 0 3px rgba(var(--cotd-on-rgb),.2)}.cotd__name{font-family:var(--font-serif, "Playfair Display", Georgia, serif);font-weight:800;letter-spacing:-.015em;line-height:1.04}.cotd__chip{height:30px;padding:0 12px;border-color:rgba(var(--cotd-on-rgb),.26);background:rgba(var(--cotd-scrim-rgb),.15);backdrop-filter:blur(9px) saturate(1.15);-webkit-backdrop-filter:blur(9px) saturate(1.15);box-shadow:inset 0 1px rgba(var(--cotd-on-rgb),.12)}.cotd__toggle{height:36px;background:rgba(var(--cotd-scrim-rgb),.15);backdrop-filter:blur(9px) saturate(1.15);-webkit-backdrop-filter:blur(9px) saturate(1.15);box-shadow:inset 0 1px rgba(var(--cotd-on-rgb),.12)}.cotd__date{border-color:rgba(var(--cotd-on-rgb),.26);background:rgba(var(--cotd-scrim-rgb),.15);backdrop-filter:blur(9px) saturate(1.15);-webkit-backdrop-filter:blur(9px) saturate(1.15);box-shadow:inset 0 1px rgba(var(--cotd-on-rgb),.12)}.cotd__contrast-badge{padding:4px 11px;background:rgba(var(--cotd-scrim-rgb),.26);backdrop-filter:blur(9px) saturate(1.15);-webkit-backdrop-filter:blur(9px) saturate(1.15)}@media(min-width:641px){.cotd__top{min-height:252px}.cotd__name{font-size:clamp(32px,3.6vw,46px)}}#color-of-the-day{border-radius:20px;box-shadow:0 14px 40px -16px #0006,0 0 0 1px #0000000a inset}#color-of-the-day .cotd__layout{display:grid;grid-template-columns:minmax(150px,34%) 1fr;gap:30px;padding:22px;align-items:stretch}#color-of-the-day .cotd__label{display:none}#color-of-the-day .cotd__swatch{position:relative;inset:auto;margin:0;padding:0;min-height:210px;border-radius:16px;background:var(--cotd-color);background-image:linear-gradient(150deg,color-mix(in srgb,var(--cotd-color),#fff 12%),var(--cotd-color) 55%,color-mix(in srgb,var(--cotd-color),#000 12%));box-shadow:0 12px 30px -10px color-mix(in srgb,var(--cotd-color),transparent 35%)}#color-of-the-day .cotd__expand{position:absolute;right:14px;bottom:14px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;text-decoration:none;cursor:pointer;padding:0;background:#ffffffeb;color:color-mix(in srgb,var(--cotd-color),#000 28%);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 14px #0000002e;transition:transform .14s ease,background .14s ease}#color-of-the-day .cotd__expand:hover{transform:translateY(-1px) scale(1.04);background:#fff}#color-of-the-day .cotd__body{flex:initial;padding:6px 10px 6px 0;display:flex;flex-direction:column;justify-content:center;gap:0}#color-of-the-day .cotd__headrow{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#color-of-the-day .cotd__name{margin:0;font-family:var(--font-serif, Georgia, serif);font-weight:700;font-size:clamp(24px,2.8vw,33px);line-height:1.1;letter-spacing:-.01em;color:var(--color-text, #16181d);-webkit-text-fill-color:var(--color-text, #16181d)}#color-of-the-day .cotd__featured{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:4px 11px;border-radius:999px;font:700 12px var(--font-mono, monospace);color:var(--cotd-tint-ink, color-mix(in srgb, var(--cotd-color), var(--color-text, #000) 55%));background:var(--cotd-tint-bg, color-mix(in srgb, var(--cotd-color) 16%, transparent));border:1px solid color-mix(in srgb,var(--cotd-color) 32%,transparent)}#color-of-the-day .cotd__featured-star{font-size:11px;line-height:1}#color-of-the-day .cotd__desc{margin:13px 0 0;max-width:48ch;font-size:15px;line-height:1.6;color:var(--color-text-muted, #6b7280)}#color-of-the-day .cotd__divider{height:1px;margin:18px 0 4px;background:var(--color-border, rgba(0, 0, 0, .1))}#color-of-the-day .cotd__rows{display:flex;flex-direction:column}#color-of-the-day .cotd__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--color-border, #e5e7eb),transparent 35%)}#color-of-the-day .cotd__row:last-child{border-bottom:0}#color-of-the-day .cotd__row-label{font:700 12px var(--font-mono, monospace);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted, #6b7280)}#color-of-the-day .cotd__row-value{display:inline-flex;align-items:center;gap:10px;margin-right:-7px;padding:5px 7px;border:0;border-radius:8px;background:transparent;cursor:pointer;font:600 14px var(--font-mono, monospace);color:var(--color-text, #16181d);-webkit-text-fill-color:currentColor;transition:background .14s ease,color .14s ease}#color-of-the-day .cotd__row-value:hover{background:color-mix(in srgb,var(--cotd-color) 12%,transparent)}#color-of-the-day .cotd__copy-icon{opacity:.42;transition:opacity .14s ease}#color-of-the-day .cotd__row-value:hover .cotd__copy-icon{opacity:.85}#color-of-the-day .cotd__row.is-copied .cotd__row-value{color:var(--color-success, #16a34a)}#color-of-the-day .cotd__actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}#color-of-the-day .cotd__toggle{height:32px;padding:0 13px;border-radius:999px;cursor:pointer;font:700 12px var(--font-mono, monospace);color:var(--color-text, #16181d);-webkit-text-fill-color:var(--color-text, #16181d);background:transparent;border:1px solid var(--color-border, rgba(0, 0, 0, .14));backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:background .14s ease,border-color .14s ease}#color-of-the-day .cotd__toggle:hover{background:color-mix(in srgb,var(--cotd-color) 11%,transparent);border-color:color-mix(in srgb,var(--cotd-color) 45%,transparent)}#color-of-the-day .cotd__date{position:static;right:auto;bottom:auto;margin:0 0 0 auto;padding:0;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;font:600 12px var(--font-mono, monospace);color:var(--color-text-muted, #6b7280);-webkit-text-fill-color:var(--color-text-muted, #6b7280)}#color-of-the-day .cotd__contrast-badge{position:static;inset:auto;padding:3px 9px;border-radius:999px;font:700 10px var(--font-mono, monospace);letter-spacing:.05em;text-transform:uppercase;color:var(--cotd-tint-ink, color-mix(in srgb, var(--cotd-color), var(--color-text, #000) 58%));-webkit-text-fill-color:currentColor;background:var(--cotd-tint-bg, color-mix(in srgb, var(--cotd-color) 14%, transparent));border:1px solid color-mix(in srgb,var(--cotd-color) 30%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}#color-of-the-day[data-split=true] .cotd__layout{display:none}@media(max-width:600px){#color-of-the-day .cotd__layout{grid-template-columns:1fr;gap:16px;padding:16px}#color-of-the-day .cotd__swatch{min-height:150px}#color-of-the-day .cotd__body{padding:0}}.cotd-fs{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s ease}.cotd-fs[hidden]{display:none}html.cotd-fs-lock,html.cotd-fs-lock body{overflow:hidden!important}.cotd-fs.is-open{opacity:1}.cotd-fs__bg{position:absolute;inset:0;cursor:zoom-out;background:var(--fs-color);background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--fs-color),#fff 10%),var(--fs-color) 58%,color-mix(in srgb,var(--fs-color),#000 14%))}.cotd-fs__panel{position:relative;z-index:1;text-align:center;color:var(--fs-ink);padding:32px;width:min(620px,92vw);animation:cotd-fs-rise .32s cubic-bezier(.4,0,.2,1)}@keyframes cotd-fs-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cotd-fs__kicker{margin:0;font:700 12px var(--font-mono, monospace);letter-spacing:.22em;text-transform:uppercase;opacity:.78}.cotd-fs__name{margin:8px 0 0;font-family:var(--font-serif, Georgia, serif);font-weight:800;font-size:clamp(40px,8vw,84px);line-height:1.02;letter-spacing:-.02em;color:var(--fs-ink)}.cotd-fs__vals{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.cotd-fs__chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;cursor:pointer;font:600 14px var(--font-mono, monospace);color:var(--fs-ink);background:rgba(var(--fs-scrim-rgb),.16);border:1px solid rgba(var(--fs-ink-rgb),.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .14s ease}.cotd-fs__chip:hover{background:rgba(var(--fs-scrim-rgb),.28)}.cotd-fs__chip-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.cotd-fs__downloads{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:26px}.cotd-fs__dl-label{margin-right:4px;font:700 11px var(--font-mono, monospace);letter-spacing:.12em;text-transform:uppercase;opacity:.75}.cotd-fs__dl{height:40px;padding:0 18px;border-radius:12px;cursor:pointer;font:700 13px var(--font-mono, monospace);color:var(--fs-ink);background:rgba(var(--fs-scrim-rgb),.18);border:1px solid rgba(var(--fs-ink-rgb),.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .14s ease,background .14s ease}.cotd-fs__dl:hover{transform:translateY(-2px);background:rgba(var(--fs-scrim-rgb),.3)}.cotd-fs__edit{display:inline-block;margin-top:24px;font:600 13px var(--font-mono, monospace);color:var(--fs-ink);opacity:.85;text-decoration:none;border-bottom:1px solid rgba(var(--fs-ink-rgb),.4);padding-bottom:2px}.cotd-fs__edit:hover{opacity:1}.cotd-fs__close{position:absolute;top:22px;right:24px;z-index:2;width:44px;height:44px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:0;color:var(--fs-ink);background:rgba(var(--fs-scrim-rgb),.18);border:1px solid rgba(var(--fs-ink-rgb),.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .14s ease,transform .2s ease}.cotd-fs__close:before,.cotd-fs__close:after{content:"";position:absolute;top:50%;left:50%;width:17px;height:2px;border-radius:2px;background:currentColor}.cotd-fs__close:before{transform:translate(-50%,-50%) rotate(45deg)}.cotd-fs__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.cotd-fs__close:hover{background:rgba(var(--fs-scrim-rgb),.32);transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.cotd-fs__panel{animation:none}.cotd-fs__dl:hover,.cotd-fs__close:hover{transform:none}}.cotd-fs .cotd-fs__name,.cotd-fs .cotd-fs__kicker,.cotd-fs .cotd-fs__chip,.cotd-fs .cotd-fs__chip-label,.cotd-fs .cotd-fs__dl,.cotd-fs .cotd-fs__dl-label,.cotd-fs .cotd-fs__edit,.cotd-fs .cotd-fs__close{color:var(--fs-ink);-webkit-text-fill-color:var(--fs-ink)}