.hub-page{display:flex;flex-direction:column;gap:22px;max-width:1220px;margin:0 auto 12px}.hub-welcome{background:linear-gradient(120deg,#e8f0e0,#f2f5eb);border:1px solid #e0e9d9;border-radius:17px;padding:30px 32px;position:relative;overflow:hidden}.hub-welcome:after{content:"";position:absolute;width:180px;height:180px;border:25px solid #c9dcc433;border-radius:50%;right:35px;top:10px;pointer-events:none}.hub-welcome .eyebrow{font-size:8px;color:#819877;letter-spacing:2px}.hub-welcome h2{font-size:27px;line-height:1.55;letter-spacing:.7px;font-weight:600;margin:12px 0 8px;position:relative;z-index:1}.hub-welcome p{color:#7c8f73;font-size:12px;margin:10px 0}.hub-stats{display:flex;gap:29px;margin-top:21px;color:#849477;font-size:10px}.hub-stats strong{font-size:22px;font-weight:550;color:#44643e;margin-right:5px}.hub-continue-grid,.hub-collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hub-panel{background:#fffefb;border:1px solid #e3e9dd;border-radius:13px;padding:24px;min-width:0}.hub-panel h3{font-size:17px;font-weight:600;margin:7px 0 10px;letter-spacing:.25px}.hub-panel>p{font-size:12px;line-height:1.9;color:#84907c;margin:12px 0 18px}.hub-kicker{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#8a9e7f;display:block}.hub-resume-music{display:flex;align-items:center;gap:17px;margin:21px 0;min-width:0}.hub-resume-music>div{min-width:0}.hub-resume-music h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:21px;margin:0 0 6px}.hub-resume-music p{font-size:12px;margin:0 0 5px;color:#819475}.hub-resume-music small{font-size:10px;color:#9aa38f}.hub-cover{display:inline-flex!important;width:48px!important;height:48px!important;border-radius:9px;flex-shrink:0;overflow:hidden;position:relative}.hub-cover img{width:100%;height:100%;object-fit:cover}.hub-resume-music .hub-cover{width:76px!important;height:76px!important;border-radius:12px}.hub-art{background:linear-gradient(145deg,#a7c4a6,#456c5b);color:#eef5df;align-items:center;justify-content:center}.hub-art svg{width:24px;height:24px}.hub-listen .primary{padding:11px 17px;font-size:12px}.hub-listen .primary svg{width:17px;height:17px}.hub-video-resume,.hub-media-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 0;text-align:left;min-width:0}.hub-video-resume>span:nth-child(2),.hub-media-row>span:nth-child(2){min-width:0;flex:1}.hub-media-row strong,.hub-video-resume strong{font-size:12px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.hub-media-row small,.hub-video-resume small{font-size:10px;color:#93a087;display:block;margin-top:5px}.hub-media-row>svg,.hub-video-resume>svg{width:17px;height:17px;color:#8ca081;margin-left:auto;flex-shrink:0}.hub-video-art{width:69px;height:49px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,#d2ddc4,#709678);border-radius:8px;color:#fff}.hub-video-art svg{width:23px;height:23px}.hub-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-bottom:7px}.hub-section-heading h3{margin:0;flex:1}.hub-subtle{font-size:10px!important;color:#99a58e!important;line-height:1.8}.hub-empty{font-size:11px;color:#a2ab98;line-height:1.9;padding:16px 0}.hub-shortcuts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 0 10px}.hub-shortcuts .secondary{font-size:11px;padding:11px 14px}.hub-shortcuts>.text-button{margin-left:auto}.hub-maintenance-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 1px}.hub-maintenance-intro h2{font-size:24px;line-height:1.5;font-weight:600;letter-spacing:.5px;margin:8px 0 5px}.hub-maintenance-intro p{font-size:11px;color:#8f9c85;margin:0}.hub-maintenance-intro>.secondary{flex-shrink:0;font-size:11px}.hub-status{font-size:10px;padding:5px 9px;color:#80966f;background:#edf4e7;border-radius:20px;white-space:nowrap}.hub-status.is-busy{color:#a1834b;background:#f7f0df}.hub-folder-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.hub-folder-grid>div{background:#f4f7ef;border:1px solid #e8eddf;border-radius:8px;padding:14px}.hub-folder-grid small{display:block;font-size:10px;color:#9aa38e;margin-bottom:7px}.hub-folder-grid code{font-size:12px;color:#5d7553;overflow-wrap:anywhere}.hub-scan-stats{display:flex;flex-wrap:wrap;gap:19px;font-size:10px;color:#97a28c;margin:18px 0 5px}.hub-scan-stats b{font-size:16px;font-weight:500;color:#72866a;margin-left:4px}.hub-details{font-size:11px;line-height:1.8;color:#8d937f;margin:15px 0}.hub-details summary{cursor:pointer;color:#b08267}.hub-details p{overflow-wrap:anywhere}.hub-trash-list,.hub-backup-list{margin-top:13px}.hub-trash-row,.hub-backup-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #edf0e6;min-width:0}.hub-trash-row>div:first-child,.hub-backup-row>div{min-width:0;flex:1}.hub-trash-row strong,.hub-backup-row strong{font-size:12px;font-weight:550;display:block;overflow-wrap:anywhere}.hub-trash-row small,.hub-backup-row small{display:block;font-size:10px;line-height:1.8;color:#9aa58d;margin-top:4px;overflow-wrap:anywhere}.hub-row-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.hub-row-actions .secondary,.hub-backup-row .secondary{font-size:10px;padding:9px 13px}.hub-row-actions .danger{font-size:10px;color:#b08a78}.hub-backup-notice{background:#edf4e5;border:1px solid #dfebd4;border-radius:9px;padding:14px 16px;margin:17px 0}.hub-backup-notice strong{display:block;font-weight:550;font-size:12px;color:#617c50}.hub-backup-notice p{font-size:10px;color:#91a37f;line-height:1.9;margin:8px 0 0}.hub-disk-bar{height:8px;border-radius:5px;background:#edf1e6;overflow:hidden;margin:21px 0 12px}.hub-disk-bar span{display:block;height:100%;background:#94b58c;border-radius:5px}.hub-error{font-size:11px;line-height:1.9;color:#ae7865;background:#faf0e9;border:1px solid #edddcf;border-radius:8px;padding:12px 14px;overflow-wrap:anywhere}.hub-danger-button{background:#a7715d!important}.hub-offline{padding:29px}.hub-offline h3{font-size:22px;margin-top:15px}.hub-page button:disabled{cursor:default}.hub-maintenance .primary,.hub-maintenance .secondary{min-height:39px}
.hub-details code{font-size:11px;overflow-wrap:anywhere;white-space:normal}
@media(max-width:1050px){.hub-continue-grid,.hub-collection-grid{gap:14px}.hub-panel{padding:20px}.hub-welcome{padding:26px}.hub-welcome h2{font-size:25px}.hub-resume-music h3{font-size:18px}.hub-resume-music .hub-cover{width:62px!important;height:62px!important}.hub-shortcuts>.text-button{margin-left:0}}
@media(max-width:650px){.hub-page{gap:16px}.hub-continue-grid,.hub-collection-grid{grid-template-columns:1fr;gap:15px}.hub-welcome{padding:25px 23px}.hub-welcome h2{font-size:24px;line-height:1.65}.hub-welcome:after{right:-75px;top:20px}.hub-panel{padding:21px}.hub-stats{gap:25px}.hub-panel h3{font-size:16px}.hub-resume-music .hub-cover{width:68px!important;height:68px!important}.hub-resume-music h3{font-size:20px}.hub-media-row{padding:12px 0}.hub-section-heading>.text-button{font-size:10px}.hub-shortcuts{gap:8px}.hub-shortcuts>.text-button{width:100%;padding:10px 0}.hub-maintenance-intro h2{font-size:21px}.hub-maintenance-intro{gap:9px}.hub-maintenance-intro>.secondary{font-size:10px;padding:9px 10px}.hub-folder-grid{grid-template-columns:1fr;gap:9px}.hub-scan-stats{gap:13px}.hub-trash-row{align-items:flex-start;gap:10px}.hub-row-actions{gap:10px;flex-direction:column;align-items:stretch}.hub-row-actions .text-button{justify-content:center;min-height:30px}.hub-backup-row{gap:10px}.hub-backup-row .secondary{flex-shrink:0}.hub-backup-notice{padding:13px}.hub-backup-notice strong{font-size:11px}.hub-maintenance .hub-section-heading{gap:8px}.hub-maintenance .hub-section-heading .secondary{font-size:10px;padding:9px 11px}.hub-offline{padding:25px}.hub-offline h3{font-size:20px}}