:root{color-scheme:dark light;--app-bg-start: #0f172a;--app-bg-end: #1f2937;--surface: rgba(15, 23, 42, .72);--surface-strong: rgba(15, 23, 42, .9);--border: rgba(148, 163, 184, .25);--text-main: #f8fafc;--text-muted: #cbd5f5;--accent-like: #22c55e;--accent-skip: #f97316;--accent-wow: #ec4899;--shadow-soft: 0 24px 60px rgba(15, 23, 42, .45);--shadow-hard: 0 12px 35px rgba(14, 116, 144, .4);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}html{height:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 20% -10%,rgba(14,165,233,.25),transparent 55%),radial-gradient(circle at 80% 0%,rgba(236,72,153,.22),transparent 52%),linear-gradient(180deg,var(--app-bg-start),var(--app-bg-end));color:var(--text-main);-webkit-font-smoothing:antialiased;overflow:hidden}.app-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem clamp(1rem,4vw,2rem);overflow:hidden}.deck{position:relative;width:min(420px,100%);height:min(94dvh,760px);display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);background:var(--surface);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-soft);isolation:isolate}.deck__topbar{display:flex;justify-content:center;align-items:center;text-align:center}.deck__brand{display:flex;flex-direction:column;gap:.25rem;align-items:center}.deck__logo{font-size:1.5rem;font-weight:700;letter-spacing:.06em;font-family:inherit;color:#4fc0d0;text-transform:uppercase}.deck__tagline{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#4fc0d0a6}.deck__viewport{position:relative;width:100%;flex:1;aspect-ratio:3 / 4.2}.deck__cards{position:absolute;inset:0;border-radius:24px}.deck-card{position:absolute;inset:0;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-hard);transform-origin:center bottom;transition:transform .22s ease,opacity .2s ease,filter .2s ease;background:#0f172ae6;will-change:transform}.deck-card.is-leaving{pointer-events:none;transition:transform .38s ease,opacity .38s ease}.deck-card.is-like{box-shadow:0 36px 60px #22c55e40}.deck-card.is-skip{box-shadow:0 36px 60px #f9731640}.deck-card.is-wow{filter:saturate(140%)}.deck-card__backdrop{position:absolute;inset:-18%;background-position:center;background-size:cover;filter:blur(42px) saturate(145%);transform:scale(1.05);opacity:.75}.deck-card__image{position:relative;width:100%;height:100%;object-fit:contain;background:#0f172ad9}.deck-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f172a00,#0f172a26 60%,#0f172a73);pointer-events:none}.deck-card__sparkle{position:absolute;top:25%;left:var(--spark-x, 50%);width:12px;height:12px;background:radial-gradient(circle,#ffffffe6,#ec489966);border-radius:50%;opacity:0;animation:sparkle .9s ease-out var(--spark-delay, 0s) forwards;pointer-events:none}@keyframes sparkle{0%{transform:scale(.6) translateY(0);opacity:0}40%{opacity:1}to{transform:scale(.1) translateY(-60px);opacity:0}}.deck__empty-message{position:absolute;inset:0;margin:0;display:grid;place-items:center;border-radius:24px;border:1px dashed rgba(148,163,184,.5);color:var(--text-muted);font-size:.95rem;text-align:center;padding:1.5rem;background:#0f172a99}.deck__controls{display:flex;justify-content:center;align-items:center;gap:clamp(1.5rem,6vw,2.5rem)}.deck__btn{border:none;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;cursor:pointer;color:var(--text-main);background:#ffffff14;box-shadow:inset 0 0 0 1px #94a3b840;transition:transform .15s ease,box-shadow .18s ease,background .18s ease}.deck__btn:disabled{opacity:.35;cursor:not-allowed}.deck__btn:focus-visible{outline:2px solid rgba(14,165,233,.85);outline-offset:3px}.deck__btn:active{transform:scale(.95)}.deck__btn--skip{background:#f9731629;box-shadow:inset 0 0 0 1px #f973166b,0 12px 24px #f973162e}.deck__btn--like{background:#22c55e29;box-shadow:inset 0 0 0 1px #22c55e6b,0 12px 24px #22c55e2e}.deck__btn--wow{background:radial-gradient(circle at 30% 30%,#ec4899d9,#f43f5eeb);box-shadow:0 20px 35px #ec489959,inset 0 0 0 2px #fff3}.deck__emoji{font-size:1.85rem}.deck__meta{display:flex;flex-direction:column;gap:.9rem}.deck__meta-row{display:flex;flex-direction:column;align-items:center;gap:.75rem}.deck__sorting{display:flex;align-items:center;gap:.5rem}.deck__sorting-label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.1em}.deck__sorting-select{appearance:none;border:1px solid var(--border);border-radius:999px;background:var(--surface-strong);color:var(--text-main);padding:.4rem 1.1rem;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:inset 0 0 0 1px #94a3b81f}.deck__sorting-select:focus-visible{outline:2px solid rgba(14,165,233,.8);outline-offset:2px}.deck__stats{font-size:.85rem;color:var(--text-muted);letter-spacing:.03em;text-align:center;min-height:1.1rem}.deck__footnote{margin:0;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8b3;text-align:center}.deck__wow-bubble{position:absolute;left:50%;bottom:10rem;transform:translate(-50%) translateY(10px);opacity:0;background:#ec4899eb;color:#fff;padding:.5rem 1.2rem;border-radius:999px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 18px 34px #ec489959;transition:opacity .18s ease,transform .18s ease;pointer-events:none}.deck__wow-bubble.is-visible{opacity:1;transform:translate(-50%) translateY(-6px)}code{font-family:Cascadia Code,Fira Code,Consolas,Courier New,monospace;font-size:.8rem;color:inherit;background:#94a3b82e;padding:.2rem .4rem;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:540px){.deck__btn{width:76px;height:76px}.deck__btn--wow{width:82px;height:82px}.deck__meta-row{flex-direction:row;justify-content:space-between;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}