:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--bg-elevated:#fff;--bg-muted:#f1f5f9;--fg:#0f172a;--fg-muted:#475569;--fg-subtle:#64748b;--border:#e2e8f0;--border-subtle:#f1f5f9;--brand:#0f766e;--brand-strong:#14b8a6;--brand-soft:#ccfbf1;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-success:#10b981}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--bg-elevated:#131c2e;--bg-muted:#1a2235;--fg:#e5e7eb;--fg-muted:#94a3b8;--fg-subtle:#64748b;--border:#1e293b;--border-subtle:#1e293b;--brand:#2dd4bf;--brand-strong:#5eead4;--brand-soft:#134e4a;--accent-warning:#fbbf24;--accent-danger:#f87171;--accent-success:#34d399}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--bg);min-height:100vh;color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){.reveal,.reveal-up,.reveal-left,.reveal-right,.reveal-zoom,.float-slow,.float-fast,.gradient-mesh-bg,.lift-on-hover{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.reveal,.reveal-up,.reveal-left,.reveal-right,.reveal-zoom{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal,.reveal-up{transform:translateY(24px)}.reveal-left{transform:translate(-24px)}.reveal-right{transform:translate(24px)}.reveal-zoom{transform:scale(.94)}.reveal.is-visible,.reveal-up.is-visible,.reveal-left.is-visible,.reveal-right.is-visible,.reveal-zoom.is-visible{opacity:1;transform:none}.reveal-stagger>[style*=--i]{transition-delay:calc(var(--i) * 80ms)}@keyframes ks-float-slow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes ks-float-fast{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-22px)rotate(-3deg)}}.float-slow{animation:7s ease-in-out infinite ks-float-slow}.float-fast{animation:4.5s ease-in-out infinite ks-float-fast}@keyframes ks-mesh{0%{background-position:0 0,100% 100%,50% 0,0 100%}50%{background-position:100% 0,0 100%,50% 100%,100% 0}to{background-position:0 0,100% 100%,50% 0,0 100%}}.gradient-mesh-bg{background-color:#f0fdfa;background-image:radial-gradient(at 20% 20%,#ccfbf1 0,#0000 55%),radial-gradient(at 85% 80%,#fde68a 0,#0000 50%),radial-gradient(at 50% 0,#fbcfe8 0,#0000 45%),radial-gradient(at 0 100%,#bae6fd 0,#0000 55%);background-size:200% 200%,200% 200%,200% 200%,200% 200%;animation:22s ease-in-out infinite ks-mesh}:root[data-theme=dark] .gradient-mesh-bg{background-color:#0b1220;background-image:radial-gradient(at 20% 20%,#2dd4bf38 0,#0000 55%),radial-gradient(at 85% 80%,#fbbf242e 0,#0000 50%),radial-gradient(at 50% 0,#f472b629 0,#0000 45%),radial-gradient(at 0 100%,#38bdf833 0,#0000 55%)}.lift-on-hover{will-change:transform;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.lift-on-hover:hover{transform:translateY(-4px);box-shadow:0 12px 28px -10px #0f172a2e}.text-gradient{background:linear-gradient(120deg,#0f766e 0%,#14b8a6 40%,#f97316 100%) 0 0/220% 220%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:14s ease-in-out infinite ks-gradient-pan}@keyframes ks-gradient-pan{0%,to{background-position:0%}50%{background-position:100%}}@keyframes ks-pulse-ring{0%{box-shadow:0 0 #14b8a673}70%{box-shadow:0 0 0 18px #14b8a600}to{box-shadow:0 0 #14b8a600}}.pulse-ring{animation:2.4s cubic-bezier(.66,0,0,1) infinite ks-pulse-ring}@keyframes ks-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{gap:32px;width:max-content;animation:28s linear infinite ks-marquee;display:flex}.parallax-stick{height:100vh;position:sticky;top:0}@keyframes ks-swim{0%{transform:translate(-22px)scaleX(1)}46%{transform:translate(22px)scaleX(1)}50%{transform:translate(22px)scaleX(-1)}96%{transform:translate(-22px)scaleX(-1)}to{transform:translate(-22px)scaleX(1)}}@keyframes ks-sway{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes ks-grow{0%{opacity:.35;transform:scaleY(.15)}55%{opacity:1;transform:scaleY(1.06)}70%{transform:scaleY(.96)}to{opacity:1;transform:scaleY(1)}}@keyframes ks-hop{0%,to{transform:translateY(0)scaleY(1)}30%{transform:translateY(-10px)scaleY(1.05)}60%{transform:translateY(0)scaleY(.92)}}@keyframes ks-paw-step{0%,70%,to{opacity:.18;transform:scale(.8)}35%{opacity:1;transform:scale(1)}}@keyframes ks-shimmer{0%{background-position:-150% 0}to{background-position:250% 0}}@keyframes ks-orbit{to{transform:rotate(360deg)}}.kin-loader{color:var(--brand);flex-direction:column;align-items:center;gap:.6em;font-size:16px;display:inline-flex}.kin-loader__stage{place-items:center;width:3.4em;height:3.4em;display:grid;position:relative}.kin-loader__label{color:var(--fg-subtle);letter-spacing:.02em;font-size:.82em}.kin-loader__fish{transform-origin:50%;animation:2.6s ease-in-out infinite ks-swim}.kin-loader__leaf{transform-origin:50% 100%;animation:2.2s ease-in-out infinite ks-sway}.kin-loader__sprout{transform-origin:50% 100%;animation:1.8s ease-in-out infinite ks-grow}.kin-loader__hop{transform-origin:50% 100%;animation:1.2s ease-in-out infinite ks-hop}.kin-pawtrail{align-items:center;gap:.45em;display:inline-flex}.kin-pawtrail>span{background:var(--brand);border-radius:999px;width:.5em;height:.5em;animation:1.2s ease-in-out infinite ks-paw-step}.kin-pawtrail>span:nth-child(2){animation-delay:.15s}.kin-pawtrail>span:nth-child(3){animation-delay:.3s}.kin-pawtrail>span:nth-child(4){animation-delay:.45s}.kin-pawtrail>span:nth-child(5){animation-delay:.6s}.kin-skeleton{background:var(--bg-muted);border-radius:8px;position:relative;overflow:hidden}.kin-skeleton:after{content:"";background-image:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);background-size:200% 100%;animation:1.5s linear infinite ks-shimmer;position:absolute;inset:0}:root[data-theme=dark] .kin-skeleton:after{background-image:linear-gradient(100deg,#0000 30%,#ffffff14 50%,#0000 70%)}.kin-skeleton-card{border:1px solid var(--border);background:var(--bg-elevated);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.kin-card{perspective:1200px;cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:0;padding:0}.kin-card__inner{width:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1);position:relative}.kin-card.is-flipped .kin-card__inner{transform:rotateY(180deg)}.kin-card__face{backface-visibility:hidden;border:1px solid var(--border);background:var(--bg-elevated);border-radius:16px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.kin-card__face--back{transform:rotateY(180deg)}.kin-card__spacer{visibility:hidden}.kin-card--rare .kin-card__face{box-shadow:inset 0 0 0 2px #3b82f6}.kin-card--ultra .kin-card__face{box-shadow:inset 0 0 0 2px #a855f7}.kin-card--legendary .kin-card__face{box-shadow:inset 0 0 0 2px var(--accent-warning)}.kin-card--endangered .kin-card__face{box-shadow:inset 0 0 0 2px var(--accent-danger)}.kin-card:hover .kin-card__face,.kin-card--rare:hover .kin-card__face,.kin-card--ultra:hover .kin-card__face,.kin-card--legendary:hover .kin-card__face,.kin-card--endangered:hover .kin-card__face{box-shadow:0 14px 30px -12px #0f172a47}.kin-card__notif{z-index:3;position:absolute;top:10px;right:10px}.kin-card__notif-badge{background:var(--accent-danger);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 2px 6px #00000040}.kin-card__notif-badge:before{content:"";background:#fff;border-radius:999px;width:7px;height:7px;animation:1.4s ease-in-out infinite ks-paw-step}.kin-card__notif-panel{background:var(--bg-elevated);border:1px solid var(--border);transform-origin:100% 0;opacity:0;pointer-events:none;z-index:4;border-radius:12px;width:240px;max-width:78vw;padding:10px 12px;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .16s;position:absolute;top:0;right:0;transform:scale(.7);box-shadow:0 18px 40px -12px #0f172a59}.kin-card__notif[data-open=true] .kin-card__notif-panel{opacity:1;pointer-events:auto;transform:scale(1)}@media (prefers-reduced-motion:reduce){.kin-loader__fish,.kin-loader__leaf,.kin-loader__sprout,.kin-loader__hop,.kin-pawtrail>span,.kin-card__notif-badge:before,.kin-skeleton:after{animation:none!important}.kin-card__inner,.kin-card__notif-panel{transition:none!important}}
