/* One card language for browsing and the personal library. */
:root body :is(#results,#library-results)>.media-card{position:relative;display:flex;flex-direction:column;align-self:stretch;gap:0;padding:0;background:transparent;border:0;box-shadow:none;transform:none;min-width:0;overflow:visible}
:root body .media-card-open{display:block;width:100%;min-width:0;padding:0;text-align:left;border:0;background:transparent;color:var(--text)}
:root body .media-card .poster-button{display:block;width:100%;margin:0;overflow:hidden;border:1px solid #ffffff18;border-radius:13px;box-shadow:none;transform:none;transition:border-color .16s}
:root body .media-card .poster-button .art{display:block;aspect-ratio:2/3;width:100%}
:root body .media-card-open:hover .poster-button{border-color:#ffffff60}
:root body :is(#results,#library-results) .media-card .card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;min-height:2.8em;max-height:2.8em;margin:12px 0 5px;padding:0;font-family:inherit;font-size:17px!important;font-weight:600;line-height:1.4;letter-spacing:0;text-align:left}
:root body .media-card-facts{display:flex;align-items:baseline;gap:8px;min-width:0;width:100%;font-family:inherit;font-size:13px;line-height:1.6;color:#b6b6b1}
.media-card-year{flex:0 0 auto;font-variant-numeric:tabular-nums}
.media-card-genre{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-card-genre:before{content:'·';margin-right:8px;color:#777873}
:root body .media-card-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;margin-top:8px}
:root body .media-card-controls>.card-status-label{margin-right:auto;max-width:calc(100% - 42px)}
:root body #results .media-card-controls>.card-status-label{max-width:100%}
:root body .media-card-controls :is(.card-status-label,.library-status-badge){position:static;display:inline-flex;align-items:center;gap:5px;inset:auto;min-height:28px;padding:5px 9px;border-radius:7px;font-family:inherit;font-size:12px;line-height:1.35;font-weight:500;white-space:normal;background:#202121;color:#eae8e3}
:root body [data-card-status=planned] :is(.card-status-label,.library-status-badge),:root body .library-status-badge.status-planned{--status-edge:#bdbdb7;border-color:#bdbdb780;background:#ffffff06;box-shadow:inset 2px 0 0 #bdbdb7;color:#eae8e3}
:root body .media-card[data-card-status=actual] .card-status-label{border:2px solid transparent;background:linear-gradient(120deg,#212724,#222528) padding-box,linear-gradient(110deg,#a7c6bb,#e4e2d8 45%,#a3b8c6 70%,#a7c6bb) border-box;box-shadow:0 0 8px #cbd9cd12}
:root body :is(#results,#library-results) .media-card-controls :is(.card-add,.library-manage-button){position:static;display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;margin:0;padding:9px;border:1px solid #ffffff16;border-radius:10px;color:#dfdfd9;background:#ffffff03}
:root body :is(#results,#library-results) .media-card-controls :is(.card-add,.library-manage-button):hover{background:#ffffff0c;border-color:#ffffff40}
:root body .media-card-controls svg{width:20px;height:20px}
:root body .media-card .favorite-button{position:absolute;right:9px;top:9px;width:38px;height:38px;border-color:#ffffff35;background:#141515dc;color:#eae8e3}
:root body .media-card .favorite-button.is-favorite{background:#eae8e3;color:#171817}
:root body .home-tile-meta{display:block}
:root body .home-tile-meta .media-card-facts{font-size:12px}
:root body .collection-modal{width:min(540px,calc(100vw - 32px));max-width:540px;padding:28px;background:#191a1a;border:1px solid #ffffff20;border-radius:20px;box-shadow:0 28px 90px #0009}
.collection-dialog-heading{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding-right:22px;margin-bottom:24px}
.collection-dialog-poster{width:64px;overflow:hidden;border-radius:8px;aspect-ratio:2/3}
.collection-dialog-poster .art{width:100%;height:100%;aspect-ratio:2/3}
.collection-dialog-kicker{display:block;font-size:12px;color:#a5a5a0;margin-bottom:4px}
:root body .collection-dialog-heading h2{font-size:22px;line-height:1.3;letter-spacing:-.3px;margin:0 0 6px;overflow-wrap:anywhere}
.collection-setting-section{margin:0 0 20px}
:root body .collection-setting-section h3{font-size:14px;font-weight:600;margin:0 0 10px;letter-spacing:0;color:#c6c6c0}
.collection-status-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.collection-status-options button{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 12px;text-align:left;border:1px solid #ffffff16;border-radius:10px;color:#babbb5;background:#ffffff02;font-size:14px}
.collection-status-options button:first-child{grid-column:1/-1}
.collection-status-options button:hover{border-color:#ffffff40;background:#ffffff08}
.collection-status-options button[aria-pressed=true]{background:#eae8e310;border-color:#eae8e380;color:#f0eee9}
.collection-status-options svg,.collection-option-dot{width:17px;height:17px;flex:0 0 17px}
.collection-option-dot{border:1px solid #ffffff30;border-radius:50%;transform:scale(.55)}
.collection-confirmed{font-size:12px;color:#c7d7cd;margin:10px 0 0}
.collection-rating-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.collection-rating-heading>span{font-size:13px;color:#c6c6c0}
.collection-rating-stars{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:1px}
.collection-rating-stars button{display:grid;place-items:center;min-width:0;height:44px;padding:0;color:#73756f;border-radius:7px}
.collection-rating-stars svg{width:25px;height:25px}
.collection-rating-stars .is-filled{color:#eae8e3}
.collection-rating-stars .is-filled svg{fill:currentColor}
.collection-rating-stars button:hover{background:#ffffff0b;color:#fff}
.collection-favorite-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid #ffffff16;border-radius:10px;min-height:46px;font-size:14px}
.collection-favorite-toggle span{flex:1;text-align:left}
.collection-favorite-toggle[aria-pressed=true]{background:#ffffff08;border-color:#ffffff40}
.collection-favorite-toggle[aria-pressed=true]>svg:first-child{fill:currentColor}
:root body .collection-settings .collection-feedback{min-height:20px;margin:10px 0;color:#babbb5;font-size:12px}
:root body .collection-settings .collection-dialog-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:16px 0 0;border-top:1px solid #ffffff12}
:root body .collection-settings .collection-delete{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;border:0;background:transparent;color:#cfa9a6;font-size:13px;text-align:left}
:root body .collection-settings .collection-delete svg{width:17px;height:17px}
:root body .collection-settings .collection-dialog-actions .button{width:auto;min-width:90px;min-height:44px;font-size:14px;padding:10px 18px}
.collection-dialog-help{margin-top:12px;font-size:12px;color:#9d9f98}
.collection-dialog-help summary{cursor:pointer;min-height:32px;padding:5px 0}
.collection-dialog-help p{font-size:13px;line-height:1.6;color:#b8bab2;margin:6px 0}
:root body .room-community{margin-top:32px;padding:24px;background:#181919;border:1px solid #ffffff14;border-radius:16px;color:#eae8e3}
:root body .room-community h2{font-size:24px;letter-spacing:-.4px}
:root body .room-community :is(.community-scope,.room-community h2 span,.room-comment time,.room-comment header small,.room-comment-controls>span,.community-empty){color:#a7aaa2}
:root body .room-community .community-scope{margin:10px 0 18px}
:root body #room-comment-form textarea{background:#111212;border:1px solid #ffffff24;border-radius:12px;color:#eae8e3;font:inherit;font-size:15px;line-height:1.65;padding:14px 16px;min-height:100px}
:root body #room-comment-form textarea:focus{border-color:#eae8e380}
:root body .room-comment-controls{gap:12px}
:root body .room-comment-controls input{accent-color:#eae8e3}
:root body .room-comment{padding:22px 0;border-color:#ffffff12}
:root body .room-comment p{color:#d7d8d1;font-size:15px;line-height:1.75}
:root body .comment-avatar{background:#2c2e2b;border:1px solid #ffffff12;border-radius:50%;color:#eae8e3}
:root body .comment-spoiler{background:repeating-linear-gradient(135deg,#252724,#252724 8px,#20221f 8px,#20221f 16px);color:#d3d7cd;border-color:#ffffff20}
:root body .room-comment footer{display:flex;border:0;margin:10px 0 0;padding:0}
:root body .room-comment footer button{color:#babeb3}
:root body #save-status[hidden]{display:none}
@media(max-width:620px){
 :root body :is(#results,#library-results) .media-card .card-title{font-size:15px!important}
 :root body .media-card-facts{font-size:12px;gap:6px}
 .media-card-genre:before{margin-right:6px}
 :root body .media-card-controls :is(.card-status-label,.library-status-badge){font-size:11px;padding:4px 6px}
 :root body :is(#results,#library-results) .media-card-controls :is(.card-add,.library-manage-button){flex-basis:36px;width:36px;height:40px;padding:8px}
 :root body .media-card-controls{gap:5px}
 :root body .collection-modal{padding:22px 18px;border-radius:16px}
 .collection-dialog-heading{grid-template-columns:52px minmax(0,1fr);gap:12px}
 .collection-dialog-poster{width:52px}
 :root body .collection-dialog-heading h2{font-size:19px}
 .collection-status-options button{font-size:13px;padding:9px;gap:7px}
 .collection-rating-stars svg{width:21px;height:21px}
 :root body .room-community{padding:18px 14px}
 :root body .room-community h2{font-size:22px}
}
@media(prefers-reduced-motion:reduce){:root body .media-card .poster-button{transition:none}}

:root body #playback-status{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
:root body #toast{background:#292b28;border-color:#ffffff30;color:#eae8e3}
:root body .collection-setting-section[hidden],:root body .collection-confirmed[hidden]{display:none}