@charset "UTF-8";
:root{color-scheme:dark;--bg:#101115;--panel:#17191f;--raised:#20232a;--ink:#e4e6ed;--muted:#a0a5b2;--quiet:#727989;--line:#2c3039;--accent:#bea0f4;--focus:#d7c2ff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:5px}a:hover{color:var(--accent)}button:disabled{cursor:wait;opacity:.5}a[aria-disabled=true]{pointer-events:none;opacity:.5}.page-shell{max-width:1600px;margin:0 auto;padding:0 5.25%}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-size:11px;font-weight:650;letter-spacing:.09em;display:flex;align-items:center;gap:13px;white-space:nowrap}.wordmark-suffix{font-weight:400;color:var(--quiet);margin-left:5px}.mark{width:15px;height:15px;border:1px solid var(--accent);display:inline-block;box-shadow:inset 4px 0 0 var(--bg),inset 5px 0 0 var(--accent),inset 9px 0 0 var(--bg),inset 10px 0 0 var(--accent)}.header-links{display:flex;gap:30px;font-size:12px}.header-links a span{margin-left:7px;color:var(--quiet)}.github-link{color:var(--accent)}.intro{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:9%;padding:89px 0 76px}.eyebrow,.signature-label,.signature-bottom,.study-topline,.study-kicker,.state-caption,.detail-index,.section-heading>p,.result-count,.theme-number,.swatch-value,.token-value,.footer-title{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:10px;font-weight:400;line-height:1.7;letter-spacing:.1em}.eyebrow{color:var(--muted);margin:0 0 25px;display:flex;align-items:center;gap:10px}.rule{height:1px;width:25px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,6.2vw,92px);font-weight:450;letter-spacing:-.065em;line-height:1.05;margin-bottom:27px}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;color:var(--accent)}.intro-description{font-size:17px;line-height:1.65;max-width:465px;color:#c2c6d0;margin-bottom:13px}.intro-detail{font-size:13px;line-height:1.75;max-width:455px;color:var(--muted);margin-bottom:29px}.text-link{font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:30px;color:var(--accent);border-bottom:1px solid #66567f;padding-bottom:8px}.collection-signature{padding:0 0 6px;max-width:390px;width:100%;justify-self:end}.signature-label{display:block;color:var(--quiet);border-bottom:1px solid var(--line);padding-bottom:17px}.signature-number{font-size:clamp(138px,17vw,254px);line-height:1.12;letter-spacing:-.08em;font-weight:300;color:#d5d8e2}.signature-number>span{font-size:.52em;vertical-align:25%;margin-left:9px;color:#54466b;font-weight:200}.signature-bottom{display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.signature-spectrum{display:flex;gap:6px;margin-top:28px;height:6px}.signature-spectrum i{flex:1;background:#aa7ee2}.signature-spectrum i:nth-child(2){background:#828797}.signature-spectrum i:nth-child(3){background:#c2b298}.signature-spectrum i:nth-child(4){background:#87a7c8}.signature-spectrum i:nth-child(5){background:#81aba8}.signature-spectrum i:nth-child(6){background:#a1b99b}.signature-spectrum i:nth-child(7){background:#c0af86}.signature-spectrum i:nth-child(8){background:#c79b89}.signature-spectrum i:nth-child(9){background:#c197ad}.signature-spectrum i:nth-child(10){background:#a6a1c7}.compatibility-note{display:flex;align-items:start;gap:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:58px}.status-label{flex-shrink:0;color:var(--accent);font-family:"SFMono-Regular",Consolas,monospace;font-size:9px;letter-spacing:.08em;padding:4px 6px;background:#211d2b;border:1px solid #3f354f}.compatibility-note p{color:var(--muted);font-size:11px;line-height:1.8;margin:0}.compatibility-note a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--quiet);text-underline-offset:3px;margin-left:5px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{font-size:21px;font-weight:450;letter-spacing:-.035em;margin:0}.section-heading>p{color:var(--quiet);margin:0;font-size:9px}.inspector{display:grid;grid-template-columns:1.57fr 1fr;border:1px solid var(--line);--t-canvas:#121318;--t-panel:#191b23;--t-panelRaised:#242733;--t-control:#2c303e;--t-controlHover:#353a4b;--t-line:#343849;--t-lineStrong:#535a6c;--t-text:#ececf4;--t-textMuted:#a4aabd;--t-accent:#a878e5;--t-accentBright:#c99cf7;--t-accentMuted:#48335f;--t-focus:#d2b8f2;--t-meter:#a878e5;--t-success:#93b9a1;--t-warning:#c3b78e;--t-record:#c88793}.palette-study{background:var(--t-canvas);color:var(--t-text);padding:27px 30px 24px;min-width:0;display:flex;flex-direction:column}.study-topline{display:flex;justify-content:space-between;gap:15px;color:var(--t-textMuted);font-size:8px;letter-spacing:.05em;padding-bottom:21px;border-bottom:1px solid var(--t-line)}.study-topline span:first-child{color:var(--t-accentBright)}.study-main{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:35px 0 31px;flex:1}.study-type{min-width:0}.study-kicker{color:var(--t-textMuted);font-size:8px;letter-spacing:.08em;margin-bottom:9px}.study-type h3{font-size:clamp(24px,2.7vw,40px);font-weight:450;letter-spacing:-.055em;line-height:1.16;margin-bottom:16px;overflow-wrap:anywhere}.study-sentence{font-size:14px;line-height:1.6;color:var(--t-textMuted);margin-bottom:0}.surface-stack{width:35%;max-width:172px;flex-shrink:0;padding:12px 0 0 12px;border:1px solid var(--t-line);background:var(--t-canvas)}.surface-stack div{font-family:"SFMono-Regular",Consolas,monospace;font-size:7px;letter-spacing:.09em;color:var(--t-textMuted);padding:12px}.surface-stack div:nth-child(1){border-bottom:1px solid var(--t-line)}.surface-stack div:nth-child(2){margin-left:10px;background:var(--t-panel);border:1px solid var(--t-line);border-bottom:0}.surface-stack div:nth-child(3){margin-left:21px;background:var(--t-panelRaised);color:var(--t-text);border-left:1px solid var(--t-lineStrong);border-top:1px solid var(--t-lineStrong);min-height:60px}.state-studies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:31px}.state-caption{display:block;color:var(--t-textMuted);font-size:7px;letter-spacing:.06em;margin-bottom:10px}.sample-control{display:flex;justify-content:center;align-items:center;font-size:10px;min-height:36px;padding:0 6px;color:var(--t-text);background:var(--t-control);border:1px solid var(--t-line);border-radius:3px}.sample-hover{background:var(--t-controlHover);border-color:var(--t-lineStrong)}.sample-selected{background:var(--t-accentMuted);color:var(--t-accentBright);border-color:var(--t-accent)}.sample-focus{outline:1px solid var(--t-focus);outline-offset:3px}.primary-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--t-line);padding-top:21px;gap:10px}.swatch-colour{height:29px;display:block;border:1px solid var(--t-line)}.swatch-label{display:block;font-size:8px;color:var(--t-textMuted);margin-top:9px}.swatch-value{font-size:8px;letter-spacing:0;color:var(--t-text);display:block;margin-top:2px}.palette-details{padding:29px 30px 20px;background:#17191f;border-left:1px solid var(--line);min-width:0}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.detail-top .eyebrow{margin:0;color:var(--accent);font-size:9px;overflow-wrap:anywhere}.detail-index{color:var(--quiet);font-size:9px;white-space:nowrap}.selected-description{font-size:13px;line-height:1.7;color:#c1c5d0;margin-bottom:19px;min-height:44px}.token-list{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;padding-bottom:24px}.token{display:flex;align-items:center;font-size:9px;gap:7px}.token-dot{display:block;width:9px;height:9px;border:1px solid #ffffff20;flex-shrink:0}.token-label{color:var(--muted)}.token-value{letter-spacing:0;font-size:9px;margin-left:auto;color:#d0d4df}.palette-actions{display:grid;gap:9px}.action{min-height:41px;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:3px;border:1px solid var(--line);font-size:11px;line-height:1.4;gap:18px;font-weight:500;text-align:left}.primary-action{background:#ddd2ee;color:#25212d;border-color:#ddd2ee}.primary-action:hover{color:#211b2a;background:#eee5fa;border-color:#eee5fa}.secondary-action{background:transparent;color:#d0d3de}.secondary-action:hover{background:#242730;color:#edeaf3;border-color:#555063}.export-note{font-size:10px;line-height:1.8;color:var(--muted);margin:13px 0 0}.export-note code{color:#c8cbd5;font-size:10px}.action-status{color:var(--accent);font-size:10px;line-height:1.6;min-height:16px;margin:8px 0 0}.copy-fallback{margin-top:12px}.copy-fallback label{font-size:10px;color:var(--muted)}.copy-fallback textarea{display:block;width:100%;margin-top:8px;resize:vertical;background:#101115;border:1px solid var(--line);padding:8px;color:var(--ink);font-family:monospace;font-size:10px;line-height:1.5}.collection{padding-top:77px}.collection-heading{margin-bottom:26px}.collection-heading .eyebrow{font-size:9px;margin-bottom:8px}.collection-heading h2{font-size:31px;letter-spacing:-.045em}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:11px 13px;width:264px;border-radius:3px;color:var(--quiet);background:#14161b}.search-field input{background:transparent;border:0;outline:0;color:var(--ink);font-size:11px;width:100%;min-width:0}.search-field:focus-within{outline:2px solid var(--focus);outline-offset:3px}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:var(--muted)}.filter-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.group-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.group-filter{background:transparent;color:var(--muted);font-size:10px;padding:8px 10px;border:1px solid transparent;border-radius:3px;min-height:32px}.group-filter:hover{background:var(--panel);color:var(--ink)}.group-filter[aria-pressed=true]{background:#25202f;color:#dcc8f8;border-color:#443650}.result-count{font-size:9px;letter-spacing:0;color:var(--quiet);margin:0;white-space:nowrap}.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.theme-card{min-width:0;border:1px solid var(--line);border-radius:3px;background:#17191f;padding:0;overflow:hidden;text-align:left;display:block;position:relative;transition:border-color .16s ease,transform .16s ease}.theme-card:hover{border-color:#797083;transform:translateY(-2px)}.theme-card[aria-pressed=true]{border-color:var(--accent)}.card-study{height:103px;background:var(--card-canvas);display:flex;flex-direction:column;padding:15px 15px 12px;gap:12px;border-bottom:1px solid var(--line)}.card-surface-lines{display:flex;gap:5px;flex:1;align-items:stretch}.card-surface-lines i{display:block;flex:1;background:var(--card-panel);border:1px solid var(--card-line)}.card-surface-lines i:nth-child(2){background:var(--card-raised)}.card-surface-lines i:nth-child(3){background:var(--card-control)}.card-surface-lines i:nth-child(4){background:var(--card-accent-muted);border-color:var(--card-accent)}.card-accent-line{display:flex;height:5px;gap:4px}.card-accent-line i{flex:1;background:var(--card-accent)}.card-accent-line i:nth-child(2){background:var(--card-accent-bright)}.card-accent-line i:nth-child(3){background:var(--card-text-muted)}.card-accent-line i:nth-child(4){background:var(--card-text)}.card-info{padding:14px 14px 15px;display:block}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.theme-name{font-size:12px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;color:#e0e2e9}.theme-number{font-size:8px;color:var(--quiet);letter-spacing:0;flex-shrink:0}.theme-family{font-size:9px;line-height:1.5;color:var(--muted)}.selection-marker{font-size:9px;line-height:1.5;color:var(--accent);display:none}.theme-card[aria-pressed=true] .selection-marker{display:inline}.card-bottomline{display:flex;justify-content:space-between;gap:8px}.theme-card[aria-pressed=true] .theme-number{color:var(--accent)}.empty-state,.load-error{text-align:center;padding:52px 24px;border:1px solid var(--line);background:var(--panel)}.empty-state h3,.load-error h3{font-size:22px;font-weight:450}.empty-state p,.load-error p,.load-error a,.noscript-message{font-size:13px;color:var(--muted);line-height:1.75}.empty-state .action{margin:25px auto 0;width:max-content}.load-error a{color:var(--accent)}.contribute-note{margin-top:76px;padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contribute-note .eyebrow{font-size:9px;margin-bottom:12px}.contribute-note h2{font-weight:450;font-size:29px;letter-spacing:-.035em;margin-bottom:11px}.contribute-note p:last-child{font-size:12px;line-height:1.8;color:var(--muted);max-width:600px;margin:0}.contribute-note>.action{width:212px;flex-shrink:0}.site-footer{padding:35px 0 39px;display:flex;justify-content:space-between;gap:32px;align-items:flex-start;font-size:10px;color:var(--muted);line-height:1.8}.footer-title{font-size:9px;letter-spacing:.05em;color:#c4c8d3}.site-footer p{margin:5px 0 0}.site-footer>p{margin:0}.site-footer>a{color:#c4c8d3;white-space:nowrap}.skip-link{position:fixed;z-index:10;top:10px;left:10px;padding:12px 18px;background:#eee5fa;color:#17121f;transform:translateY(-160%);font-size:13px}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1500px){.theme-grid{gap:20px}.card-study{height:119px}.card-info{padding:17px}.theme-name{font-size:13px}.theme-family{font-size:10px}.inspector{grid-template-columns:1.7fr 1fr}.palette-study{padding:31px 38px}.study-main{padding:38px 0}.palette-details{padding:33px 36px 24px}.sample-control{min-height:40px}}
@media(max-width:1100px){.page-shell{padding:0 5%}.wordmark-suffix{display:none}.intro{gap:6%;padding:65px 0 56px}.intro-description{font-size:15px}.collection-signature{max-width:300px}.inspector{grid-template-columns:1.3fr 1fr}.palette-study{padding:23px}.palette-details{padding:24px}.study-topline{font-size:7px}.surface-stack{width:33%}.state-studies{gap:9px}.token-list{gap:11px 15px}.token{font-size:8px;gap:5px}.token-value{font-size:8px}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-row{align-items:flex-start}.result-count{padding-top:9px}.group-filter{padding:7px 8px;font-size:9px}.study-type h3{font-size:28px}}
@media(max-width:800px){.site-header{height:83px}.header-links{gap:19px;font-size:11px}.intro{grid-template-columns:1.5fr 1fr;gap:5%;padding:52px 0}.intro .eyebrow{font-size:8px}.intro-description{font-size:14px}.intro-detail{font-size:12px}.signature-label,.signature-bottom{font-size:8px}.signature-number{font-size:150px}.signature-spectrum{gap:4px;margin-top:22px}.compatibility-note{margin-bottom:40px;gap:15px}.compatibility-note p{font-size:10px}.inspector{grid-template-columns:1fr 1fr}.palette-study{padding:21px}.palette-details{padding:22px}.study-main{display:block;padding:26px 0}.surface-stack{display:none}.study-type h3{font-size:30px}.study-sentence{font-size:13px}.study-topline{display:block;line-height:2}.study-topline>span{display:block}.state-studies{grid-template-columns:1fr 1fr;gap:16px}.state-caption{margin-bottom:6px}.primary-swatches{gap:7px}.swatch-label{font-size:7px}.swatch-value{font-size:7px}.swatch-colour{height:25px}.token-list{grid-template-columns:1fr;gap:9px;padding-bottom:21px}.token{font-size:9px}.token-value{font-size:9px}.token:nth-child(n+5){display:none}.collection{padding-top:58px}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-row{display:block}.result-count{padding-top:12px}.collection-heading h2{font-size:27px}.search-field{width:218px}.contribute-note{margin-top:56px;gap:30px}.contribute-note>.action{width:190px}}
@media(max-width:580px){.page-shell{padding:0 6%}.site-header{height:74px;gap:12px}.wordmark{font-size:9px;gap:8px;letter-spacing:.055em}.mark{width:13px;height:13px}.header-links{gap:13px;font-size:10px}.header-links a span{margin-left:1px}.intro{display:block;padding:42px 0 35px}.intro .eyebrow{font-size:8px;letter-spacing:.05em;margin-bottom:23px}h1{font-size:57px;line-height:1.03;margin-bottom:21px}.intro-description{font-size:15px;line-height:1.6;max-width:320px}.intro-detail{font-size:12px;margin-bottom:24px;max-width:335px}.text-link{font-size:11px}.collection-signature{display:none}.compatibility-note{display:block;padding:16px 0;margin-bottom:36px}.status-label{display:inline-block;margin-bottom:8px}.compatibility-note p{font-size:10px;line-height:1.9}.compatibility-note a{margin-left:0}.section-heading{align-items:start;margin-bottom:17px;gap:15px}.section-heading h2{font-size:19px}.section-heading>p{font-size:7px;letter-spacing:.04em;max-width:146px;text-align:right;padding-top:3px}.inspector{display:block}.palette-study{padding:21px 20px 20px}.study-topline{display:flex;font-size:6.5px;line-height:1.7;letter-spacing:.015em;gap:10px;padding-bottom:18px}.study-topline>span{display:inline}.study-main{display:flex;padding:28px 0}.study-type h3{font-size:32px}.study-sentence{font-size:12px}.study-kicker{font-size:7px}.surface-stack{display:block;width:32%;max-width:120px}.surface-stack div{font-size:6px;padding:9px}.surface-stack div:nth-child(3){min-height:50px}.state-studies{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:25px}.state-caption{font-size:6px;letter-spacing:.02em;margin-bottom:8px}.sample-control{font-size:8px;min-height:32px}.primary-swatches{padding-top:17px;gap:9px}.swatch-label,.swatch-value{font-size:8px}.palette-details{border-left:0;border-top:1px solid var(--line);padding:22px 20px 17px}.selected-description{min-height:0;font-size:12px;margin-bottom:19px}.detail-top{margin-bottom:12px}.token-list{grid-template-columns:1fr 1fr;gap:12px 25px;padding-bottom:22px}.token:nth-child(n+5){display:flex}.action{font-size:11px;min-height:43px}.export-note{font-size:10px}.collection{padding-top:44px}.collection-heading{display:block;margin-bottom:20px}.collection-heading h2{font-size:29px;margin-bottom:20px}.collection-heading .eyebrow{font-size:8px}.search-field{width:100%;padding:12px 13px}.search-field input{font-size:12px}.filter-row{padding:12px 0;margin-bottom:20px}.group-filters{gap:4px}.group-filter{font-size:9px;min-height:33px;padding:7px 9px}.result-count{font-size:9px;padding-top:12px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-study{height:95px;padding:12px;gap:11px}.card-info{padding:12px}.theme-name{font-size:11px}.theme-family,.selection-marker{font-size:8px}.theme-number{font-size:7px}.contribute-note{display:block;margin-top:43px;padding:27px 0}.contribute-note h2{font-size:26px}.contribute-note p:last-child{font-size:11px}.contribute-note>.action{margin-top:21px;width:100%}.site-footer{flex-wrap:wrap;padding:27px 0 31px;gap:22px;font-size:9px}.site-footer>div{width:100%}.site-footer>p{flex:1}.footer-title{font-size:8px}.site-footer p{margin-top:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.browser-export{border-top:1px solid var(--line);margin-top:14px;padding-top:19px}.browser-export-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.browser-export-heading h4{font-size:11px;font-weight:500;margin:0;color:var(--ink)}.clear-base{border:0;background:transparent;color:var(--muted);padding:5px 0;font-size:9px;white-space:nowrap}.clear-base:hover:not(:disabled){color:var(--accent)}.clear-base:disabled{cursor:default}.base-file-label{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-bottom:8px}.base-file-label code{font-size:10px;color:#d0d3de}.base-file-input{display:block;max-width:100%;width:100%;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--muted);font-size:10px;line-height:1.5;overflow:hidden}.base-file-input::file-selector-button{border:0;border-right:1px solid var(--line);background:#242730;color:var(--ink);padding:10px 11px;margin-right:10px;font:inherit;cursor:pointer}.base-file-input::file-selector-button:hover{background:#30333d}.browser-export .export-note{margin:8px 0 13px;font-size:9px}.browser-export-status{font-size:10px;line-height:1.7;margin:10px 0 0;color:var(--muted);overflow-wrap:anywhere;min-height:34px}.browser-export-status[data-state=ready]{color:var(--accent)}.browser-export-status[data-state=error]{color:#e4bbb8}.browser-export .action{overflow-wrap:anywhere}