.reco{max-width:760px;margin:0 auto;padding:8px 16px 48px;color:#1f2430}.reco .reco-hero{position:relative;overflow:hidden;text-align:center;margin:6px 0 24px;padding:30px 22px 32px;border-radius:20px;background:linear-gradient(135deg, #6366f1, #7c5cf0 45%, #38bdf8);box-shadow:0 14px 38px rgba(99,102,241,0.32)}.reco .reco-hero::before,.reco .reco-hero::after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,0.12);pointer-events:none}.reco .reco-hero::before{width:230px;height:230px;top:-110px;left:-70px}.reco .reco-hero::after{width:170px;height:170px;bottom:-80px;right:-50px}.reco .reco-hero h1{position:relative;font-size:32px;font-weight:700;line-height:1.15;margin:0 0 8px;color:#fff;text-shadow:0 2px 12px rgba(23,26,33,0.25)}.reco .reco-hero .reco-hero-sub{position:relative;max-width:520px;margin:0 auto;color:rgba(255,255,255,0.88);font-size:15px;line-height:1.5}.reco .reco-hero .reco-hero-card{position:absolute;width:58px;height:86px;border-radius:10px;background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.28);pointer-events:none}.reco .reco-hero .reco-hero-card.is-l{left:28px;bottom:-30px;transform:rotate(-12deg)}.reco .reco-hero .reco-hero-card.is-r{right:32px;top:-22px;transform:rotate(10deg)}.reco .reco-genres{margin:0 0 22px}.reco .reco-genres .reco-genres-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;min-width:0}.reco .reco-genres .reco-genres-head h2{font-size:17px;font-weight:700;margin:0}.reco .reco-genres .reco-genres-head .reco-genres-hint{color:#6b7280;font-size:13px}.reco .reco-genres .reco-chips{display:flex;flex-wrap:wrap;gap:8px}.reco .reco-genres .reco-chip{appearance:none;border:1px solid #dfe3ea;background:#fff;color:#3d4453;border-radius:999px;padding:7px 14px;font-size:13.5px;line-height:1;cursor:pointer;transition:all .15s ease;user-select:none}.reco .reco-genres .reco-chip:hover{border-color:#bac3d2;transform:translateY(-1px)}.reco .reco-genres .reco-chip.is-active{background:linear-gradient(120deg, #6366f1, #38bdf8);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(99,102,241,0.35)}.reco .reco-deck-wrap{display:flex;flex-direction:column;align-items:center}.reco .reco-deck{position:relative;width:min(92vw, 400px);aspect-ratio:10 / 14.6;max-height:66vh;margin:0 auto}.reco .reco-card{position:absolute;inset:0;border-radius:22px;overflow:hidden;background:#171a21;box-shadow:0 18px 50px rgba(23,26,33,0.28);touch-action:none;user-select:none;will-change:transform;transition:transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1.1),opacity 0.3s ease}.reco .reco-card[data-pos='0']{z-index:3;cursor:grab}.reco .reco-card[data-pos='1']{z-index:2;transform:translateY(14px) scale(0.955)}.reco .reco-card[data-pos='2']{z-index:1;transform:translateY(26px) scale(0.91);opacity:.85}.reco .reco-card.is-dragging{transition:none;cursor:grabbing}.reco .reco-card.is-gone{transition:transform .45s ease, opacity .4s ease;opacity:0}.reco .reco-card .reco-card-media{position:absolute;inset:0}.reco .reco-card .reco-card-media img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.reco .reco-card .reco-card-noposter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:52px;color:rgba(255,255,255,0.25);background:linear-gradient(160deg, #232838, #171a21)}.reco .reco-card .reco-badge{position:absolute;top:14px;left:14px;z-index:2;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:#fff;padding:5px 10px;border-radius:999px;background:rgba(23,26,33,0.55);backdrop-filter:blur(6px)}.reco .reco-card .reco-badge.is-model{background:linear-gradient(120deg, rgba(99,102,241,0.9), rgba(56,189,248,0.9))}.reco .reco-card .reco-badge.is-revive{background:rgba(245,158,11,0.92)}.reco .reco-card .reco-card-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:64px 18px 18px;color:#fff;background:linear-gradient(180deg, rgba(23,26,33,0), rgba(23,26,33,0.62) 30%, rgba(23,26,33,0.95));text-shadow:0 1px 3px rgba(0,0,0,0.6)}.reco .reco-card .reco-card-overlay .reco-card-name{margin:0 0 4px;font-size:21px;font-weight:700;line-height:1.22;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,0.8)}.reco .reco-card .reco-card-overlay .reco-card-name .reco-card-year{font-weight:400;color:rgba(255,255,255,0.72);font-size:16px}.reco .reco-card .reco-card-overlay .reco-card-meta{font-size:13px;color:rgba(255,255,255,0.92);margin-bottom:8px}.reco .reco-card .reco-card-overlay .reco-card-meta .reco-score{color:#fbbf24;font-weight:600}.reco .reco-card .reco-card-overlay .reco-card-genres{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.reco .reco-card .reco-card-overlay .reco-card-genres span{font-size:11.5px;padding:3px 9px;border-radius:999px;color:#fff;background:rgba(23,26,33,0.45);backdrop-filter:blur(4px)}.reco .reco-card .reco-card-overlay .reco-card-descr{margin:0;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,0.88);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reco .reco-card .reco-stamp{position:absolute;top:26px;z-index:3;font-size:28px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;padding:10px 20px;border-radius:14px;border:3px solid rgba(255,255,255,0.9);box-shadow:0 10px 30px rgba(0,0,0,0.35);opacity:0;pointer-events:none}.reco .reco-card .reco-stamp.reco-stamp-yes{left:14px;background:#10b981;transform:rotate(-14deg)}.reco .reco-card .reco-stamp.reco-stamp-no{right:14px;background:#f43f5e;transform:rotate(14deg)}.reco .reco-card .reco-stamp.reco-stamp-watched{left:50%;top:40%;background:#f59e0b;transform:translate(-50%, -50%) rotate(-6deg)}.reco .reco-card .reco-stamp.reco-stamp-skip{left:50%;top:40%;background:#64748b;transform:translate(-50%, -50%) rotate(6deg)}.reco .reco-actions{display:flex;align-items:center;gap:22px;margin-top:22px}.reco .reco-actions .reco-act{appearance:none;border:none;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#fff;box-shadow:0 6px 22px rgba(23,26,33,0.16);cursor:pointer;transition:transform .12s ease, box-shadow .12s ease;text-decoration:none}.reco .reco-actions .reco-act:hover{transform:translateY(-2px) scale(1.06)}.reco .reco-actions .reco-act:active{transform:scale(0.94)}.reco .reco-actions .reco-act.reco-act-no{color:#64748b}.reco .reco-actions .reco-act.reco-act-no:hover{color:#f43f5e;box-shadow:0 8px 26px rgba(244,63,94,0.35)}.reco .reco-actions .reco-act.reco-act-yes{color:#10b981}.reco .reco-actions .reco-act.reco-act-yes:hover{box-shadow:0 8px 26px rgba(16,185,129,0.35)}.reco .reco-actions .reco-act.reco-act-watched{width:52px;height:52px;color:#f59e0b}.reco .reco-actions .reco-act.reco-act-watched:hover{box-shadow:0 8px 26px rgba(245,158,11,0.35)}.reco .reco-actions .reco-act.reco-act-skip{width:48px;height:48px;color:#94a3b8}.reco .reco-actions .reco-act.reco-act-skip:hover{color:#64748b;box-shadow:0 8px 26px rgba(100,116,139,0.3)}.reco .reco-actions .reco-act.reco-act-info{width:48px;height:48px;color:#6b7280}.reco .reco-actions .reco-act.reco-act-info:hover{color:#6366f1}.reco .reco-legend{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px;margin-top:20px;width:100%;max-width:680px}.reco .reco-legend .reco-legend-item{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 11px;border-radius:12px;background:#fff;border:1px solid #eef0f5;box-shadow:0 2px 10px rgba(23,26,33,0.05)}.reco .reco-legend .reco-legend-item .reco-legend-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#fff}.reco .reco-legend .reco-legend-item .reco-legend-arrow svg{display:block}.reco .reco-legend .reco-legend-item .reco-legend-text{min-width:0}.reco .reco-legend .reco-legend-item .reco-legend-text b{display:block;font-size:12.5px;line-height:1.2}.reco .reco-legend .reco-legend-item .reco-legend-text small{display:block;font-size:11px;line-height:1.3;color:#6b7280}.reco .reco-legend .reco-legend-item.is-no .reco-legend-arrow{background:#f43f5e}.reco .reco-legend .reco-legend-item.is-skip .reco-legend-arrow{background:#94a3b8}.reco .reco-legend .reco-legend-item.is-watched .reco-legend-arrow{background:#f59e0b}.reco .reco-legend .reco-legend-item.is-yes .reco-legend-arrow{background:#10b981}.reco [hidden]{display:none !important}.reco .reco-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:22px;background:linear-gradient(160deg, #eef1f6, #e6ebf3)}.reco .reco-spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(99,102,241,0.2);border-top-color:#6366f1;animation:reco-spin .8s linear infinite}.reco .reco-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:24px;border-radius:22px;border:2px dashed #dfe3ea;background:#fafbfd}.reco .reco-empty .reco-empty-icon{font-size:40px;background:linear-gradient(120deg, #6366f1, #38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.reco .reco-empty h3{margin:0;font-size:19px}.reco .reco-empty p{margin:0;color:#6b7280;font-size:13.5px;line-height:1.5;max-width:300px}.reco .reco-login{text-align:center;padding:26px 16px 40px}.reco .reco-login .reco-login-art{position:relative;height:150px;margin-bottom:18px}.reco .reco-login .reco-login-art .reco-login-card{position:absolute;left:50%;top:0;width:96px;height:138px;border-radius:14px;box-shadow:0 12px 30px rgba(23,26,33,0.2)}.reco .reco-login .reco-login-art .reco-login-card.reco-login-card-l{background:linear-gradient(160deg, #f43f5e, #fb923c);transform:translateX(-92%) rotate(-10deg)}.reco .reco-login .reco-login-art .reco-login-card.reco-login-card-r{background:linear-gradient(160deg, #6366f1, #38bdf8);transform:translateX(-8%) rotate(9deg)}.reco .reco-login h2{font-size:22px;margin:0 0 8px}.reco .reco-login p{max-width:440px;margin:0 auto 20px;color:#6b7280;font-size:14.5px;line-height:1.55}.reco .reco-login.is-compact{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;padding:18px 22px;margin-bottom:26px;border-radius:16px;background:#f4f6fb;border:1px solid #eef0f5}.reco .reco-login.is-compact h2{font-size:18px}.reco .reco-login.is-compact p{margin:4px 0 0;max-width:none;font-size:13.5px}.reco .reco-login.is-compact .reco-btn-primary{flex-shrink:0;padding:11px 24px}.reco .reco-popular .reco-popular-title{font-size:19px;font-weight:700;margin:0 0 16px}.reco .reco-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:18px 14px}.reco .reco-tile{display:block;min-width:0;color:#1f2430;text-decoration:none}.reco .reco-tile:hover{color:#6366f1}.reco .reco-tile:hover .reco-tile-poster{transform:translateY(-3px);box-shadow:0 12px 26px rgba(23,26,33,0.22)}.reco .reco-tile .reco-tile-poster{position:relative;aspect-ratio:225 / 320;border-radius:12px;overflow:hidden;background:linear-gradient(160deg, #232838, #171a21);box-shadow:0 6px 16px rgba(23,26,33,0.12);transition:transform .15s ease, box-shadow .15s ease}.reco .reco-tile .reco-tile-poster img{width:100%;height:100%;object-fit:cover;display:block}.reco .reco-tile .reco-tile-poster .reco-tile-noposter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;color:rgba(255,255,255,0.25)}.reco .reco-tile .reco-tile-poster .reco-tile-score{position:absolute;left:7px;bottom:7px;font-size:11.5px;font-weight:600;color:#fff;padding:2px 7px;border-radius:999px;background:rgba(23,26,33,0.72)}.reco .reco-tile .reco-tile-poster .reco-tile-score::first-letter{color:#fbbf24}.reco .reco-tile .reco-tile-name{margin-top:8px;font-size:13.5px;font-weight:600;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.reco .reco-tile .reco-tile-meta{margin-top:2px;font-size:12px;color:#6b7280}.reco .reco-btn-primary{display:inline-block;border:none;border-radius:12px;padding:12px 30px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(120deg, #6366f1, #38bdf8);box-shadow:0 8px 24px rgba(99,102,241,0.35);cursor:pointer;text-decoration:none;transition:transform .12s ease}.reco .reco-btn-primary:hover{transform:translateY(-1px);color:#fff}.reco .reco-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:40;max-width:min(92vw, 480px);text-align:center;padding:11px 20px;border-radius:12px;background:rgba(23,26,33,0.92);color:#fff;font-size:13.5px;box-shadow:0 10px 30px rgba(23,26,33,0.3);animation:reco-toast-in .2s ease}@keyframes reco-spin{to{transform:rotate(360deg)}}@keyframes reco-toast-in{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width: 480px){.reco .reco-hero{padding:24px 16px 26px;border-radius:16px}.reco .reco-hero h1{font-size:26px}.reco .reco-hero .reco-hero-sub{font-size:13.5px}.reco .reco-hero .reco-hero-card{display:none}.reco .reco-deck{max-height:60vh}.reco .reco-actions{gap:16px}.reco .reco-actions .reco-act{width:56px;height:56px}.reco .reco-legend{grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}.reco .reco-card .reco-stamp{font-size:23px;padding:8px 16px}}