.randomizer-page{max-width:1320px;min-height:calc(100vh - 70px);margin:0 auto;padding:44px 28px 60px}.randomizer-intro .eyebrow{font-size:11px;letter-spacing:.14em;color:#bd79e9}.randomizer-intro h1{margin:9px 0 7px;color:#f5eff8;font:600 36px var(--serif)}.randomizer-intro h1 em{color:#cb98ef;font-style:normal}.randomizer-intro p{margin:0;color:#b5adbb;font-size:16px;line-height:1.6}.randomizer-panel{margin-top:26px;padding:24px;border:1px solid #34263f;border-radius:14px;background:linear-gradient(145deg,#15111b,#0d0b11 74%);box-shadow:0 14px 40px #0005}.randomizer-options{display:flex;align-items:center;flex-wrap:wrap;gap:15px;color:#e6dfea;font-size:15px}.randomizer-types{display:flex;gap:8px}.random-type{min-height:42px;padding:0 20px;border:1px solid #42334f;border-radius:8px;background:#100d14;color:#c9bfce;font-size:14px;font-weight:600;transition:.18s}.random-type:hover{border-color:#9a58bd;color:#fff}.random-type.active{border-color:#a855dc;background:linear-gradient(120deg,#6c249b,#3c1757);color:#fff;box-shadow:0 0 18px #8b35ba42}.randomize-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:20px;padding:0 22px;border:1px solid #ad62dd;border-radius:8px;background:linear-gradient(110deg,#7629a8,#4a1a70);color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 22px #7424a637;transition:filter .15s,transform .15s}.randomize-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.randomize-button:disabled{opacity:.62;cursor:wait}.randomize-button>span{font-size:21px}.randomizer-feedback{min-height:20px;margin:14px 0 0;color:#a99fb0;font-size:13px;line-height:1.5}.random-result{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:24px;max-width:980px;margin:24px auto 0;padding:16px;border:1px solid #35283f;border-radius:11px;background:#0c0a10}.random-poster{display:block;width:100%;max-height:390px;aspect-ratio:2/3;object-fit:cover;border-radius:7px;background:#1a1420}.random-no-poster{display:grid;place-items:center;color:#c38be5;font-size:50px}.random-result-copy{align-self:center;min-width:0}.random-kind{display:inline-flex;padding:5px 9px;border:1px solid #613b78;border-radius:999px;background:#21132c;color:#dcb7f1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.random-result-copy h2{margin:12px 0 7px;color:#f5eff8;font:600 30px/1.2 var(--serif)}.random-meta{margin:0;color:#b5aaba;font-size:14px;line-height:1.5}.random-synopsis{margin:16px 0;color:#d0c9d5;font-size:15px;line-height:1.75}.random-estimate{display:grid;gap:5px;padding:13px 15px;border:1px solid #3b2b47;border-radius:8px;background:linear-gradient(110deg,#18111e,#100d14)}.random-estimate>span{color:#aaa0af;font-size:12px}.random-estimate>strong{color:#e2b5fb;font-size:25px}.random-estimate>small{color:#a99fb0;font-size:12px;line-height:1.55}.random-react-link{display:block;margin:15px 0;padding:14px;border:1px solid #63437a;border-radius:8px;color:#dcacf9;font-size:15px;font-weight:700}.random-source-link{display:inline-block;margin-top:13px;color:#c990ec;font-size:13px}.random-source-link:hover{text-decoration:underline}
.randomizer-genre-section{margin-top:20px}.randomizer-genre-label{display:block;margin-bottom:10px;color:#e6dfea;font-size:15px;font-weight:600}.randomizer-genres{display:flex;flex-wrap:wrap;gap:8px}.genre-chip{min-height:37px;padding:0 14px;border:1px solid #3b3045;border-radius:999px;background:#100d14;color:#c9bfce;font-size:13px;transition:.18s}.genre-chip:hover{border-color:#9153b0;color:#fff}.genre-chip.active{border-color:#aa5dd7;background:#291637;color:#f1d9ff;box-shadow:0 0 12px #8b35ba2c}.genre-loading{align-self:center;color:#9b91a1;font-size:13px}
@media(max-width:760px){.randomizer-page{min-height:0;padding:28px 15px 40px}.randomizer-intro h1{font-size:30px}.randomizer-intro p{font-size:14px}.randomizer-panel{margin-top:20px;padding:17px}.random-result{grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:15px;padding:11px}.random-result-copy h2{font-size:23px}.random-synopsis{font-size:14px;line-height:1.6}}
@media(max-width:520px){.randomizer-page{padding:22px 10px 32px}.randomizer-panel{padding:13px}.randomizer-options{align-items:flex-start;flex-direction:column;gap:9px}.random-type{min-height:39px;padding:0 15px}.randomize-button{width:100%}.random-result{grid-template-columns:1fr;max-width:380px}.random-poster{width:min(100%,260px);max-height:none;margin:0 auto}.random-result-copy h2{font-size:25px}}