.ColorCard-module__slbD-G__card{background-color:var(--card-bg);border-radius:var(--border-radius);transition:transform var(--transition),box-shadow var(--transition);overflow:hidden;box-shadow:inset 0 1px #ffffff12}.ColorCard-module__slbD-G__card:hover{transform:translateY(-4px)}@media (prefers-color-scheme:dark){.ColorCard-module__slbD-G__card:hover{box-shadow:inset 0 1px #ffffff12,0 12px 40px #0000004d}}.ColorCard-module__slbD-G__colorsContainer{flex-direction:column;display:flex}.ColorCard-module__slbD-G__colorStrip{cursor:pointer;min-height:100px;transition:filter var(--transition);border-radius:16px;margin:6px;padding:20px 24px;position:relative}.ColorCard-module__slbD-G__colorStrip:first-child{border-radius:20px 20px 16px 16px;transform:rotate(-1deg)}.ColorCard-module__slbD-G__colorStrip:nth-child(2){transform:rotate(3deg)}.ColorCard-module__slbD-G__colorStrip:nth-child(3){transform:rotate(-1deg)}.ColorCard-module__slbD-G__colorStrip:last-child{border-radius:16px 16px 20px 20px;transform:rotate(3deg)}.ColorCard-module__slbD-G__colorName{font-variation-settings:"wght" 700;letter-spacing:-.5px;margin-bottom:12px;font-size:24px;font-weight:700}.ColorCard-module__slbD-G__colorInfo{flex-wrap:wrap;gap:32px;display:flex}.ColorCard-module__slbD-G__infoGroup{flex-direction:column;gap:2px;display:flex}.ColorCard-module__slbD-G__infoLabel{text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:11px;font-weight:600}.ColorCard-module__slbD-G__infoValue{font-size:14px;font-weight:500}.ColorCard-module__slbD-G__copyHint{opacity:0;transition:opacity var(--transition);background-color:#00000026;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.ColorCard-module__slbD-G__colorStrip:hover .ColorCard-module__slbD-G__copyHint{opacity:1}.ColorCard-module__slbD-G__paletteName{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ColorCard-module__slbD-G__paletteTitle{color:var(--foreground-color);font-size:16px;font-weight:600}.ColorCard-module__slbD-G__tags{flex-wrap:wrap;gap:6px;display:flex}.ColorCard-module__slbD-G__tag{background-color:var(--card-hover);color:var(--text-light);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}@media only screen and (max-width:600px){.ColorCard-module__slbD-G__colorStrip{min-height:80px;padding:16px 20px}.ColorCard-module__slbD-G__colorName{font-size:20px}.ColorCard-module__slbD-G__colorInfo{gap:20px}.ColorCard-module__slbD-G__infoValue{font-size:13px}.ColorCard-module__slbD-G__copyHint{display:none}}
.SearchBar-module__V5Upaa__searchContainer{width:100%;max-width:400px;position:relative}.SearchBar-module__V5Upaa__searchInput{background-color:var(--card-bg);width:100%;color:var(--foreground-color);transition:background-color var(--transition),box-shadow var(--transition);border:none;border-radius:16px;outline:none;padding:14px 20px 14px 48px;font-family:inherit;font-size:15px;font-weight:500;box-shadow:inset 0 1px #ffffff12}.SearchBar-module__V5Upaa__searchInput::placeholder{color:var(--text-light)}.SearchBar-module__V5Upaa__searchInput:focus{background-color:var(--card-hover);box-shadow:0 0 0 2px var(--primary-color)}.SearchBar-module__V5Upaa__searchIcon{width:18px;height:18px;color:var(--text-light);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.SearchBar-module__V5Upaa__clearButton{background-color:var(--text-light);width:24px;height:24px;color:var(--body-color);cursor:pointer;opacity:0;transition:opacity var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.SearchBar-module__V5Upaa__clearButton.SearchBar-module__V5Upaa__show{opacity:1}.SearchBar-module__V5Upaa__clearButton:hover{background-color:var(--foreground-color)}
.page-module__E0kJGG__header{flex-direction:column;align-items:center;gap:0;padding:64px 0 48px;display:flex}.page-module__E0kJGG__logo{color:var(--text-light);margin-bottom:8px;font-size:14px;font-weight:500}.page-module__E0kJGG__logo a{color:var(--primary-color);text-decoration:none}.page-module__E0kJGG__logo a:hover{text-decoration:underline}.page-module__E0kJGG__title{font-variation-settings:"wght" 700;letter-spacing:-1px;color:var(--foreground-color);margin-bottom:0;font-size:36px;font-weight:700}.page-module__E0kJGG__subtitle{color:var(--text-light);text-align:center;max-width:500px;margin-bottom:24px;font-size:16px;line-height:1.5}.page-module__E0kJGG__filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.page-module__E0kJGG__count{color:var(--text-light);font-size:14px;font-weight:500}.page-module__E0kJGG__grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;padding-bottom:64px;display:grid}.page-module__E0kJGG__empty{text-align:center;color:var(--text-light);grid-column:1/-1;padding:80px 20px}.page-module__E0kJGG__emptyTitle{color:var(--foreground-color);margin-bottom:8px;font-size:20px;font-weight:600}.page-module__E0kJGG__emptyText{color:var(--text-light);font-size:15px}.page-module__E0kJGG__footer{text-align:center;border-top:1px solid var(--card-bg);padding:32px 0 48px}.page-module__E0kJGG__footerText{color:var(--text-light);font-size:14px}.page-module__E0kJGG__footerLink{color:var(--primary-color);font-weight:500;text-decoration:none}.page-module__E0kJGG__footerLink:hover{text-decoration:underline}.page-module__E0kJGG__backToTop{color:var(--foreground-color);cursor:pointer;background-color:var(--card-bg);opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:600;transition:opacity .3s,transform .3s,background-color .2s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(20px);box-shadow:inset 0 1px #ffffff12}.page-module__E0kJGG__backToTop.page-module__E0kJGG__show{opacity:1;transform:translateY(0)}.page-module__E0kJGG__backToTop:hover{background-color:var(--card-hover)}@media only screen and (max-width:600px){.page-module__E0kJGG__header{padding:40px 0 32px}.page-module__E0kJGG__title{font-size:28px}.page-module__E0kJGG__subtitle{padding:0 16px;font-size:15px}.page-module__E0kJGG__filters{flex-direction:column;align-items:stretch}.page-module__E0kJGG__grid{grid-template-columns:1fr}}