/* Shared interaction rhythm. Protected homepage hero and schedule remain untouched. */
:root{--control-radius:12px;--control-height:44px;--control-line:color-mix(in srgb,var(--ink,#f5f5f5) 13%,transparent);--control-hover:color-mix(in srgb,var(--ink,#f5f5f5) 7%,var(--bg,#101112))}
:where(.title-page,.ecosystem-page,.small-dialog,#catalog,#portalPages,#libraryNav,.v31-profile-menu) :is(button,a.button,select,input,textarea){font-family:inherit}
:where(.title-page,.ecosystem-page,.small-dialog,#catalog,#portalPages) :is(.button,.filter,.text-button,.icon-button){min-height:var(--control-height);border-radius:var(--control-radius);font-size:13px;font-weight:600;line-height:1.3;letter-spacing:0;cursor:pointer;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}
:where(.title-page,.ecosystem-page,.small-dialog,#catalog,#portalPages) .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:1px solid var(--control-line);text-decoration:none;white-space:nowrap}
:where(.title-page,.ecosystem-page,.small-dialog,#catalog,#portalPages) .button.secondary{background:color-mix(in srgb,var(--bg,#101112) 84%,var(--ink,#fff) 5%);color:var(--ink);box-shadow:inset 0 1px 0 #ffffff07}
:where(.title-page,.ecosystem-page,.small-dialog,#catalog,#portalPages) .button.primary{background:var(--accent,#ff725b);color:#171310;border-color:transparent;box-shadow:inset 0 1px 0 #ffffff24}
:where(.title-page,.ecosystem-page,.small-dialog,#catalog,#portalPages) :is(.button,.filter,.text-button,.icon-button):hover:not(:disabled){border-color:color-mix(in srgb,var(--ink) 28%,transparent);background:var(--control-hover)}
:where(.title-page,.ecosystem-page,.small-dialog,#catalog,#portalPages) .button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 90%,white)}
:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:where(.title-page,.ecosystem-page,.small-dialog,#catalog,#portalPages) button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
:where(.title-page,.ecosystem-page,.small-dialog,#catalog,#portalPages) button:active:not(:disabled){transform:translateY(1px)}
.library-nav{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding:16px 0;margin:0 0 28px;flex-wrap:wrap}.library-nav[hidden]{display:none}.library-nav button,.library-nav>a{border:0;border-radius:10px;color:var(--muted);background:transparent;padding:12px 16px;min-height:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;font-weight:600}.library-nav [aria-selected=true]{color:var(--ink);background:var(--control-hover)}.library-nav>a{margin-left:auto}.library-discover{margin-top:36px;border-top:1px solid var(--line);padding-top:22px}.library-discover>summary{cursor:pointer;font-size:14px;color:var(--muted);margin-bottom:20px}.library-nav~#portalPages{padding-top:0}.list-tabs .filter{border-radius:20px;font-size:12px;padding:9px 14px;min-height:38px;gap:8px}.list-tabs small{font-size:11px}.personal-collection-heading{margin-top:24px}
.title-page .title-hero{border:1px solid #ffffff0a;box-shadow:0 18px 70px #00000015}.title-page .title-bottom-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}.title-page .personal-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0}.title-page .personal-controls>label{display:grid;gap:8px;font-size:11px;color:var(--muted);letter-spacing:.02em}.title-page .personal-controls select,.title-page .add-to-collection select{height:44px;min-width:160px;border:1px solid var(--control-line);border-radius:12px;padding:0 34px 0 13px;font-size:13px;font-weight:500;background-color:color-mix(in srgb,var(--bg) 90%,transparent);color:var(--ink);box-shadow:inset 0 1px 0 #ffffff05}.title-page .follow-actions{display:flex;align-items:center;gap:10px;margin:0;flex-wrap:wrap}.title-page .follow-actions .button{height:44px;margin:0}.title-page .add-to-collection{display:grid;grid-template-columns:minmax(130px,190px) auto;gap:8px;align-items:center;margin:0}.title-page .add-to-collection>label{grid-column:1/-1;color:var(--muted);font-size:11px}.title-page .add-to-collection select{min-width:0;width:100%;max-width:190px}.title-page .add-to-collection .wide{width:auto;min-width:44px;min-height:44px;font-size:12px}.title-page .add-to-collection>a{grid-column:1/-1;font-size:11px;display:inline-flex;align-items:center;gap:5px;color:var(--muted);text-decoration:none;padding-top:2px;width:fit-content}.title-page .add-to-collection>a:hover{color:var(--ink)}.title-page .title-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--control-line);border-radius:12px;background:color-mix(in srgb,var(--bg) 75%,transparent);font-size:12px;font-weight:600;color:var(--ink)}.title-page .title-actions{display:flex;align-items:center;gap:8px;position:static;margin-left:auto}.title-page .title-actions .save-watch{width:42px;height:42px;border:1px solid var(--control-line);border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 75%,transparent)}.title-page .watch-title-row{gap:18px}.title-page .title-summary .title-tags span{border-radius:7px;font-size:11px;padding:7px 10px;background:#ffffff04;border-color:#ffffff0c}.title-page .source-explainer{margin-top:24px}.title-page .personal-notes{display:none}

@media(max-width:760px){.library-nav{gap:2px;margin-bottom:20px}.library-nav button,.library-nav>a{font-size:12px;padding:10px 12px}.library-nav>a{margin-left:0}.title-page .title-hero{gap:20px}.title-page .title-bottom-controls{gap:10px}.title-page .personal-controls{width:100%;gap:10px}.title-page .personal-controls>label{flex:1}.title-page .personal-controls select{width:100%;min-width:0}.title-page .add-to-collection{width:100%;grid-template-columns:minmax(0,1fr) auto}.title-page .add-to-collection select{max-width:none}.title-page .follow-actions{width:100%}.title-page .follow-actions .button{flex:1;font-size:12px;padding:10px}.title-page .title-actions{margin-left:0}.title-page .title-link{font-size:12px}.title-page .title-summary .title-tags span{font-size:10px}.title-page .title-summary>p{display:block;font-size:12px}.title-page .title-summary .watch-title-row h1{font-size:clamp(23px,5vw,34px)}}
@media(prefers-reduced-motion:reduce){:where(.title-page,.ecosystem-page,.small-dialog,#catalog,#portalPages) :is(.button,.filter,.text-button,.icon-button){transition:none}}
.title-page [hidden]{display:none!important}.title-page .title-actions #watchSave{width:42px;min-width:42px;height:42px;min-height:42px;padding:10px;border-radius:50%}
.title-page .title-bottom-controls .personal-controls{align-items:flex-start}.title-page .personal-controls>label{line-height:1.4}.title-page .add-to-collection{padding:0;border:0}.title-page .title-bottom-controls :is(button,a)>span{font:inherit;line-height:inherit}.title-page .title-bottom-controls .button{font-size:13px;min-height:44px;height:44px;padding:10px 14px;box-sizing:border-box}.title-page .title-bottom-controls .leyvu-icon{flex:none;width:17px;height:17px}.title-page .add-to-collection>a{min-height:24px}
.title-page .title-bottom-controls>.personal-controls{flex:1 0 100%}.title-page .title-bottom-controls .title-link{margin-left:auto;padding:10px 14px;border:1px solid var(--control-line);background:color-mix(in srgb,var(--bg) 75%,transparent);color:var(--ink);font-size:12px}
@media(max-width:580px){.title-page .title-bottom-controls .follow-actions{width:100%}.title-page .title-bottom-controls .title-link{margin-left:0}.title-page .title-bottom-controls .button{font-size:12px;padding:10px}.title-page .personal-controls>label{flex-basis:100%}}
.header nav .connect-link{display:inline-flex;align-items:center;gap:7px;font-weight:650}
.header nav .connect-link .leyvu-icon{width:17px;height:17px;flex:none;color:var(--accent);stroke-width:1.8}