.viewing-history{margin:26px 0 30px;max-width:920px}.viewing-toolbar{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:28px}.viewing-search{display:flex;align-items:center;gap:10px;background:#ffffff05;border:1px solid #ffffff20;border-radius:12px;padding:0 14px;min-height:46px;flex:1;max-width:380px}.viewing-search svg{width:18px;color:#9c9f9c}.viewing-search input{font-size:15px;min-width:0;width:100%;padding:11px 0}.viewing-filters{display:flex;gap:5px;flex-wrap:wrap}.viewing-filters button{padding:10px 13px;border-radius:10px;color:#aeb0ad;font-size:14px;white-space:nowrap}.viewing-filters button.selected{background:#ffffff10;color:#f1f1ee}.viewing-filters button:hover{color:#fff;background:#ffffff08}.viewing-date{font-size:18px;font-weight:600;letter-spacing:-.2px;margin:28px 0 12px;color:#d5d7d3}.viewing-card{border:1px solid #ffffff15;border-radius:18px;background:linear-gradient(125deg,#202220,#191b1a);margin-bottom:12px;overflow:hidden}.viewing-main{display:flex;align-items:center;gap:20px;padding:16px 18px}.viewing-poster{width:68px;flex:0 0 68px;aspect-ratio:2/3;overflow:hidden;border-radius:9px;padding:0;background:#ffffff08;align-self:flex-start}.viewing-poster .art,.viewing-poster .art.compact{width:100%;height:100%;aspect-ratio:2/3;border-radius:0;min-height:0}.viewing-poster .poster-placeholder{font-size:10px;padding:5px}.viewing-poster .poster-placeholder small{display:none}.viewing-copy{flex:1;min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:9px}.viewing-title{display:block;text-align:left;font-size:19px;font-weight:600;line-height:1.35;padding:0;color:#eceee9;overflow-wrap:anywhere}.viewing-title:hover{color:#fff;text-decoration:underline;text-decoration-color:#ffffff50;text-underline-offset:4px}.viewing-episode{font-size:14px;color:#a9ada6}.viewing-position{display:inline-flex;flex-direction:column;gap:7px;font-size:14px;color:#d6dad2;min-width:130px;max-width:240px;width:100%;font-variant-numeric:tabular-nums}.viewing-duration{color:#868d84}.viewing-track{height:3px;background:#ffffff14;border-radius:5px;overflow:hidden}.viewing-track i{display:block;height:100%;background:#d8ddd3;border-radius:inherit}.viewing-mark{font-size:12px;line-height:1.4;border:1px solid #ffffff26;border-radius:7px;padding:5px 8px;color:#d0d4cd;display:inline-flex;gap:6px;align-items:center;width:max-content}.viewing-mark.verified{border-color:#c9cbb888;background:linear-gradient(110deg,#ffffff13,#d7d1b20b);color:#ecebe0;box-shadow:inset 0 0 8px #eee8ca08}.viewing-side{display:flex;flex-direction:column;align-items:center;gap:16px;flex:0 0 44px;margin-left:auto}.viewing-side time{font-size:12px;color:#90958e;font-variant-numeric:tabular-nums}.viewing-play{width:40px;height:40px;border-radius:50%;background:#ffffff08;border:1px solid #ffffff1b;display:grid;place-items:center;padding:0;flex-shrink:0}.viewing-play:hover{background:#ffffff17;border-color:#ffffff44}.viewing-play svg{width:18px;height:18px}.viewing-expand{display:flex;gap:7px;align-items:center;padding:11px 18px;width:100%;border-top:1px solid #ffffff0c;color:#aeb3aa;font-size:13px;text-align:left}.viewing-expand:hover{background:#ffffff04;color:#e6e9e2}.viewing-expand span{color:#e0e4d9}.viewing-expand svg{margin-left:auto;width:16px;height:16px;transition:transform .15s}.viewing-expand[aria-expanded=true] svg{transform:rotate(180deg)}.viewing-episodes[hidden]{display:none}.viewing-subrow{display:flex;align-items:center;gap:20px;padding:13px 18px 13px 106px;border-top:1px solid #ffffff0b}.viewing-subrow>span:first-child{font-size:14px;flex:1;color:#b6bcb0}.viewing-subrow .viewing-position{max-width:160px;min-width:90px}.viewing-subrow .viewing-play{width:32px;height:32px}.viewing-more{display:flex;margin:24px auto 16px}.viewing-more[hidden]{display:none}.viewing-help{font-size:13px;color:#858d80;margin-top:25px}.viewing-help summary{cursor:pointer;width:fit-content}.viewing-help p{max-width:640px;line-height:1.6;margin:12px 0;color:#a1a99b}.viewing-statistics{max-width:1100px;border-top:1px solid #ffffff1a;margin:36px 0}.viewing-statistics>summary{display:flex;align-items:center;justify-content:space-between;padding:22px 0;cursor:pointer;font-size:18px;color:#ced4c7;list-style:none}.viewing-statistics>summary::-webkit-details-marker{display:none}.viewing-statistics>summary svg{width:18px;height:18px;transition:transform .15s}.viewing-statistics[open]>summary svg{transform:rotate(180deg)}.viewing-statistics-body{padding:0 0 18px}.viewing-empty{text-align:center;padding:55px 15px;border:1px dashed #ffffff1b;border-radius:18px;color:#a7b09f}.viewing-empty>svg{width:32px;height:32px;margin-bottom:12px}.viewing-empty h2{font-size:22px;color:#e3e7de;margin:0 0 10px}.viewing-empty p{font-size:15px}.viewing-day-filter{display:flex;align-items:center;gap:15px;font-size:14px;padding:10px 0;color:#b7c0ae}.viewing-day-filter[hidden]{display:none}.viewing-day-filter button{display:flex;align-items:center;gap:6px}.viewing-day-filter svg{width:14px}
@media(max-width:680px){.viewing-toolbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.viewing-search{max-width:none}.viewing-filters{gap:5px}.viewing-filters button{flex:1;padding:9px 8px;font-size:13px}.viewing-main{gap:12px;padding:13px}.viewing-poster{width:54px;flex-basis:54px}.viewing-title{font-size:16px}.viewing-copy{gap:7px}.viewing-episode{font-size:12px}.viewing-side{gap:14px;flex-basis:32px}.viewing-side time{font-size:11px}.viewing-play{width:32px;height:32px}.viewing-position{font-size:12px;min-width:70px;width:100%}.viewing-mark{font-size:11px;padding:4px 6px}.viewing-expand{padding:10px 13px}.viewing-subrow{padding:12px 13px;gap:10px;flex-wrap:wrap}.viewing-subrow>span:first-child{font-size:12px;flex-basis:calc(100% - 45px)}.viewing-subrow .viewing-position{min-width:80px;flex:1}.viewing-date{font-size:16px}.viewing-history{margin-top:20px}.viewing-empty{padding:38px 14px}.viewing-statistics>summary{font-size:16px}.viewing-day-filter{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.viewing-expand svg,.viewing-statistics>summary svg{transition:none}}

:root[data-motion=reduced] .viewing-expand svg,:root[data-motion=reduced] .viewing-statistics>summary svg{transition:none}