@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/39c55468420adfa6-s.1ti1r54sj8aa0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9b8f0e32b229dbc1-s.3mtm4mi9aq8dw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/81cef6a21128489e-s.p.00r2o6pv87vbs.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost Fallback;src:local(Arial);ascent-override:111.45%;descent-override:39.06%;line-gap-override:0.0%;size-adjust:96.01%}._97C82a_className{font-family:Jost,Jost Fallback;font-style:normal}._97C82a_variable{--font-jost:"Jost", "Jost Fallback"}
:root{--paper:#f5f1e9;--paper-raised:#fff9;--ink:#11110f;--muted:#746f67;--line:#11110f1c;--orange:#ff7a38;--yellow:#efd34e;--blue:#78b9dd;--lavender:#aaa1df;--green:#97b88c;--rose:#ed8d78;--radius-card:28px;--radius-pill:999px;--shadow-soft:0 18px 60px #2b241912}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{font-family:var(--font-jost),"Century Gothic","Avenir Next",Avenir,sans-serif;background:var(--paper);color:var(--ink);text-rendering:optimizelegibility;margin:0}a{color:inherit}.kicker{letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.73rem;font-weight:500}.app-card{contain:paint;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper-raised);min-height:220px;box-shadow:var(--shadow-soft);color:var(--ink);isolation:isolate;-webkit-backdrop-filter:blur(18px);background-clip:padding-box;flex-direction:column;justify-content:space-between;padding:24px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.app-card[href]:hover{border-color:#11110f38;transform:translateY(-2px)}.app-card--inactive{cursor:default}.app-card--compact{justify-content:center;min-height:132px}.app-card__aura{z-index:-1;filter:blur(46px);opacity:.58;border-radius:50%;width:210px;height:210px;position:absolute;top:-62px;right:-46px}.app-card__aura--orange{background:var(--orange)}.app-card__aura--yellow{background:var(--yellow)}.app-card__aura--blue{background:var(--blue)}.app-card__aura--lavender{background:var(--lavender)}.app-card__aura--green{background:var(--green)}.app-card__aura--rose{background:var(--rose)}.app-card__topline,.app-card__footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.app-card__label{letter-spacing:.01em;font-size:1.65rem;font-weight:500}.app-card__address{letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.app-card__description{max-width:24ch;color:var(--muted);margin:auto 0;padding:28px 0;font-size:1rem;line-height:1.45}.app-card__footer{color:var(--muted)}@media (max-width:640px){.app-card{border-radius:24px;min-height:190px;padding:21px}.app-card--compact{min-height:108px}.app-card__label{font-size:1.45rem}}@media (prefers-reduced-motion:reduce){.app-card{transition:none}}
.colors-shell{background:var(--paper);min-height:100svh;color:var(--ink);--detail-line:#11110f1f;padding:31px 22px 32px}.colors-nav,.colors-header,.colors-stage,.colors-saved-section,.colors-footer{width:min(1100px,100%);margin-left:auto;margin-right:auto}.colors-nav{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:.69rem}.colors-nav a{text-decoration:none}.colors-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:75px 0 60px;display:flex}.colors-header h1{letter-spacing:-.075em;margin:0;font-size:clamp(4.5rem,11.6vw,8.5rem);font-weight:450;line-height:.82}.colors-period{transition:color .48s}.colors-settings-wrap{margin-top:12px;position:relative}.colors-settings-trigger{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:9px 12px;font-size:1.3rem}.colors-settings{z-index:10;border:1px solid var(--line);background:var(--paper);border-radius:17px;min-width:228px;padding:16px;position:absolute;top:38px;right:0;box-shadow:0 12px 35px #28221e1c}.colors-settings small{letter-spacing:.16em;color:var(--muted);font-size:.61rem}.colors-counts{gap:5px;margin-top:12px;display:flex}.colors-counts button{font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;width:30px;height:34px;font-size:.81rem}.colors-counts button.chosen{border-color:var(--line);background:#fff}.colors-palette-wrap{width:100%;margin:0 auto;position:relative}.colors-palette{isolation:isolate;gap:0;width:100%;line-height:0;display:grid}.colors-swatch{aspect-ratio:1;cursor:pointer;border:0;border-radius:0;width:100%;margin:0;padding:0;transition:background-color .22s;display:block;position:relative}.colors-swatch:disabled{cursor:default}.colors-swatch:focus-visible,.colors-swatch--selected{outline:2px solid var(--ink);outline-offset:-5px;z-index:1}.colors-palette--shuffling .colors-swatch{animation:.49s ease-in-out colors-breathe}@keyframes colors-breathe{0%{opacity:1}48%{opacity:.65}to{opacity:1}}.colors-generate,.colors-bookmark{z-index:3;border:1px solid var(--line);background:var(--paper);width:49px;height:49px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;transition:transform .18s;display:grid;position:absolute;bottom:-22px;box-shadow:0 5px 18px #1c181414}.colors-generate{right:-12px}.colors-bookmark{left:-12px}.colors-generate:hover:not(:disabled),.colors-bookmark:hover:not(:disabled){transform:scale(1.08)}.colors-generate svg,.colors-bookmark svg{width:21px;height:21px}.colors-generate:disabled,.colors-bookmark:disabled{opacity:.6;cursor:default}.colors-detail{background:#ffffff85;border-radius:15px;grid-template-columns:minmax(0,4fr) minmax(240px,5fr);max-width:630px;margin:75px auto 18px;display:grid;overflow:hidden}.colors-detail-patch{min-height:215px}.colors-detail-info{padding:24px 25px 19px}.colors-detail-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:23px;display:flex}.colors-micro{letter-spacing:.14em;color:var(--muted);font-size:.61rem}.colors-detail h2{letter-spacing:-.032em;margin:7px 0 0;font-size:1.65rem;font-weight:450;line-height:1.04}.colors-close{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:1.1rem}.colors-value{text-align:left;border:0;border-top:1px solid var(--detail-line);cursor:pointer;width:100%;color:var(--ink);font:inherit;background:0 0;grid-template-columns:44px 1fr 15px;align-items:center;gap:12px;padding:12px 0;font-size:.78rem;display:grid}.colors-value>span:first-child{color:var(--muted);letter-spacing:.08em;font-size:.68rem}.colors-value strong{font-variant-numeric:tabular-nums;font-size:.87rem;font-weight:500}.colors-copy{color:var(--muted);font-size:1rem}.colors-value:hover strong{text-underline-offset:4px;text-decoration:underline}.colors-message{text-align:center;color:var(--muted);min-height:18px;margin:32px auto 0;font-size:.73rem}.colors-saved-section{margin-top:110px}.colors-saved-toggle{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:9px;padding:15px 2px 18px;font-size:.82rem;display:flex}.colors-saved-toggle span{color:var(--muted);font-size:.71rem}.colors-saved-toggle .colors-chevron{margin-left:auto;font-size:1.12rem;transition:transform .18s}.colors-chevron.open{transform:rotate(180deg)}.colors-saved-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 12px;padding:16px 0 18px;display:grid}.colors-saved-item{align-items:stretch;gap:6px;min-width:0;display:flex}.colors-saved-restore{cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:0;display:block}.colors-saved-mini{aspect-ratio:3.7;display:flex;overflow:hidden}.colors-saved-mini span{flex:1;display:block}.colors-saved-delete{color:var(--muted);cursor:pointer;width:25px;font:inherit;background:0 0;border:0;font-size:1.05rem}.colors-saved-delete:hover{color:var(--ink)}.colors-empty{color:var(--muted);font-size:.74rem}.colors-footer{border-top:1px solid var(--line);letter-spacing:.11em;color:var(--muted);justify-content:space-between;gap:20px;margin-top:100px;padding:18px 2px 0;font-size:.63rem;display:flex}@media (max-width:720px){.colors-shell{padding:26px 14px 25px}.colors-header{padding:56px 2px 42px}.colors-header h1{font-size:clamp(4.2rem,17vw,6rem)}.colors-settings-wrap{margin-top:4px}.colors-generate,.colors-bookmark{width:43px;height:43px;bottom:-18px}.colors-generate{right:-5px}.colors-bookmark{left:-5px}.colors-detail{margin-top:60px}.colors-saved-section{margin-top:90px}.colors-saved-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:500px){.colors-detail{grid-template-columns:1fr}.colors-detail-patch{min-height:135px}.colors-detail-info{padding:18px}.colors-footer{font-size:.58rem}.colors-saved-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.colors-period,.colors-swatch,.colors-generate,.colors-bookmark,.colors-palette--shuffling .colors-swatch{transition:none;animation:none}}