:root{--ground: #221F2E;--ground-soft: #2C2839;--ground-lift: #3A3247;--line: #3D3852;--line-soft: #4A4359;--card: #F4F0E6;--card-ink: #221F2E;--card-muted: #6E6354;--ink: #F4F0E6;--ink-muted: #9990A6;--ink-dim: #B9B2C6;--amber: #F2B441;--amber-deep: #D99B26;--amber-pale: #F2D28C;--warm: #C4552B;--bg-3d: #2B3340;--bg-game: #BFE3F2;--bg-video: #D9E2EC;--bg-photo: #EFE0D2;--font-display: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;--font-label: "Newsreader", Georgia, serif;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 20px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 31px;--gap-1: 4px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--gap-5: 20px;--gap-6: 24px;--pad-screen: 20px;--r-card: 6px;--r-media: 3px;--r-tile: 16px;--r-pill: 22px;--shadow-card: 0 10px 24px rgba(0, 0, 0, .28);--tap: 44px;--tap-lg: 58px}.card{position:relative;background:var(--card);color:var(--card-ink);border-radius:var(--r-card);padding:11px 11px 13px;box-shadow:var(--shadow-card);display:block;width:100%;text-align:left}.tilt-a{transform:rotate(-1.6deg)}.tilt-b{transform:rotate(1.3deg)}.tilt-c{transform:rotate(-.9deg)}.card__tape{position:absolute;width:66px;height:20px;top:-9px;left:50%;margin-left:-33px;background:#f2b44173}.card__tape--warm{background:#c4552b6b}.card__foot{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:11px 3px 0}.card__title{font-size:var(--text-lg);font-weight:700;line-height:1.15}.card__note{font-size:var(--text-sm);color:var(--card-muted);white-space:nowrap}.poster{position:relative;height:206px;border-radius:var(--r-media);overflow:hidden;display:flex;align-items:center;justify-content:center}.poster--sm{height:84px}.poster--row{height:156px}.poster__hint{position:absolute;bottom:11px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;height:30px;padding:0 13px;border-radius:15px;background:#f4f0e6eb;color:var(--card-ink);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.poster__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:27px;background:#221f2eb8;display:flex;align-items:center;justify-content:center}.poster__text{font-family:var(--font-label);font-style:italic;color:var(--card-ink);font-size:17px;line-height:1.5;padding:20px 22px;text-align:left;white-space:pre-wrap;max-height:100%;overflow-y:auto}.kind{position:absolute;top:9px;right:9px;display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:13px;background:#221f2ed1;color:var(--ink);font-size:11px;font-weight:600}.chip{display:inline-flex;align-items:center;height:var(--tap);padding:0 16px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:none;color:var(--ink-dim);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.chip[aria-pressed=true],.chip--on{background:var(--amber);border-color:var(--amber);color:var(--card-ink);font-weight:700}.chip--suggest{background:var(--ground-lift);border-color:var(--ground-lift);color:var(--amber-pale);font-size:var(--text-base)}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:var(--tap-lg);border-radius:29px;font-size:18px;font-weight:700}.btn--primary{background:var(--amber);color:var(--card-ink)}.btn--secondary{background:none;border:1.5px solid var(--line);color:var(--ink);height:56px}.btn--row{width:auto;padding:0 22px}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 24px) var(--pad-screen) 16px}.head__title{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.02em;line-height:1;margin:0}.head__sub{font-family:var(--font-label);font-style:italic;font-size:var(--text-sm);color:var(--amber);margin:3px 0 0}.icon-btn{width:var(--tap);height:var(--tap);min-height:var(--tap);border-radius:22px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;text-align:center}.empty__title{font-size:var(--text-xl);font-weight:700}.empty__body{font-family:var(--font-label);font-style:italic;color:var(--ink-muted);font-size:var(--text-base);line-height:1.5;max-width:30ch}.skeleton{border-radius:var(--r-card);background:var(--ground-soft);height:268px}@media (prefers-reduced-motion: no-preference){.skeleton{animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.62}}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}a{color:var(--amber);text-decoration:none}a:hover{color:var(--amber-deep)}.label{font-family:var(--font-label);font-style:italic}:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:4px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;min-height:var(--tap)}.screen{display:flex;flex-direction:column;min-height:100%;max-width:560px;margin:0 auto}.screen-pad{padding-inline:var(--pad-screen)}.screen-foot{margin-top:auto;position:sticky;bottom:0;padding:14px var(--pad-screen) max(26px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--ground) 72%,rgba(34,31,46,0))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.report{background:var(--card);color:var(--card-ink)}.report .icon-btn{border-color:var(--card-muted);color:var(--card-ink)}.report__body{padding-top:22px;padding-bottom:40px}@media print{.no-print{display:none!important}.screen.report{max-width:none}body{background:#fff}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.tilt-a,.tilt-b,.tilt-c{transform:none!important}}