.document-library {
  --library-bg:#1b1e21;
  --library-surface:#252a2e;
  --library-surface-soft:#202428;
  --library-text:oklch(95.5% .004 90);
  --library-muted:#a9b1b8;
  --library-gold:#58dcea;
  --library-border:color-mix(in srgb,var(--library-gold) 16%,rgba(214,235,255,.08));
  position:absolute;
  z-index:1000;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  color:var(--library-text);
  background:var(--library-bg);
  font-family:Manrope,ui-sans-serif,system-ui,sans-serif;
  isolation:isolate;
}
.document-library[hidden],.document-library.view:not(.is-active) { display:none; }
.document-library.view.is-active { display:block; animation:document-library-in .12s ease-out; }
.document-library button,.document-library input,.document-library textarea { font:inherit; }
.document-library button { cursor:pointer; }
.document-library__glow {
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 48% 0%,color-mix(in srgb,var(--library-gold) 8%,transparent),transparent 36%),
    radial-gradient(circle at 8% 55%,color-mix(in srgb,var(--library-gold) 4%,transparent),transparent 26%),
    linear-gradient(135deg,#171a1d,var(--library-bg) 48%,#15181a);
}
.document-library__scroll {
  width:100%;
  height:100%;
  overflow:auto;
  scrollbar-color:oklch(50% 0 0) transparent;
  scrollbar-width:thin;
}
.document-library__shell {
  width:min(1088px,calc(100% - 48px));
  min-height:100%;
  margin:0 auto;
  padding:54px 0 72px;
}
.document-library__header {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  min-height:150px;
  padding-bottom:31px;
  border-bottom:1px solid var(--library-border);
}
.document-library__header p,
.document-library__dialog header p {
  margin:0 0 10px;
  color:var(--library-muted);
  font-size:11px;
  font-weight:600;
  line-height:1;
  letter-spacing:.34em;
  text-transform:uppercase;
}
.document-library__header h1 {
  margin:0;
  color:var(--library-text);
  font-family:Sora,ui-sans-serif,system-ui,sans-serif;
  font-size:60px;
  font-weight:800;
  line-height:1.03;
  letter-spacing:-.055em;
}
.document-library__header > div:first-child > span {
  display:block;
  margin-top:15px;
  color:var(--library-muted);
  font-size:14px;
  line-height:20px;
}
.document-library__header-actions { display:flex; align-items:center; gap:12px; padding-bottom:1px; }
.document-library__new-popover { position:relative; flex:0 0 auto; }
.document-library__new {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  height:38px;
  padding:0 16px;
  color:oklch(18% 0 0);
  background:var(--library-gold);
  border:1px solid transparent;
  border-radius:12px;
  font-size:14px;
  font-weight:600;
  transition:opacity .18s ease,transform .18s ease;
}
.document-library__new:hover { opacity:.9; transform:translateY(-1px); }
.document-library__new svg { width:16px; height:16px; }
.document-library__new-menu {
  position:absolute;
  z-index:50;
  top:calc(100% + 4px);
  right:0;
  width:260px;
  padding:10px 0;
  color:#f5f5f5;
  background:#353535;
  border:0;
  border-radius:20px;
  box-shadow:inset 0 0 1px rgba(255,255,255,.2);
  transform-origin:top right;
  animation:document-library-filter-in .12s ease-out;
}
.document-library__new-menu[hidden] { display:none; }
.document-library__new-menu button {
  display:flex;
  align-items:center;
  gap:8px;
  width:240px;
  height:40px;
  margin:0 10px;
  padding:6px 32px 6px 8px;
  color:#f5f5f5;
  background:transparent;
  border:0;
  border-radius:12px;
  font-size:14px;
  font-weight:500;
  line-height:20px;
  text-align:left;
  transition:background .12s ease;
}
.document-library__new-menu button:hover { background:rgba(255,255,255,.08); }
.document-library__new-menu button svg { width:20px; height:20px; flex:0 0 auto; }
.document-library__tools { padding-top:15px; }
.document-library__search { position:relative; display:block; width:300px; }
.document-library__search svg {
  position:absolute;
  top:50%;
  left:12px;
  width:16px;
  height:16px;
  color:var(--library-muted);
  pointer-events:none;
  transform:translateY(-50%);
}
.document-library__search input {
  width:100%;
  height:38px;
  padding:0 15px 0 39px;
  color:var(--library-text);
  background:var(--library-surface);
  border:1px solid var(--library-border);
  border-radius:8px;
  outline:0;
  font-size:14px;
  line-height:20px;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.document-library__search input::placeholder { color:var(--library-muted); opacity:.9; }
.document-library__search input:focus { border-color:color-mix(in srgb,var(--library-gold) 58%,transparent); box-shadow:0 0 0 3px color-mix(in srgb,var(--library-gold) 9%,transparent); }
.document-library__view-switch {
  display:flex;
  height:36px;
  padding:0;
  gap:0;
  background:transparent;
  border:0;
}
.document-library__view-switch button {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  padding:0;
  color:var(--library-muted);
  background:transparent;
  border:0;
  border-radius:50%;
  transition:color .18s ease,background .18s ease,box-shadow .18s ease;
}
.document-library__view-switch button:hover { color:var(--library-text); background:rgba(255,255,255,.055); box-shadow:0 8px 22px rgba(0,0,0,.28); }
.document-library__view-switch button.is-active { color:var(--library-text); background:#3a3a3a; box-shadow:0 8px 24px rgba(0,0,0,.36); }
.document-library__view-switch svg { width:20px; height:20px; }
.document-library__control-row { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.document-library__display-controls { display:flex; flex:0 0 auto; align-items:center; gap:2px; }
.document-library__filter-popover { position:relative; }
.document-library__filter-toggle {
  position:relative;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  padding:0;
  color:oklch(86% 0 0);
  background:transparent;
  border:0;
  border-radius:50%;
  box-shadow:none;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.document-library__filter-toggle:hover,
.document-library__filter-toggle[aria-expanded="true"] { color:#fff; background:#3a3a3a; box-shadow:0 8px 24px rgba(0,0,0,.36); }
.document-library__filter-toggle svg { width:20px; height:20px; }
.document-library__filter-dot {
  position:absolute;
  top:6px;
  right:6px;
  width:5px;
  height:5px;
  background:var(--library-gold);
  border-radius:50%;
  opacity:0;
  transform:scale(.5);
  transition:opacity .16s ease,transform .16s ease;
}
.document-library__filter-toggle.has-filter .document-library__filter-dot { opacity:1; transform:none; }
.document-library__view-divider { width:1px; height:20px; margin:0 7px; background:rgba(255,255,255,.11); }
.document-library__filter-menu {
  position:absolute;
  z-index:40;
  top:calc(100% + 9px);
  right:0;
  width:246px;
  padding:8px;
  color:#f5f5f5;
  background:#353535;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  box-shadow:0 22px 55px rgba(0,0,0,.52),0 2px 10px rgba(0,0,0,.25);
  transform-origin:top right;
  animation:document-library-filter-in .12s ease-out;
}
.document-library__filter-menu[hidden] { display:none; }
.document-library__filter-menu button {
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:41px;
  padding:7px 10px;
  color:#f2f2f2;
  text-align:left;
  background:transparent;
  border:0;
  border-radius:10px;
  font-size:14px;
  font-weight:500;
  line-height:20px;
  transition:background .12s ease;
}
.document-library__filter-menu button:hover { background:rgba(255,255,255,.085); }
.document-library__filter-menu button svg { width:20px; height:20px; }
.document-library__filter-menu button b { color:var(--library-gold); font-size:14px; font-weight:700; opacity:0; text-align:center; }
.document-library__filter-menu button.is-active b { opacity:1; }
.document-library__filter-divider { display:block; height:1px; margin:7px 8px; background:rgba(255,255,255,.14); }
.document-library__tags { display:flex; flex:1 1 auto; min-width:0; align-items:center; flex-wrap:nowrap; gap:8px; overflow-x:auto; scrollbar-width:none; }
.document-library__tags::-webkit-scrollbar { display:none; }
.document-library__tags button {
  flex:0 0 auto;
  min-height:33px;
  padding:0 10px;
  color:var(--library-muted);
  background:transparent;
  border:1px solid var(--library-border);
  border-radius:8px;
  font-size:12px;
  line-height:31px;
  white-space:nowrap;
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}
.document-library__tags button:hover { color:var(--library-text); border-color:color-mix(in srgb,var(--library-gold) 34%,transparent); }
.document-library__tags button.is-active { color:var(--library-gold); background:color-mix(in srgb,var(--library-gold) 8%,transparent); border-color:color-mix(in srgb,var(--library-gold) 60%,transparent); }
.document-library__items {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:31px;
}
.document-library__items[data-layout="list"] { grid-template-columns:1fr; gap:12px; }
.document-card {
  position:relative;
  display:flex;
  min-width:0;
  min-height:257px;
  overflow:hidden;
  color:var(--library-text);
  background:var(--library-surface);
  border:1px solid var(--library-border);
  border-radius:16px;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.document-card:hover { border-color:color-mix(in srgb,var(--library-gold) 46%,transparent); box-shadow:0 0 0 1px color-mix(in srgb,var(--library-gold) 13%,transparent),0 18px 40px -24px rgba(0,0,0,.9); transform:translateY(-1px); }
.document-card__body { display:flex; flex:1; min-width:0; flex-direction:column; padding:16px; }
.document-card__meta { display:flex; align-items:center; gap:8px; color:var(--library-muted); font-size:10px; line-height:16px; letter-spacing:.24em; text-transform:uppercase; }
.document-card__meta svg { width:12px; height:12px; flex:0 0 auto; }
.document-card__meta span:first-of-type { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.document-card__meta time { margin-left:auto; white-space:nowrap; font-size:10px; letter-spacing:0; text-transform:none; }
.document-card h3 { overflow:hidden; margin:8px 0 0; color:var(--library-text); font-family:Sora,ui-sans-serif,system-ui,sans-serif; font-size:16px; font-weight:700; line-height:23px; text-overflow:ellipsis; white-space:nowrap; }
.document-card__content {
  display:-webkit-box;
  overflow:hidden;
  margin:8px 0 0;
  color:var(--library-muted);
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-size:12.5px;
  line-height:1.75;
  white-space:pre-wrap;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}
.document-card__image { width:100%; height:144px; object-fit:cover; border-bottom:1px solid var(--library-border); }
.document-card:has(.document-card__image) { flex-direction:column; }
.document-card__tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.document-card__tags span { padding:2px 8px; color:var(--library-muted); border:1px solid var(--library-border); border-radius:7px; font-size:10.5px; line-height:17px; }
.document-card__actions { display:flex; align-items:center; justify-content:flex-end; gap:2px; margin-top:auto; padding-top:10px; border-top:1px solid color-mix(in srgb,var(--library-gold) 9%,transparent); }
.document-card__actions button {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  color:var(--library-muted);
  background:transparent;
  border:1px solid transparent;
  border-radius:8px;
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}
.document-card__actions button:hover,.document-card__actions button.is-active { color:var(--library-gold); background:color-mix(in srgb,var(--library-gold) 4%,transparent); border-color:color-mix(in srgb,var(--library-gold) 42%,transparent); }
.document-card__actions svg { width:16px; height:16px; }
.document-card__actions [data-library-action="favorite"] svg { transition:fill .16s ease,color .16s ease; }
.document-card__actions button[data-library-action="favorite"].is-active {
  color:var(--library-gold);
  background:transparent;
  border-color:transparent;
}
.document-card__actions button[data-library-action="favorite"]:hover {
  color:var(--library-gold);
  background:color-mix(in srgb,var(--library-gold) 8%,transparent);
  border-color:color-mix(in srgb,var(--library-gold) 58%,transparent);
}
.document-card__actions [data-library-action="favorite"]:hover svg,
.document-card__actions [data-library-action="favorite"].is-active svg { fill:currentColor; }
.document-library__items[data-layout="list"] .document-card { min-height:216px; }
.document-library__items[data-layout="list"] .document-card__content { -webkit-line-clamp:3; }
.document-library__items[data-layout="list"] .document-card__image { width:260px; height:auto; min-height:214px; border:0; border-right:1px solid var(--library-border); }
.document-library__items[data-layout="list"] .document-card:has(.document-card__image) { flex-direction:row; }
.document-library__empty {
  display:flex;
  min-height:360px;
  padding:52px 24px 76px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  color:var(--library-muted);
  text-align:center;
}
.document-library__empty[hidden] { display:none; }
.document-library__empty h2 {
  margin:0;
  color:color-mix(in srgb,var(--library-gold) 28%,transparent);
  font-family:Sora,ui-sans-serif,system-ui,sans-serif;
  font-size:76px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.055em;
}
.document-library__empty p { margin:20px 0 0; color:var(--library-muted); font-size:14px; line-height:20px; }
.document-library__empty button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  height:40px;
  margin-top:24px;
  padding:0 16px;
  color:var(--library-gold);
  background:transparent;
  border:1px solid color-mix(in srgb,var(--library-gold) 72%,transparent);
  border-radius:11px;
  box-shadow:0 12px 32px -24px color-mix(in srgb,var(--library-gold) 70%,transparent);
  font-size:14px;
  font-weight:600;
  transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.document-library__empty button:hover {
  color:oklch(16% 0 0);
  background:var(--library-gold);
  box-shadow:0 14px 34px -18px color-mix(in srgb,var(--library-gold) 65%,transparent);
  transform:translateY(-1px);
}
.document-library__empty button svg { width:16px; height:16px; }
.document-library__modal { position:absolute; z-index:20; inset:0; display:grid; place-items:center; padding:24px; }
.document-library__modal[hidden] { display:none; }
.document-library__backdrop { position:absolute; inset:0; width:100%; height:100%; padding:0; background:rgba(0,0,0,.73); border:0; backdrop-filter:blur(7px); }
.document-library__dialog {
  position:relative;
  z-index:1;
  display:flex;
  width:min(508px,calc(100vw - 40px));
  max-height:calc(100dvh - 48px);
  overflow:auto;
  flex-direction:column;
  gap:15px;
  padding:25px;
  color:var(--library-text);
  background:oklch(19.5% 0 0);
  border:1px solid var(--library-border);
  border-radius:20px;
  box-shadow:0 28px 90px rgba(0,0,0,.55);
}
.document-library__dialog header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.document-library__dialog header p { margin-bottom:7px; font-size:9px; }
.document-library__dialog h2 { margin:0; font-family:Sora,ui-sans-serif,system-ui,sans-serif; font-size:24px; font-weight:800; line-height:1.2; letter-spacing:-.035em; }
.document-library__dialog header button {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  color:var(--library-muted);
  background:transparent;
  border:0;
  border-radius:8px;
}
.document-library__dialog header button:hover { color:var(--library-gold); }
.document-library__dialog header svg { width:16px; height:16px; }
.document-library__type-tabs { display:flex; gap:8px; }
.document-library__type-tabs button {
  height:37px;
  flex:1;
  color:var(--library-muted);
  background:transparent;
  border:1px solid var(--library-border);
  border-radius:10px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.document-library__type-tabs button.is-active { color:var(--library-gold); background:color-mix(in srgb,var(--library-gold) 8%,transparent); border-color:color-mix(in srgb,var(--library-gold) 60%,transparent); }
.document-library__dialog > input,.document-library__dialog textarea {
  width:100%;
  padding:0 15px;
  color:var(--library-text);
  background:var(--library-surface);
  border:1px solid var(--library-border);
  border-radius:11px;
  outline:0;
  font-size:14px;
}
.document-library__dialog > input { height:43px; }
.document-library__dialog textarea { min-height:143px; padding-top:13px; resize:vertical; font-family:"JetBrains Mono",ui-monospace,monospace; line-height:1.65; }
.document-library__dialog > input:focus,.document-library__dialog textarea:focus { border-color:color-mix(in srgb,var(--library-gold) 55%,transparent); box-shadow:0 0 0 3px color-mix(in srgb,var(--library-gold) 7%,transparent); }
.document-library__dialog input::placeholder,.document-library__dialog textarea::placeholder { color:var(--library-muted); }
.document-library__upload {
  position:relative;
  display:grid;
  place-items:center;
  min-height:72px;
  overflow:hidden;
  color:var(--library-muted);
  background:var(--library-surface);
  border:1px dashed var(--library-border);
  border-radius:11px;
  cursor:pointer;
}
.document-library__upload[hidden] { display:none; }
.document-library__upload input { position:absolute; width:1px; height:1px; opacity:0; }
.document-library__upload img { width:100%; max-height:230px; object-fit:cover; }
.document-library__upload img[hidden] { display:none; }
.document-library__upload:has(img:not([hidden])) span { display:none; }
.document-library__save { height:46px; color:oklch(18% 0 0); background:var(--library-gold); border:0; border-radius:11px; font-size:14px; font-weight:700; }
.document-library__save:hover { opacity:.9; }
.document-library__toast {
  position:absolute;
  z-index:30;
  right:22px;
  bottom:22px;
  padding:11px 14px;
  color:var(--library-text);
  background:oklch(22% 0 0);
  border:1px solid var(--library-border);
  border-radius:10px;
  box-shadow:0 16px 40px rgba(0,0,0,.35);
  font-size:13px;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease;
}
.document-library__toast.is-visible { opacity:1; transform:none; }
@keyframes document-library-in { from { opacity:.88; } to { opacity:1; } }
@keyframes document-library-filter-in { from { opacity:0; transform:translateY(-4px) scale(.98); } to { opacity:1; transform:none; } }
@media(max-width:900px) {
  .document-library__shell { width:calc(100% - 36px); padding-top:36px; }
  .document-library__header { min-height:140px; }
  .document-library__header h1 { font-size:46px; }
  .document-library__items { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
  .document-library__shell { width:calc(100% - 28px); padding:25px 0 48px; }
  .document-library__header { min-height:0; align-items:flex-start; flex-direction:column; gap:25px; padding-bottom:24px; }
  .document-library__header h1 { font-size:38px; }
  .document-library__header-actions { width:100%; padding:0; }
  .document-library__header-actions .document-library__search { flex:1 1 auto; width:auto; }
  .document-library__tools { padding-top:23px; }
  .document-library__items { grid-template-columns:1fr; margin-top:28px; }
  .document-library__empty { min-height:310px; padding:42px 12px 58px; }
  .document-library__empty h2 { font-size:48px; }
  .document-library__items[data-layout="list"] .document-card:has(.document-card__image) { flex-direction:column; }
  .document-library__items[data-layout="list"] .document-card__image { width:100%; height:180px; min-height:0; border:0; border-bottom:1px solid var(--library-border); }
  .document-library__dialog { padding:20px; border-radius:17px; }
}
@media(prefers-reduced-motion:reduce) {
  .document-library.view.is-active,.document-library * { animation:none!important; transition:none!important; }
}

/* Biblioteca aberta: a navegação vira a barra compacta do ChatGPT. */
body.library-expanded .sidebar {
  z-index:1100;
  flex:0 0 52px;
  width:52px;
  padding:0;
  overflow:visible;
  border-right:1px solid rgba(255,255,255,.09);
  transition:width .14s ease,flex-basis .14s ease;
}
body.library-expanded .sidebar-header { width:52px; height:52px; padding:0 8px; }
body.library-expanded .agent-brand {
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  gap:0;
  margin:0;
  padding:0;
}
body.library-expanded .agent-brand > span { width:28px; height:28px; }
body.library-expanded .agent-brand strong,
body.library-expanded .sidebar-header-actions,
body.library-expanded .sidebar-close,
body.library-expanded .new-chat kbd,
body.library-expanded .nav-item > span,
body.library-expanded .nav-item > b,
body.library-expanded .recent-chats,
body.library-expanded .app-nav > [data-view="library-view"],
body.library-expanded .app-nav > [data-view="settings-view"],
body.library-expanded .app-nav > .more-toggle,
body.library-expanded .profile-button > span:nth-child(2),
body.library-expanded .profile-button > b { display:none; }
body.library-expanded .new-chat {
  grid-template-columns:20px;
  justify-content:center;
  width:36px;
  height:36px;
  margin:8px 8px 0;
  padding:8px;
  gap:0;
  overflow:hidden;
  color:#fff;
  font-size:0;
}
body.library-expanded .app-nav { width:52px; }
body.library-expanded .app-nav .nav-item,
body.library-expanded .app-nav .focus-item {
  grid-template-columns:20px;
  justify-content:center;
  width:36px;
  height:36px;
  margin:0 8px;
  padding:8px;
  gap:0;
  overflow:hidden;
  font-size:0;
}
body.library-expanded .app-nav .focus-item > span { display:none; }
body.library-expanded .app-nav .nav-item svg,
body.library-expanded .app-nav .focus-item svg { justify-self:center; }
body.library-expanded .sidebar-footer { width:52px; padding:8px 0 5px; }
body.library-expanded .sidebar-account-row {
  position:relative;
  display:block;
  width:52px;
  height:44px;
  margin:0;
  padding:0;
  overflow:visible;
  background:transparent;
  border-radius:0;
}
body.library-expanded .sidebar-account-row:hover,
body.library-expanded .sidebar-account-row:focus-within,
body.library-expanded .sidebar-account-row:has(.profile-button[aria-expanded="true"]) { background:transparent; }
body.library-expanded .profile-button {
  position:relative;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  min-height:36px;
  margin:0 8px;
  padding:4px;
  overflow:visible;
  background:transparent;
}
body.library-expanded .profile-button:hover,
body.library-expanded .profile-button:focus-visible { background:rgba(255,255,255,.10); }
body.library-expanded .profile-button > span:first-child { width:25px; height:25px; font-size:9px; }
body.library-expanded .profile-button > span:nth-child(2) {
  position:absolute;
  z-index:80;
  left:calc(100% + 8px);
  bottom:2px;
  display:block;
  width:max-content;
  max-width:220px;
  padding:6px 12px;
  color:#f5f5f4;
  background:#2f2f2f;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  box-shadow:0 8px 24px rgba(0,0,0,.32);
  opacity:0;
  visibility:hidden;
  transform:translateX(-4px);
  transition:opacity 120ms ease,transform 120ms ease,visibility 0s linear 120ms;
  pointer-events:none;
  white-space:nowrap;
}
body.library-expanded .profile-button > span:nth-child(2) strong { display:block; font-size:13px; font-weight:600; line-height:20px; }
body.library-expanded .profile-button > span:nth-child(2) small { display:none; }
body.library-expanded .profile-button:hover > span:nth-child(2),
body.library-expanded .profile-button:focus-visible > span:nth-child(2) { opacity:1; visibility:visible; transform:none; transition-delay:0s; }
body.library-expanded .profile-button[aria-expanded="true"] > span:nth-child(2) { opacity:0; visibility:hidden; }
body.library-expanded .kino-store-coming-soon { display:none; }
body.library-expanded .more-menu { display:none!important; }
@media(max-width:820px) {
  body.library-expanded .sidebar { transform:translateX(0); }
  body.library-expanded .mobile-scrim { display:none; }
}