.personal-library{max-width:1500px;margin:0 auto;padding:clamp(8px,2vw,28px);min-width:0}
.personal-heading h1{font-size:clamp(25px,3vw,40px);margin:8px 0 12px}.personal-heading p{line-height:1.5}
.personal-tabs,.personal-topics{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.personal-tabs button,.personal-topics button{min-height:44px;padding:11px 16px;border-radius:14px}
.personal-tabs [aria-current=page],.personal-topics [aria-pressed=true]{background:rgba(36,165,208,.24);border-color:#65d2ed;color:#eafaff}
.personal-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.personal-toolbar h2{margin:0 auto 0 0;font-size:24px}.personal-toolbar button{min-height:44px}
.personal-help{max-width:850px;color:#bdcddd;line-height:1.6}.personal-status{min-height:24px;color:#8cdbf0;line-height:1.5}.personal-empty{border:1px dashed #55738a;border-radius:18px;padding:28px;line-height:1.6}
.personal-top-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.personal-card{min-width:0;border:1px solid rgba(180,213,242,.2);border-radius:18px;background:linear-gradient(125deg,rgba(55,79,107,.5),rgba(8,24,42,.76));backdrop-filter:blur(18px);padding:12px}
.personal-top-list .personal-card{display:flex;align-items:center;gap:12px}.top-handle{touch-action:none;min-width:44px;min-height:44px;cursor:grab;font-size:25px}.top-number{font-size:19px;font-weight:700;color:#6bd7f1;font-variant-numeric:tabular-nums}.top-dragging{opacity:.55}.top-drop{outline:2px solid #62d9f1;outline-offset:2px}
.personal-open{border:0;background:transparent;box-shadow:none;text-align:left;min-width:0;flex:1;display:grid;grid-template-columns:50px minmax(0,1fr);gap:5px 12px;align-items:center;padding:8px;color:#f2f6fc;min-height:68px}
.personal-open strong,.personal-open small{grid-column:2;overflow-wrap:anywhere}.personal-open small{color:#bfd0df;font-weight:400;line-height:1.4}.personal-open svg,.personal-open img{grid-column:1;grid-row:1/3;width:44px;height:52px;object-fit:contain;border-radius:7px}.personal-open:not(:has(svg)):not(:has(img)) strong,.personal-open:not(:has(svg)):not(:has(img)) small{grid-column:1/-1}
.personal-actions{display:flex;gap:7px;flex-wrap:wrap}.personal-actions button{min-height:44px;min-width:44px;padding:9px 13px}.personal-actions button:disabled{opacity:.5}
.personal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}.personal-grid .personal-open{width:100%;margin-bottom:14px}.personal-category{display:flex;justify-content:space-between;gap:14px;text-align:left;min-width:0;min-height:78px;padding:18px;border-radius:16px}.personal-category strong{overflow-wrap:anywhere}.personal-category span{color:#b8ccdf;font-size:13px;flex-shrink:0}
.personal-search{display:flex;gap:8px;margin:18px 0}.personal-search input{flex:1;min-width:0;font-size:16px;min-height:46px}.personal-search button{min-height:46px}.personal-paging{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}
.personal-picker{width:min(700px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:24px;background:rgba(13,31,49,.98);color:#f3f7fe;border:1px solid #536e88;border-radius:24px}.personal-picker::backdrop{background:rgba(0,7,17,.75);backdrop-filter:blur(5px)}.personal-picker header{display:flex;justify-content:space-between;gap:14px;align-items:center}.personal-picker h2{margin:0;font-size:24px}.personal-picker header button{min-height:44px}
.personal-picker-list{display:grid;gap:10px}.personal-picker-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #3c5267;border-radius:12px;padding:12px}.personal-picker-row span{display:grid;gap:5px;min-width:0}.personal-picker-row strong{overflow-wrap:anywhere}.personal-picker-row small{color:#b4c9db}.personal-picker-row button{min-height:44px;flex-shrink:0}
@media(max-width:650px){.personal-library{padding:6px 0 20px}.personal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}.personal-tabs button{font-size:13px;padding:10px 6px}.personal-tabs button:first-child{grid-column:1/-1}.personal-toolbar h2{width:100%;font-size:23px}.personal-top-list .personal-card{display:grid;grid-template-columns:36px 28px minmax(0,1fr);gap:5px;padding:10px}.top-handle{min-width:34px}.personal-top-list .personal-actions{grid-column:3;justify-content:flex-end}.personal-open{grid-template-columns:35px minmax(0,1fr);padding:6px;gap:5px 8px}.personal-open svg,.personal-open img{width:32px;height:40px}.personal-picker{padding:16px}.personal-picker h2{font-size:21px}.personal-picker-row{gap:8px;padding:10px}.personal-picker-row button{padding:9px}.personal-category{padding:14px}.personal-topics{gap:6px}.personal-topics button{font-size:13px;padding:9px 11px}}
@supports not (backdrop-filter:blur(1px)){.personal-card{background:#15283c}}
@media(prefers-reduced-transparency:reduce){.personal-card{background:#15283c;backdrop-filter:none}}
.channel-rating{display:grid;gap:5px;min-width:150px;max-width:280px;font-size:12px;color:#c5d5e5;text-align:left}
.channel-rating select,.personal-rating-filter select{min-height:44px;padding:9px 12px;background:#15283c;border:1px solid #6a8198;border-radius:12px;color:#f5f9ff;font:inherit;font-size:14px;width:100%}
.channel-rating[data-rating="1"] select{border-color:#e7999b;color:#ffcdcf}.channel-rating[data-rating="2"] select{border-color:#d4b779;color:#ffe0a0}.channel-rating[data-rating="3"] select{border-color:#7fc6a6;color:#b7f3d6}
.channel-rating small{min-height:16px;font-size:12px;line-height:1.3}.channel-rating select:focus-visible,.personal-rating-filter select:focus-visible{outline:2px solid #a9d8ff;outline-offset:3px;box-shadow:0 0 10px #9cd3ff40}
.channel-rating option,.personal-rating-filter option{background:#15283c;color:#f5f9ff}.personal-rating-filter{display:flex;align-items:center;gap:12px;max-width:320px}
body[data-skin][data-presentation][data-variant] .channel-rating[data-rating="1"] .glass-select-trigger{border-color:#e7999b;color:#ffcdcf}
body[data-skin][data-presentation][data-variant] .channel-rating[data-rating="2"] .glass-select-trigger{border-color:#d4b779;color:#ffe0a0}
body[data-skin][data-presentation][data-variant] .channel-rating[data-rating="3"] .glass-select-trigger{border-color:#7fc6a6;color:#b7f3d6}
.personal-picker-row{display:grid;grid-template-columns:minmax(0,1fr) 175px;align-items:start}.personal-picker-actions{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end}
.personal-picker-row>span{padding-top:6px}.personal-actions .channel-rating{flex-basis:100%;max-width:240px}.personal-top-list .personal-actions{align-items:center;justify-content:flex-end;max-width:400px}
.personal-top-list .personal-card{display:grid;grid-template-columns:44px 28px minmax(0,1fr)}
.personal-top-list .personal-actions{grid-column:3;max-width:none}
@media(min-width:1100px){.personal-top-list .personal-card{grid-template-columns:44px 28px minmax(180px,1fr) minmax(280px,400px)}.personal-top-list .personal-actions{grid-column:4}}
#detail-channel-rating{margin:16px 0}.glassy-live-details>.channel-rating{margin:12px 0}
@media(max-width:480px){.personal-picker-row{grid-template-columns:minmax(0,1fr)}.personal-picker-row .channel-rating{max-width:none}.personal-picker-actions{justify-content:stretch}.personal-picker-actions button{flex:1}.personal-rating-filter{max-width:none}}
/* Match the shared Glassy shell specificity so touch sizes and selection stay visible. */
body[data-skin][data-presentation][data-variant] :is(.personal-library,.personal-picker) button{min-height:44px}
body[data-skin][data-presentation][data-variant] .personal-tabs button{padding:11px 16px;border-radius:14px}
body[data-skin][data-presentation][data-variant] :is(.personal-tabs [aria-current=page],.personal-topics [aria-pressed=true]){background:rgba(36,165,208,.24);border-color:#65d2ed;color:#eafaff}
body[data-skin][data-presentation][data-variant] .personal-open{background:transparent;border-color:transparent;padding:8px;min-height:68px;font-size:16px}
body[data-skin][data-presentation][data-variant] .personal-open small{font-size:13px}
body[data-skin][data-presentation][data-variant] .personal-search input{min-height:46px;font-size:16px}
body[data-skin][data-presentation][data-variant] .top-handle{padding:6px;min-width:44px;font-size:24px}
body[data-skin][data-presentation][data-variant] .personal-actions button{padding:9px 13px}
@media(max-width:650px){
 body[data-skin][data-presentation][data-variant] .personal-tabs button{font-size:13px;padding:10px 6px}
 body[data-skin][data-presentation][data-variant] .personal-open{padding:6px;font-size:15px}
 body[data-skin][data-presentation][data-variant] .personal-top-list .personal-card{grid-template-columns:44px 26px minmax(0,1fr);gap:4px}
 body[data-skin][data-presentation][data-variant] .personal-top-list .personal-actions{grid-column:2/-1}
 body[data-skin][data-presentation][data-variant] .personal-picker-row button{padding:9px}
}
