*{box-sizing:border-box}:root{--bg: #0d0f14;--surface: #12151c;--card: #161a23;--text: #eef2ff;--muted: #9aa3b2;--accent: #8ec5ff;--like: #2ecc71;--dislike: #ff6b6b;--shadow: 0 12px 22px rgba(0,0,0,.28);--radius: 20px}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;background:linear-gradient(180deg,#0b1020,#141a2a 45%,#0d101a);color:var(--text);display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:8px;background:linear-gradient(180deg,#ffffff0a,#fff0);position:sticky;top:0;z-index:10;backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px)}.app-footer{display:flex;justify-content:center;align-items:center;padding:6px 8px;font-size:12px;color:var(--muted);background:transparent!important;border-top:1px solid rgba(255,255,255,.06);padding-bottom:max(6px,env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;z-index:5}.app-footer a{color:var(--accent);text-decoration:underline;font-size:12px}.branding h1{font-size:21px;margin:0;font-weight:700;letter-spacing:.2px}.branding{display:flex;align-items:center;gap:10px}.branding .logo{font-size:20px}.branding h1{font-size:16px;margin:0;font-weight:700;letter-spacing:.2px}.container{width:100%;max-width:600px;margin:12px auto 32px;padding:0 12px;flex:1;display:grid;grid-template-rows:1fr auto auto;gap:14px}.container .container,.container .controls{background:transparent!important}.stack{position:relative;isolation:isolate;width:100%;aspect-ratio:3/4;max-height:min(80vh,780px);margin:0 auto;border-radius:var(--radius);display:grid;place-items:center;overflow:visible}.stack .stack{box-shadow:none}html,body{height:100%;margin:0;background:var(--bg)}.card{position:absolute;inset:0;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;-webkit-user-select:none;user-select:none;display:grid;grid-template-rows:1fr auto;pointer-events:none;transition:transform .2s ease}.card.is-top{pointer-events:auto;cursor:grab;will-change:transform;z-index:999}.card.is-top:active{cursor:grabbing}.card img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.card .meta{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(180deg,#0000,#00000040)}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#ffffff14;color:var(--muted)}.hint{position:absolute;top:14px;padding:8px 12px;border-radius:12px;font-weight:800;font-size:1rem;letter-spacing:.5px;opacity:0;pointer-events:none;transform:scale(1) rotate(-6deg)}.hint.like{left:14px;border:2px solid var(--like);color:#fff;background:var(--like);box-shadow:0 0 10px #2ecc7199}.hint.dislike{right:14px;transform:scale(1) rotate(6deg);border:2px solid var(--dislike);color:#fff;background:var(--dislike);box-shadow:0 0 10px #ff6b6b99}.loader{display:grid;place-items:center;gap:10px;color:var(--muted)}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.controls{display:flex;justify-content:center;gap:16px;margin:6px 0 0;position:relative;z-index:0}.ctrl{width:64px;height:64px;border-radius:999px;border:none;display:grid;place-items:center;font-size:26px;font-weight:800;background:#ffffff0f;color:var(--text);box-shadow:var(--shadow);transition:transform .15s ease,filter .2s ease}.ctrl.like{outline:2px solid rgba(46,204,113,.4)}.ctrl.dislike{outline:2px solid rgba(255,107,107,.4)}.ctrl:active{transform:scale(.94)}.ctrl:hover{filter:brightness(1.2)}.ghost,.primary{padding:10px 14px;border-radius:12px;font-weight:600;background:#ffffff0f;color:var(--text);border:none;transition:background .2s ease,transform .15s ease}.primary{background:linear-gradient(180deg,#34d399,#059669);color:#fff}button{cursor:pointer}button.primary:hover{filter:brightness(1.1)}button.ghost:hover{background:#ffffff1a}button:active{transform:scale(.96)}.hidden{display:none!important}.summary{background:#ffffff0a;padding:20px;border-radius:16px;text-align:center;animation:fadeIn .6s ease}.summary h2{margin-top:0;font-size:1.4rem}.summary p{margin-bottom:1rem}.grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.grid img{width:100%;height:100%;object-fit:cover;border-radius:12px}.summary-actions{display:flex;gap:10px;margin-top:14px;justify-content:center;flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 520px){.grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion: reduce){.card,.ctrl,.summary{transition:none!important;animation:none!important}}@media (max-width: 480px){.controls{position:sticky;bottom:12px;background:linear-gradient(180deg,#0000,#00000040);padding:8px 0 0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}