.card-container.svelte-1leif50{perspective:1200px;width:180px;height:320px;transform:translateY(100vh);transition:transform .7s cubic-bezier(.34,1.25,.64,1)}.card-container.revealed.svelte-1leif50{transform:translateY(0)}@media(min-width:768px){.card-container.svelte-1leif50{width:200px;height:360px}}@media(min-width:1024px){.card-container.svelte-1leif50{width:220px;height:390px}}@media(min-width:1280px){.card-container.svelte-1leif50{width:250px;height:430px}}.card-flipper.svelte-1leif50{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-flipper.flipped.svelte-1leif50{transform:rotateY(180deg)}.card-face.svelte-1leif50{position:absolute;inset:0;backface-visibility:hidden;border-radius:8px;background:var(--bg-surface);box-shadow:0 10px 30px -5px var(--shadow-color),0 5px 15px -5px var(--shadow-color);overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.card-front.svelte-1leif50{transform:rotateY(0)}.card-back.svelte-1leif50{transform:rotateY(180deg)}.card-container.svelte-1leif50:hover .card-face:where(.svelte-1leif50){box-shadow:0 25px 50px -10px var(--shadow-strong),0 15px 30px -10px var(--shadow-color);transform:rotateY(0) translateY(-8px)}.card-container.svelte-1leif50:hover .card-back:where(.svelte-1leif50){transform:rotateY(180deg) translateY(-8px)}.card-container.svelte-1leif50:hover .card-flipper.flipped:where(.svelte-1leif50) .card-front:where(.svelte-1leif50){transform:rotateY(0)}.card-container.svelte-1leif50:hover .card-flipper.flipped:where(.svelte-1leif50) .card-back:where(.svelte-1leif50){transform:rotateY(180deg) translateY(-8px)}.card-inner.svelte-1leif50{display:flex;flex-direction:column;height:100%;position:relative}.color-section.svelte-1leif50{position:relative;flex:1 1 68%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;overflow:hidden;transition:flex .3s ease}.font-samples.svelte-1leif50{display:flex;flex-direction:column;align-items:center;transition:opacity .2s ease,transform .2s ease}.sample-large.svelte-1leif50{font-size:3rem;font-weight:700;opacity:.9;line-height:1}@media(min-width:768px){.sample-large.svelte-1leif50{font-size:3.5rem}}@media(min-width:1024px){.sample-large.svelte-1leif50{font-size:4rem}}.sample-small.svelte-1leif50{margin-top:.5rem;font-size:1.25rem;opacity:.7}@media(min-width:768px){.sample-small.svelte-1leif50{font-size:1.5rem}}.hex-overlay.svelte-1leif50{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000040;opacity:0;transition:opacity .2s ease}.hex-value.svelte-1leif50{padding:.5rem 1rem;border-radius:4px;background:#00000080;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:#fff}.wcag-badge.svelte-1leif50{margin-top:.5rem;padding:.25rem .5rem;border-radius:4px;font-family:system-ui,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.05em;background:#ef4444cc;color:#fff}.wcag-badge.aa.svelte-1leif50{background:#eab308e6;color:#000}.wcag-badge.aaa.svelte-1leif50{background:#22c55ee6;color:#000}.copy-hint.svelte-1leif50{position:absolute;bottom:1.5rem;font-family:system-ui,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fff;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}.color-section.svelte-1leif50:hover .font-samples:where(.svelte-1leif50){opacity:0;transform:translateY(-10px)}.color-section.svelte-1leif50:hover .hex-overlay:where(.svelte-1leif50){opacity:1}.color-section.svelte-1leif50:hover .copy-hint:where(.svelte-1leif50){opacity:1;transform:translateY(0)}.info-section.svelte-1leif50{position:relative;flex:1 1 32%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;text-align:center;cursor:pointer;border:none;background:var(--bg-surface);width:100%;transition:flex .3s ease}.dimple.svelte-1leif50{position:absolute;top:0;left:0;width:100%;transform:translateY(-99%);color:var(--bg-surface)}.font-details.svelte-1leif50{display:flex;flex-direction:column;align-items:center;transition:opacity .2s ease,transform .2s ease}.font-name.svelte-1leif50{font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em}@media(min-width:768px){.font-name.svelte-1leif50{font-size:1rem}}.font-category.svelte-1leif50{margin-top:.25rem;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.eye-container.svelte-1leif50{display:flex;align-items:center;justify-content:center;margin-top:.5rem;height:0;opacity:0;overflow:hidden;transition:all .3s ease}.eye-icon.svelte-1leif50{width:28px;height:28px;transition:all .3s ease}.info-section.svelte-1leif50:hover .eye-container:where(.svelte-1leif50){height:36px;opacity:1}.card-inner.svelte-1leif50:has(.color-section:where(.svelte-1leif50):hover) .info-section:where(.svelte-1leif50){flex:1 1 18%}.card-inner.svelte-1leif50:has(.color-section:where(.svelte-1leif50):hover) .color-section:where(.svelte-1leif50){flex:1 1 82%}.card-inner.svelte-1leif50:has(.color-section:where(.svelte-1leif50):hover) .font-details:where(.svelte-1leif50){opacity:0}.card-inner.svelte-1leif50:has(.color-section:where(.svelte-1leif50):hover) .eye-container:where(.svelte-1leif50){opacity:0}.card-inner.svelte-1leif50:has(.info-section:where(.svelte-1leif50):hover) .color-section:where(.svelte-1leif50){flex:1 1 45%}.card-inner.svelte-1leif50:has(.info-section:where(.svelte-1leif50):hover) .color-section:where(.svelte-1leif50) .font-samples:where(.svelte-1leif50){transform:translateY(-15px);opacity:.6}.card-inner.svelte-1leif50:has(.info-section:where(.svelte-1leif50):hover) .info-section:where(.svelte-1leif50){flex:1 1 55%}.color-section.svelte-1leif50:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:-4px}.info-section.svelte-1leif50:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-4px}.main-container.svelte-1uha8ag{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-page);padding:1rem 1rem 8rem;transition:background-color .3s ease}@media(min-width:768px){.main-container.svelte-1uha8ag{padding:2rem 2rem 10rem}}.loader.svelte-1uha8ag{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,1fr)}.loader-dot.svelte-1uha8ag{width:14px;height:14px}.loader-caption.svelte-1uha8ag{margin-top:2rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem;color:var(--text-subtle);text-align:center}.cards-wrapper.svelte-1uha8ag{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;perspective:1800px}@media(min-width:768px){.cards-wrapper.svelte-1uha8ag{gap:.75rem}}@media(min-width:1024px){.cards-wrapper.svelte-1uha8ag{gap:1rem}}.palette-info.svelte-1uha8ag{position:fixed;bottom:85px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;text-decoration:none;text-align:center;z-index:10}.color-swatches.svelte-1uha8ag{display:flex;gap:0;overflow:hidden;margin-bottom:.75rem;transition:transform .1s ease-out}.palette-info.svelte-1uha8ag:hover .color-swatches:where(.svelte-1uha8ag){transform:scaleX(1.3)}.swatch.svelte-1uha8ag{width:33px;height:5px;margin-left:-1px}.palette-name.svelte-1uha8ag{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);text-transform:capitalize}.palette-author.svelte-1uha8ag{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.5px;color:var(--text-faint);margin-top:.25rem}footer.svelte-1uha8ag{position:fixed;bottom:0;left:0;right:0;height:70px;z-index:50;filter:drop-shadow(0 -1px 2px var(--shadow-color))}.footer-dots.svelte-1uha8ag{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:3px;z-index:0;transition:opacity .2s ease}.footer-dots.svelte-1uha8ag span:where(.svelte-1uha8ag){width:4px;height:4px;border-radius:50%;background:var(--text-faint)}footer.svelte-1uha8ag:hover .footer-dots:where(.svelte-1uha8ag){opacity:0}footer.svelte-1uha8ag:hover .footer-content:where(.svelte-1uha8ag){transform:translateY(0)}.footer-content.svelte-1uha8ag{transform:translateY(50px);transition:transform .2s ease-out;margin:0 60px}.footer-dip.svelte-1uha8ag{display:flex;height:15px;overflow:visible}.dip-left.svelte-1uha8ag,.dip-right.svelte-1uha8ag{flex:1;background:var(--bg-surface);height:15px}.dip-left.svelte-1uha8ag{border-radius:5px 0 0}.dip-right.svelte-1uha8ag{border-radius:0 5px 0 0}.footer-dip.svelte-1uha8ag svg:where(.svelte-1uha8ag){flex-shrink:0;display:block;color:var(--bg-surface)}.footer-bottom.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:var(--bg-surface);height:55px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.logo.svelte-1uha8ag{font-size:20px;font-weight:700;letter-spacing:.8px;color:var(--text-primary);text-decoration:none}.logo.svelte-1uha8ag span:where(.svelte-1uha8ag){font-weight:400;color:var(--accent-primary)}.about.svelte-1uha8ag{position:absolute;left:50%;transform:translate(-50%);font-size:12px;letter-spacing:.5px;color:var(--text-muted)}.about.svelte-1uha8ag a:where(.svelte-1uha8ag){color:var(--accent-secondary);text-decoration:none}.about.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{text-decoration:underline}.github-link.svelte-1uha8ag{color:var(--accent-primary);transition:color .15s ease}.github-link.svelte-1uha8ag:hover{color:var(--text-primary)}@media(max-width:900px){.about.svelte-1uha8ag{display:none}.footer-content.svelte-1uha8ag{margin:0 20px}.footer-bottom.svelte-1uha8ag{padding:0 15px}}.refresh-btn.svelte-1uha8ag{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;height:50px;width:50px;align-items:center;justify-content:center;border-radius:9999px;border:none;background-color:var(--bg-surface);color:var(--text-primary);box-shadow:0 2px 4px var(--shadow-color);cursor:pointer;transition:all .3s ease;z-index:10}.refresh-btn.svelte-1uha8ag:hover{transform:translate(-50%) scale(1.1);box-shadow:0 4px 12px var(--shadow-strong)}.refresh-btn.svelte-1uha8ag:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.refresh-icon.svelte-1uha8ag{transition:transform .5s cubic-bezier(.85,-.48,.26,.67)}.refresh-btn.spinning.svelte-1uha8ag .refresh-icon:where(.svelte-1uha8ag){transform:rotate(-180deg)}.theme-btn.svelte-1uha8ag{position:fixed;top:20px;right:20px;display:flex;height:40px;width:40px;align-items:center;justify-content:center;border-radius:9999px;border:none;background-color:var(--bg-surface);color:var(--text-primary);box-shadow:0 2px 4px var(--shadow-color);cursor:pointer;transition:all .2s ease;z-index:10}.theme-btn.svelte-1uha8ag:hover{transform:scale(1.1);box-shadow:0 4px 12px var(--shadow-strong)}.theme-btn.svelte-1uha8ag:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.format-select.svelte-1uha8ag{position:fixed;top:70px;right:20px;padding:.5rem 1.5rem .5rem .75rem;border-radius:8px;border:none;background-color:var(--bg-surface);color:var(--text-primary);font-family:ui-monospace,monospace;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px var(--shadow-color);cursor:pointer;transition:all .2s ease;z-index:10;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.format-select.svelte-1uha8ag:hover{box-shadow:0 4px 12px var(--shadow-strong)}.format-select.svelte-1uha8ag:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.toast.svelte-1uha8ag{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:50;padding:.5rem 1rem;border-radius:.5rem;background-color:var(--bg-toast);font-family:ui-monospace,monospace;font-size:.875rem;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}