@font-face{font-family:Pangaia;font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/Pangaia/PPPangaia-Ultralight.otf) format("opentype")}@font-face{font-family:Pangaia;font-style:italic;font-weight:200;font-display:swap;src:url(/fonts/Pangaia/PPPangaia-UltralightItalic.otf) format("opentype")}@font-face{font-family:Pangaia;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Pangaia/PPPangaia-Light.otf) format("opentype")}@font-face{font-family:Pangaia;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/Pangaia/PPPangaia-LightItalic.otf) format("opentype")}@font-face{font-family:Pangaia;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Pangaia/PPPangaia-Medium.otf) format("opentype")}@font-face{font-family:Pangaia;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/Pangaia/PPPangaia-MediumItalic.otf) format("opentype")}@font-face{font-family:Pangaia;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Pangaia/PPPangaia-Bold.otf) format("opentype")}@font-face{font-family:Pangaia;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/Pangaia/PPPangaia-BoldItalic.otf) format("opentype")}@font-face{font-family:Pangaia;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Pangaia/PPPangaia-Ultrabold.otf) format("opentype")}@font-face{font-family:Pangaia;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/Pangaia/PPPangaia-UltraboldItalic.otf) format("opentype")}@font-face{font-family:Fraktion;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Fraktion%20Sans/PPFraktionSans-Variable.ttf) format("truetype")}@font-face{font-family:Eiko;font-style:normal;font-weight:100;font-display:swap;src:url(/fonts/Eiko/PPEiko-Thin.woff2) format("woff2")}@font-face{font-family:Eiko;font-style:italic;font-weight:100;font-display:swap;src:url(/fonts/Eiko/PPEiko-ThinItalic.woff2) format("woff2")}@font-face{font-family:Eiko;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Eiko/PPEiko-Light.woff2) format("woff2")}@font-face{font-family:Eiko;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/Eiko/PPEiko-LightItalic.woff2) format("woff2")}@font-face{font-family:Eiko;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Eiko/PPEiko-Regular.woff2) format("woff2")}@font-face{font-family:Eiko;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Eiko/PPEiko-Medium.woff2) format("woff2")}@font-face{font-family:Eiko;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/Eiko/PPEiko-MediumItalic.woff2) format("woff2")}@font-face{font-family:Eiko;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Eiko/PPEiko-Black.woff2) format("woff2")}@font-face{font-family:Eiko;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/Eiko/PPEiko-BlackItalic.woff2) format("woff2")}@font-face{font-family:Novela;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Novela/novela-regular-webfont.woff2) format("woff2")}@font-face{font-family:Novela;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/Novela/novela-regularitalic-webfont.woff2) format("woff2")}@font-face{font-family:Novela;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Novela/novela-semibold-webfont.woff2) format("woff2")}@font-face{font-family:Novela;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/Novela/novela-semibolditalic-webfont.woff2) format("woff2")}@font-face{font-family:Novela;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Novela/novela-bold-webfont.woff2) format("woff2")}@font-face{font-family:Novela;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/Novela/novela-bolditalic-webfont.woff2) format("woff2")}@font-face{font-family:Novela;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Novela/novela-black-webfont.woff2) format("woff2")}@font-face{font-family:Novela;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/Novela/novela-blackitalic-webfont.woff2) format("woff2")}@font-face{font-family:Novela;font-style:italic;font-weight:100;font-display:swap;src:url(/fonts/Novela/novela-displayitalic-webfont.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/Manrope/Manrope-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:FraktionMono;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Fraktion%20Mono/PPFraktionMono-Light.woff2) format("woff2")}@font-face{font-family:FraktionMono;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/Fraktion%20Mono/PPFraktionMono-LightItalic.woff2) format("woff2")}@font-face{font-family:FraktionMono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Fraktion%20Mono/PPFraktionMono-Bold.woff2) format("woff2")}@font-face{font-family:FraktionMono;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/Fraktion%20Mono/PPFraktionMono-BoldItalic.woff2) format("woff2")}@font-face{font-family:FraktionMono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Fraktion%20Mono/PPFraktionMono-Regular.woff2) format("woff2")}@font-face{font-family:FraktionMono;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/Fraktion%20Mono/PPFraktionMono-RegularItalic.woff2) format("woff2")}@font-face{font-family:FiraCode;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/FiraCode/FiraCode-VF.ttf) format("truetype")}.color-app{font-family:Manrope,sans-serif;min-height:100vh;display:flex;flex-direction:column;margin:0}.color-app *{box-sizing:border-box}.color-app a:not(.color-header__link){color:#1e66f5;font-weight:700;text-decoration:underline}.color-app a:not(.color-header__link):hover{text-decoration-thickness:2px}.color-app code,.color-app .code{font-family:FiraCode,monospace}.color-header{position:sticky;top:0;z-index:100;background-color:#1e66f5;color:#fff;padding:clamp(1.125rem,1.0815rem + .2174vi,1.25rem) clamp(2.25rem,2.163rem + .4348vi,2.5rem);display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease,color .3s ease}@media only screen and (max-width:767px){.color-header{padding:clamp(.875rem,.8533rem + .1087vi,.9375rem) clamp(1.125rem,1.0815rem + .2174vi,1.25rem);flex-direction:column;gap:clamp(.875rem,.8533rem + .1087vi,.9375rem)}}.color-header__title{font-size:clamp(1.788rem,.86vw + 1.57rem,2.531rem);font-weight:400;margin:0;cursor:pointer;user-select:none;transition:transform .15s ease}.color-header__title:hover{transform:scale(1.02)}.color-header__title:active{transform:scale(.98)}.color-header__title--animating{animation:title-bounce .8s ease infinite}@media only screen and (max-width:767px){.color-header__title{font-size:clamp(1.544rem,.82vw + 1.33rem,2.25rem)}}.color-header__nav{display:flex;gap:clamp(.5625rem,.5408rem + .1087vi,.625rem)}.color-header__link{color:inherit!important;text-decoration:none!important;font-weight:400;transition:font-weight .15s ease}.color-header__link:hover,.color-header__link--active{font-weight:700}.color-header__separator{opacity:.6;font-weight:400}.color-footer{background-color:#f7f6f2;border-top:1px solid #297638;padding:clamp(1.125rem,1.0815rem + .2174vi,1.25rem);display:flex;justify-content:center;align-items:center;gap:clamp(.875rem,.8533rem + .1087vi,.9375rem);margin-top:auto}.color-footer__dino{width:24px;height:24px}.color-footer__link{color:#297638!important}.palettes-page{flex:1;display:flex;flex-direction:column}.palette-section{padding:clamp(2.25rem,2.163rem + .4348vi,2.5rem) clamp(2.25rem,2.163rem + .4348vi,2.5rem) clamp(6.75rem,6.4891rem + 1.3043vi,7.5rem);min-height:100vh;transition:background-color .3s ease}@media only screen and (max-width:767px){.palette-section{padding:clamp(1.125rem,1.0815rem + .2174vi,1.25rem);min-height:auto}}.palette-section:last-child{min-height:100vh}.palette-section__header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:clamp(1.125rem,1.0815rem + .2174vi,1.25rem);margin-bottom:5px;font-size:clamp(2.031rem,.9vw + 1.8rem,2.813rem);text-transform:lowercase}.palette-section__title{font-size:clamp(2.519rem,1vw + 2.26rem,3.375rem);font-weight:400;margin:0}@media only screen and (max-width:767px){.palette-section__title{font-size:clamp(1.788rem,.86vw + 1.57rem,2.531rem)}}.palette-section__title span{font-weight:700}.palette-section__source{font-size:clamp(.813rem,.577vw + .663rem,1.125rem)}.color-table{width:100%;border-collapse:collapse;font-size:clamp(.813rem,.577vw + .663rem,1.125rem);border-top:3px solid currentColor}@media only screen and (max-width:767px){.color-table{font-size:clamp(.625rem,.577vw + .476rem,.938rem)}}.color-table td{padding:clamp(.875rem,.8533rem + .1087vi,.9375rem) clamp(1.125rem,1.0815rem + .2174vi,1.25rem);text-align:left}@media only screen and (max-width:767px){.color-table td{padding:clamp(.3125rem,.3125rem + 0vi,.3125rem) clamp(.875rem,.8533rem + .1087vi,.9375rem)}}.color-table__row{transition:background-color .15s ease;cursor:default}.color-table__row:hover .color-table__row-bg{opacity:1}.color-table__row-bg{opacity:0;transition:opacity .15s ease}.color-table__name-cell{display:flex;align-items:center;gap:clamp(1.125rem,1.0815rem + .2174vi,1.25rem)}.color-table__swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--swatch-border-color, #f4eee8);display:inline-block;vertical-align:middle;flex-shrink:0}@media only screen and (max-width:767px){.color-table__swatch{width:28px;height:28px}}.color-table__name{display:flex;align-items:center;gap:clamp(.875rem,.8533rem + .1087vi,.9375rem);flex-wrap:wrap}.color-table__tag{font-size:clamp(.438rem,.577vw + .288rem,.75rem);padding:2px 8px;border-radius:12px;font-weight:500;text-transform:lowercase}.color-table__code{font-family:FiraCode,monospace;padding:4px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:clamp(.875rem,.8533rem + .1087vi,.9375rem)}.color-table__copy-btn{background:none;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;color:inherit;opacity:.7;transition:opacity .15s ease}.color-table__copy-btn:hover{opacity:1}.explorer-page{flex:1;display:flex;flex-direction:column}.explorer-toolbar{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;gap:clamp(1.125rem,1.0815rem + .2174vi,1.25rem);padding:clamp(1.125rem,1.0815rem + .2174vi,1.25rem) clamp(2.25rem,2.163rem + .4348vi,2.5rem);align-items:center;justify-content:space-between;background:#fffffff2;backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -4px 20px #0000001a}@media only screen and (max-width:767px){.explorer-toolbar{padding:clamp(.875rem,.8533rem + .1087vi,.9375rem) clamp(1.125rem,1.0815rem + .2174vi,1.25rem);gap:clamp(.875rem,.8533rem + .1087vi,.9375rem);flex-wrap:wrap;justify-content:center}}.explorer-toolbar__size{display:flex;align-items:center;gap:clamp(.875rem,.8533rem + .1087vi,.9375rem);flex-shrink:0}@media only screen and (max-width:767px){.explorer-toolbar__size{display:none}}.explorer-toolbar__size input[type=range]{width:100px;cursor:pointer}.explorer-toolbar__select{padding:0;font-family:Manrope,sans-serif;font-size:clamp(.813rem,.577vw + .663rem,1.125rem);border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;height:44px;min-width:280px}@media only screen and (max-width:767px){.explorer-toolbar__select{min-width:auto;flex:1;order:-1;font-size:clamp(.625rem,.577vw + .476rem,.938rem)}}.explorer-toolbar__actions{display:flex;gap:clamp(.875rem,.8533rem + .1087vi,.9375rem);flex-shrink:0}@media only screen and (max-width:767px){.explorer-toolbar__actions{gap:4px;flex:1;justify-content:center}}.explorer-toolbar__btn{padding:clamp(.875rem,.8533rem + .1087vi,.9375rem) clamp(1.125rem,1.0815rem + .2174vi,1.25rem);font-family:Manrope,sans-serif;font-size:clamp(.625rem,.577vw + .476rem,.938rem);border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;transition:background-color .15s ease,transform .1s ease;min-height:44px;min-width:44px}.explorer-toolbar__btn:hover{background:#f0f0f0}.explorer-toolbar__btn:active{transform:scale(.97)}.explorer-toolbar__btn--active{background:#1e66f5;color:#fff;border-color:#1e66f5}.explorer-toolbar__btn--active:hover{background:#1e66f56b}@media only screen and (max-width:767px){.explorer-toolbar__btn{padding:clamp(.875rem,.8533rem + .1087vi,.9375rem) clamp(1.125rem,1.0815rem + .2174vi,1.25rem);font-size:clamp(.438rem,.577vw + .288rem,.75rem);flex:1}}.explorer-load-more{padding:clamp(1.125rem,1.0815rem + .2174vi,1.25rem);padding-bottom:80px;text-align:center;color:#666}.explorer-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 8),1fr);gap:clamp(1.125rem,1.0815rem + .2174vi,1.25rem);padding:clamp(1.125rem,1.0815rem + .2174vi,1.25rem) clamp(2.25rem,2.163rem + .4348vi,2.5rem);padding-bottom:100px;flex:1;align-content:start}@media only screen and (max-width:767px){.explorer-grid{grid-template-columns:repeat(3,1fr)!important;padding:clamp(.875rem,.8533rem + .1087vi,.9375rem) clamp(1.125rem,1.0815rem + .2174vi,1.25rem);padding-bottom:90px;gap:clamp(.875rem,.8533rem + .1087vi,.9375rem)}}.color-swatch{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;background:#fff;box-shadow:0 1px 3px #0000001a}.color-swatch:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.color-swatch:hover .color-swatch__star{opacity:1}.color-swatch--selected{animation:swatch-pulse .3s ease}.color-swatch__color{aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative}.color-swatch__copied{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;font-weight:700;font-size:clamp(1rem,.577vw + .851rem,1.313rem);opacity:0;transition:opacity .15s ease}.color-swatch__copied--show{opacity:1}.color-swatch__star{position:absolute;top:8px;right:8px;background:none;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease}.color-swatch__star--active{opacity:1}.color-swatch__info{padding:clamp(.875rem,.8533rem + .1087vi,.9375rem);font-size:clamp(.625rem,.577vw + .476rem,.938rem)}.color-swatch__name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-swatch__name span{font-weight:700}.color-swatch__hex{font-size:clamp(.438rem,.577vw + .288rem,.75rem);color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-swatch__friendly{color:#666;font-size:clamp(.438rem,.577vw + .288rem,.75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.2em}@keyframes swatch-pulse{0%{border-radius:8px}50%{border-radius:16px}to{border-radius:8px}}@keyframes title-bounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-2deg)}50%{transform:scale(1.1) rotate(0)}75%{transform:scale(1.05) rotate(2deg)}}.about-page{flex:1;padding:clamp(2.25rem,2.163rem + .4348vi,2.5rem);max-width:800px;margin:0 auto;line-height:1.7;font-size:clamp(1rem,.577vw + .851rem,1.313rem)}@media only screen and (max-width:767px){.about-page{padding:clamp(1.125rem,1.0815rem + .2174vi,1.25rem);font-size:clamp(.813rem,.577vw + .663rem,1.125rem)}}.about-page p{margin-bottom:clamp(1.125rem,1.0815rem + .2174vi,1.25rem)}.about-page .font-manrope{font-family:Manrope,sans-serif;font-weight:700}.about-page .font-fira{font-family:FiraCode,monospace;font-weight:700}.bold-prefix{font-weight:700}