.site-announcement{padding:18px 22px;border:1px solid #dce4d2;background:#f5f7ef;border-radius:16px;margin-bottom:20px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.site-announcement strong{display:block;margin-bottom:7px}.profile-actions a.primary{display:inline-flex;align-items:center;justify-content:center;font-size:12px}.has-library .sidebar nav{grid-template-columns:none}@media(max-width:700px){.has-library .sidebar nav,.has-library.short-video-mode .sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}}

.library-nav-label{font-style:normal;font-size:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-width:0}
#library-entry[hidden]{display:none!important}
.library .top .brand{display:flex;align-items:center;min-width:0;flex:1}.library #site-name{font-size:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.library #library-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library .top .back{flex-shrink:0}.library #page-title{overflow-wrap:anywhere}.library .title-row>div{min-width:0}

/* Shared navigation icons and the persistent navigation on the video library. */
.nav-icon{display:grid;place-items:center;flex-shrink:0;line-height:1}.nav-icon svg{display:block;width:24px;height:24px}
.library .library-bottom-nav{position:fixed;inset:auto 0 0;z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(68px + env(safe-area-inset-bottom));padding:0 max(0px,calc((100% - 600px)/2)) env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e9ece4}
.library-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:44px;padding:7px 2px;color:#777e70;text-decoration:none;font-size:10px}
.library-bottom-nav a>span{display:grid;place-items:center;width:25px;height:26px;font-size:22px;line-height:1}.library-bottom-nav em{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;line-height:15px}.library-bottom-nav .active{color:#9c7d09;font-weight:650}
.library main{padding-bottom:calc(92px + env(safe-area-inset-bottom))}

/* Keep unavailable interface covers aligned and show the Woyo brand in full. */
.library .video-card img.is-logo{object-fit:contain;padding:16px;background:#f9dc4d}

/* Compact page controls, with the same dark bar and highlighted jump action as the reference. */
.library-pagination{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:28px auto 0;padding:12px 16px;border-radius:14px;background:#0c131b;color:#b5bec9}
.library-pagination button{min-height:44px;padding:10px 12px;border:1px solid #34414e;border-radius:9px;background:#101923;color:#d7dfe8;font-size:13px;white-space:nowrap}
.library-pagination button:disabled{opacity:.35;cursor:default}
.library-pagination output{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.library-pagination .page-jump{display:flex;align-items:center;gap:8px}
.library-pagination input{width:66px;min-height:44px;margin:0;padding:10px 8px;border:1px solid #34414e;border-radius:9px;background:#101923;color:#eef3f6;text-align:center;font-size:13px}
.library-pagination input::placeholder{color:#81909f}
.library-pagination #page-jump{color:#d8f46c;font-weight:750}
.library-pagination input[aria-invalid=true]{border-color:#f09387}
.library .page-error{text-align:center;color:#a32929;font-size:13px;margin:10px 0 0}
.library #status{scroll-margin-top:18px}
@media(max-width:650px){.library-pagination{gap:6px;padding:10px 8px}.library-pagination button{min-height:42px;padding:8px 6px;font-size:11px}.library-pagination output{font-size:11px}.library-pagination input{width:46px;min-height:42px;padding:8px 4px;font-size:12px}.library-pagination .page-jump{gap:6px}}
@media(max-width:360px){.library-pagination{display:grid;grid-template-columns:1fr auto 1fr;width:100%}.library-pagination #page-prev{grid-column:1;grid-row:1}.library-pagination output{grid-column:2;grid-row:1}.library-pagination #page-next{grid-column:3;grid-row:1}.library-pagination .page-jump{grid-column:1/-1;grid-row:2;justify-content:center}.library-pagination input{width:80px}.library-pagination #page-jump{padding-inline:16px}}

.library .top .brand .brand-mark{display:flex;flex-direction:column;gap:3px;min-width:0;border:0;padding:0;margin:0;font-size:inherit;letter-spacing:inherit;line-height:1.05}
.library .brand-mark #site-name{max-width:100%}
.library .brand-mark small{font-size:11px;font-weight:700;letter-spacing:.6px;line-height:1.2;color:inherit}