/* SOLWK product refresh — shared design layer
   Source of truth: www.solwk.com + report.solwk.com, 2026-08. */
:root{
  color-scheme:light;
  --paper:#f2efe8;
  --paper-deep:#ebe6dd;
  --input-surface:#fbf9f4;
  --surface:#fbf9f4;
  --surface-subtle:#ebe6dd;
  --surface-raised:#fffdf8;
  --ink:#1b1a18;
  --body-ink:#3f3b36;
  --muted:#76716a;
  --faint:#8e887f;
  --quiet:#aaa39a;
  --line:rgba(27,26,24,.17);
  --line-strong:rgba(27,26,24,.34);
  --accent:#a54731;
  --accent-action:#a54731;
  --accent-soft:rgba(165,71,49,.09);
  --blue:#a54731;
  --green:#6d685f;
  --olive:#6d685f;
  --gold:#a54731;
  --pumpkin:#a54731;
  --soft:rgba(27,26,24,.045);
  --danger:#a54731;
  --display:"Bodoni 72","Didot","Iowan Old Style",serif;
  --serif:"Iowan Old Style","Baskerville","Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Pretendard","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  --mono:"SFMono-Regular",Menlo,Consolas,monospace;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --paper:#1c1b19;
  --paper-deep:#24221f;
  --input-surface:#2a2824;
  --surface:#24221f;
  --surface-subtle:#2a2824;
  --surface-raised:#302d28;
  --ink:#eeeae1;
  --body-ink:#d3cec5;
  --muted:#aaa49a;
  --faint:#8c867d;
  --quiet:#8f8980;
  --line:rgba(238,234,225,.17);
  --line-strong:rgba(238,234,225,.34);
  --accent:#d07a61;
  --accent-action:#ad513d;
  --accent-soft:rgba(208,122,97,.11);
  --soft:rgba(238,234,225,.055);
  --danger:#e59279;
}
html{background:var(--paper)}
body{
  min-width:320px;
  background:radial-gradient(circle at 14% 14%,rgba(255,255,255,.2),transparent 30%),var(--paper);
  color:var(--ink);
  font:15px/1.65 var(--sans);
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font-family:var(--sans)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Product masthead */
.topbar{
  position:sticky;
  top:0;
  z-index:100;
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--paper) 94%,transparent);
  backdrop-filter:blur(14px);
}
.topbar-inner{
  max-width:1440px;
  min-height:72px;
  margin:0 auto;
  padding:0 clamp(22px,4vw,58px);
  gap:clamp(18px,3vw,42px);
}
.brand{gap:10px}
.brand-logo{width:30px;height:30px;box-shadow:0 3px 10px rgba(27,26,24,.06)}
.solwk-wordmark{width:82px;height:auto}
.solwk-tagline{color:var(--muted);font:14px/1.15 var(--serif);letter-spacing:.1em}
.brand-product{min-height:30px;margin-left:4px;padding-left:14px;border-color:var(--line-strong);font:700 15px/1 var(--sans)}
.desktop-nav-wrap{justify-content:center}
.nav{gap:2px;flex-wrap:nowrap}
.desktop-nav{flex-wrap:nowrap}
.nav-group{position:relative;flex:0 0 auto;color:var(--muted)}
.nav-group>summary{position:relative;display:flex;align-items:center;gap:11px;min-height:52px;padding:0 15px;list-style:none;color:inherit;white-space:nowrap;cursor:pointer;user-select:none}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary:hover,.nav-group[open]>summary,.nav-group.is-active>summary{color:var(--ink)}
.nav-group.is-active>summary:after{content:"";position:absolute;left:15px;right:15px;bottom:-10px;height:2px;background:var(--accent)}
.nav-group-index{align-self:flex-start;margin-top:11px;color:var(--accent);font:700 12px/1 var(--mono);letter-spacing:.05em}
.nav-group-copy{display:grid;gap:4px;min-width:52px}
.nav-group-label{font-size:14px;font-weight:720;line-height:1}
.nav-group-copy small{max-width:96px;overflow:hidden;color:var(--quiet);font:650 12px/1 var(--mono);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}
.nav-group.is-active .nav-group-copy small{color:var(--accent)}
.nav-disclosure{position:relative;width:15px;height:15px;margin-left:2px;flex:0 0 15px}
.nav-disclosure:before,.nav-disclosure:after{content:"";position:absolute;left:3px;top:7px;width:9px;height:1px;background:currentColor;transition:transform .16s ease,opacity .16s ease}
.nav-disclosure:after{transform:rotate(90deg)}
.nav-group[open] .nav-disclosure:after{transform:rotate(90deg) scaleX(0);opacity:0}
.nav-submenu{position:absolute;z-index:240;top:calc(100% + 10px);left:50%;display:grid;width:292px;padding:0;border:1px solid var(--line-strong);border-radius:0;background:var(--paper);box-shadow:0 22px 52px rgba(27,26,24,.18);transform:translateX(-50%)}
.nav-submenu:before{content:"";position:absolute;left:0;right:0;top:-11px;height:11px}
.nav-submenu>header{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;min-height:68px;padding:0 16px;border-bottom:1px solid var(--line-strong)}
.nav-submenu>header>span{color:var(--accent);font:400 30px/1 var(--display);letter-spacing:-.04em}
.nav-submenu>header div{display:grid;gap:5px}
.nav-submenu>header b{font-size:15px;line-height:1}
.nav-submenu>header small{color:var(--quiet);font:700 12px/1 var(--mono);letter-spacing:.06em}
.nav-submenu a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:64px;padding:9px 16px;border-bottom:1px solid var(--line);border-radius:0;color:var(--muted);white-space:nowrap}
.nav-submenu a:last-child{border-bottom:0}
.nav-submenu a:hover{background:var(--soft);color:var(--ink)}
.nav-submenu a.active{background:var(--accent-soft);color:var(--ink)}
.nav-submenu a.active:after{display:none}
.nav-item-index{align-self:start;margin-top:4px;color:var(--quiet);font:700 12px/1 var(--mono);letter-spacing:.05em}
.nav-submenu a.active .nav-item-index{color:var(--accent)}
.nav-item-copy{display:grid;gap:5px;min-width:0}
.nav-item-copy b{color:var(--ink);font-size:14px;line-height:1.15}
.nav-item-copy small{overflow:hidden;color:var(--muted);font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.nav-submenu .nav-count{margin-left:auto}
.nav a{
  min-height:40px;
  padding:0 9px;
  border-radius:0;
  color:var(--muted);
  font-size:14px;
  font-weight:650;
}
.nav a:hover{background:transparent;color:var(--ink)}
.nav a.active{background:transparent;color:var(--ink)}
.nav a.active:after{content:"";position:absolute;left:9px;right:9px;bottom:-16px;height:2px;background:var(--accent)}
.nav-count{color:var(--accent);font:700 12px/1 var(--mono)}
.top-actions{gap:12px}
.icon-button,.theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  min-height:40px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
}
.icon-button:hover,.theme-toggle:hover{background:transparent;color:var(--ink)}
.top-actions .mobile-filter-button{display:none}
.theme-toggle{gap:7px;width:auto;font:700 14px/1 var(--mono)}
.theme-toggle-mark{color:var(--accent);font-size:18px}

.app-shell{max-width:1440px;padding:0 clamp(22px,4vw,58px);gap:clamp(20px,3vw,40px)}
.app-shell.home-shell,.app-shell.requests-shell{max-width:1440px}
.mainpane{padding:clamp(34px,5vw,68px) 0 58px}

/* Shared work surfaces: structure by rules, not floating cards. */
.card,.content,.hero,.date-group-card,.daily-ledger-card,.monitor-detail,.progress-main{
  border-color:var(--line);
  background:transparent;
  box-shadow:none;
}
.mainpane>.card:not(.progress-list-card),.mainpane>.content{
  border-radius:0;
  border-left:0;
  border-right:0;
}
.btn,.editor-toolbar button,.rail-search button{
  min-height:40px;
  border-color:var(--line-strong);
  border-radius:2px;
  background:transparent;
  color:var(--ink);
  box-shadow:none;
}
.btn:hover,.editor-toolbar button:hover,.rail-search button:hover{background:var(--soft);border-color:var(--ink)}
.btn.primary{background:var(--ink);border-color:var(--ink);border-radius:2px;color:var(--paper);box-shadow:none}
.btn.primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}
input,select,textarea{
  min-height:42px;
  border-color:var(--line-strong);
  border-radius:2px;
  background:var(--input-surface);
  color:var(--ink);
}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.side{color:var(--muted)}
.side section{border-color:var(--line)}
.side h2{color:var(--quiet);font:700 14px/1.2 var(--mono);letter-spacing:.08em}
.side .tree-row{border-radius:2px;color:var(--muted)}
.side .tree-row:hover{background:var(--soft);color:var(--ink)}
.side .tree-count{background:transparent;color:var(--muted)}

/* Home: editorial identity plus operational workspace. */
.home-shell{max-width:1440px!important}
.home-shell .mainpane{padding-top:clamp(38px,6vw,78px)}
.home-hero,.home-hero.compact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(240px,340px)!important;
  align-items:end!important;
  gap:clamp(32px,6vw,96px)!important;
  margin:0 0 clamp(38px,5vw,64px)!important;
  padding:0 2px clamp(36px,4vw,54px)!important;
  border:0!important;
  border-bottom:1px solid var(--line-strong)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
}
.home-hero:before,.home-hero:after{display:none!important}
.home-hero-copy,.home-hero .hero-copy{min-width:0}
.home-hero h1,.home-daily-phrase{
  max-width:880px!important;
  margin:0 0 20px!important;
  color:var(--ink)!important;
  font:400 clamp(46px,5.8vw,84px)/.98 var(--display)!important;
  letter-spacing:-.055em!important;
  text-wrap:balance;
}
.home-hero p{max-width:680px!important;margin:0 0 25px!important;color:var(--muted)!important;font:17px/1.72 var(--serif)!important}
.home-hero-actions{display:flex;flex-wrap:wrap;gap:8px!important;margin:0!important}
.home-hero-primary,.home-scrap-open{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 15px;
  border:1px solid var(--line-strong);
  border-radius:2px;
  background:transparent;
  color:var(--ink);
  font-size:14px;
  font-weight:700;
  text-decoration:none;
}
.home-hero-primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.home-hero-primary:hover{border-color:var(--accent);background:var(--accent);color:#fff}
.home-scrap-open:hover{background:var(--soft)}
.home-hero-signals{align-self:end;border:0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.home-hero-signal-head{padding:12px 0;border-color:var(--line)}
.home-signal-metrics{padding:14px 0}

.home-ops{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid var(--line-strong)!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-card-head{min-height:82px;margin:0!important;padding:18px 2px;border-bottom:1px solid var(--line)}
.home-card-head h1{font:400 clamp(30px,3vw,43px)/1 var(--display)!important;letter-spacing:-.03em!important}
.home-card-head p{color:var(--muted)}
.home-card-link{border:0;border-bottom:1px solid var(--line-strong);border-radius:0;background:transparent;color:var(--ink)}
.home-card-link:hover{border-color:var(--accent);background:transparent;color:var(--accent)}
.home-metrics,.home-attention-metrics{gap:0;margin:0;border-bottom:1px solid var(--line)}
.home-metric{
  min-height:112px;
  padding:20px 16px;
  border:0;
  border-right:1px solid var(--line);
  border-radius:0;
  background:transparent;
}
.home-metric:last-child{border-right:0}
.home-metric:hover{background:var(--accent-soft);border-color:var(--line)}
.home-metric span{color:var(--muted);font:700 14px/1.2 var(--mono)}
.home-metric b{color:var(--ink);font:600 30px/1 var(--mono)}
.home-metric em{color:var(--quiet)}
.home-status-grid{gap:0}
.home-status-grid section{padding:20px 16px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}
.home-status-grid section:last-child{border-right:0}
.home-status-grid h2{font-size:15px}
.home-normal-state{border-top:1px solid var(--line)}
.home-normal-state>summary{border-radius:0;background:transparent}
.home-normal-state>summary:hover{background:var(--soft)}
.home-status-badge{border-radius:2px}
.home-btsr-nag{border-radius:0;background:var(--accent-soft);box-shadow:none}

/* Contained lists remain a single surface. */
.contained-list,.home-list-card{border-radius:0!important;background:transparent!important;box-shadow:none!important}
.contained-list-head{border-color:var(--line)}
.contained-list-items>.item,.list>.item{border-radius:0;transform:none!important}
.contained-list-items>.item:hover,.list>.item:hover{background:var(--soft);transform:none!important}
.item.featured,.item.graph-selected{background:var(--accent-soft);box-shadow:none}
.type-chip,.pill,.status-badge,.detail-tag{border-radius:2px;background:transparent;box-shadow:none}

/* Core route families: carry the SOLWK line-based language beyond Home. */
.library-hero,.liki-hero,.meeting-hero,.audio-hero{
  margin-bottom:26px!important;
  padding:26px 2px 24px!important;
  border:0!important;
  border-top:1px solid var(--line-strong)!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.library-hero:before,.library-hero:after,.meeting-hero:before,.meeting-hero:after,.audio-hero:before,.audio-hero:after{display:none!important}
.library-hero h1,.liki-hero h1,.meeting-hero h1,.audio-hero h1{
  margin:0 0 9px!important;
  color:var(--ink)!important;
  font:400 clamp(31px,3.4vw,48px)/1 var(--display)!important;
  letter-spacing:-.035em!important;
}
.library-hero p,.meeting-hero p,.audio-hero p{color:var(--muted)!important}
.library-tools{
  margin-bottom:24px;
  padding:13px 2px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:transparent;
}
.date-group-card,.daily-ledger-card,.frameforge-files-card{
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.daily-mini-calendar{
  border-radius:0!important;
  border-color:var(--line)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.meeting-workbench{border-top:1px solid var(--line-strong)}
.read-tabs{border-radius:2px;background:transparent}
.read-tab{border-radius:2px}

/* Dark theme surfaces that legacy rules hard-code to white. */
html[data-theme="dark"] :is(.topbar,.card,.content,.hero,.home-metric,.home-status-grid section,.contained-list,.item,.side,.search-sheet,.player-sheet,dialog){color:var(--ink)}
html[data-theme="dark"] :is(input,select,textarea,.btn,.icon-button,.home-scrap-open,.home-metric,.home-status-grid section,.tree-row,.item){background-color:transparent}
html[data-theme="dark"] :is(.editor-wrap,.editor-preview,.html-editor,.tiptap-host .ProseMirror,.side,.search-sheet,.player-sheet,dialog){background:var(--input-surface);color:var(--ink)}
html[data-theme="dark"] img.solwk-wordmark{filter:invert(1)}

@media(max-width:1100px){
  .solwk-tagline{display:none}
  .topbar-inner{padding-inline:20px;gap:15px}
  .nav-group-copy small{display:none}
  .nav-group>summary{padding-inline:10px;gap:8px}
  .nav a{padding-inline:7px;font-size:13px}
  .home-hero,.home-hero.compact{grid-template-columns:1fr!important}
  .home-hero-signals{max-width:580px}
}
@media(max-width:980px){
  body{padding-bottom:76px}
  .topbar-inner{min-height:60px;padding:0 14px}
  .desktop-nav{display:none}
  .top-actions .mobile-filter-button{display:inline-flex}
  .brand-product{font-size:14px}
  .theme-label{display:none}
  .app-shell{padding:0 14px}
  .mainpane{padding-top:28px}
  .home-shell .mainpane{padding-top:30px}
  .home-hero,.home-hero.compact{margin-bottom:32px!important;padding-bottom:30px!important}
  .home-hero h1,.home-daily-phrase{font-size:clamp(42px,9vw,62px)!important}
  .home-status-grid{grid-template-columns:1fr}
  .home-status-grid section{border-right:0;border-bottom:1px solid var(--line)}
  .home-metrics,.home-attention-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-metric:nth-child(2n){border-right:0}
  .home-metric{border-bottom:1px solid var(--line)}
  .mobile-nav{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));gap:0;padding:4px;border:1px solid var(--line-strong);border-radius:3px;background:color-mix(in srgb,var(--paper) 96%,transparent);box-shadow:0 14px 36px rgba(27,26,24,.16)}
  .mobile-nav a{min-height:48px;border-radius:2px}
  .mobile-nav a.active{background:var(--accent-soft);color:var(--ink)}
  .mobile-nav a.active:after{display:none}
  .side{background:var(--paper);border-color:var(--line)}
  .side:before{background:var(--paper);border-color:var(--line)}
}
@media(max-width:520px){
  body{font-size:15px}
  .topbar-inner{padding-inline:10px}
  .brand-logo{width:28px;height:28px}
  .solwk-wordmark{width:68px}
  .brand-product{margin-left:0;padding-left:8px;font-size:14px}
  .theme-toggle{min-width:36px;min-height:44px}
  .icon-button{min-width:36px;min-height:44px}
  .app-shell{padding:0 10px}
  .home-shell .mainpane{padding-top:25px}
  .home-hero,.home-hero.compact{padding:0 0 26px!important;border-radius:0!important}
  .home-hero h1,.home-daily-phrase{font-size:clamp(39px,11.5vw,52px)!important;line-height:1.02!important}
  .home-hero p{font-size:16px!important;line-height:1.65!important}
  .home-hero-actions{display:grid!important;grid-template-columns:1fr 1fr}
  .home-hero-primary{grid-column:1/-1;justify-content:center}
  .home-scrap-open{justify-content:center}
  .home-card-head{display:grid;gap:12px;padding:16px 0}
  .home-card-actions{justify-content:flex-start}
  .home-metrics,.home-attention-metrics{grid-template-columns:1fr 1fr}
  .home-metric{min-height:100px;padding:16px 12px}
  .home-metric b{font-size:26px}
  .home-status-grid section{padding-inline:12px}
  .mobile-nav{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom))}
  .mobile-nav a{min-height:48px}
}
/* Final workspace surface and container pass: wins over legacy !important blocks. */
.mainpane{container-type:inline-size;container-name:workspace}
html body .mainpane .library-hero{
  padding:32px clamp(26px,3vw,42px)!important;
  border-color:var(--line)!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
html body .mainpane .library-tools{
  margin-bottom:22px!important;
  padding:20px clamp(22px,2.5vw,32px)!important;
  border-color:var(--line)!important;
  border-radius:0!important;
  background:var(--surface-subtle)!important;
  box-shadow:none!important;
}
html body .mainpane :is(.date-group-card,.daily-ledger-card,.contained-list,.pagination){
  border-color:var(--line)!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
html body .mainpane .date-group-card{padding:28px clamp(24px,3vw,38px)!important}
html body .mainpane .pagination{border-radius:0!important}
html body .mainpane :is(.pager-step,.pager-number,.pager-jump input,.pager-jump button){
  border-color:var(--line)!important;
  background:var(--surface-raised)!important;
  color:var(--ink)!important;
}
html body .mainpane .pager-number.active{border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important}

html[data-theme="dark"] body .mainpane .library-hero,
html[data-theme="dark"] body .mainpane .date-group-card,
html[data-theme="dark"] body .mainpane .contained-list,
html[data-theme="dark"] body .mainpane .daily-ledger-card,
html[data-theme="dark"] body .mainpane .pagination{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .mainpane .library-tools,
html[data-theme="dark"] body .mainpane .contained-list-head{background:var(--surface-subtle)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .mainpane :is(input,select,textarea){background:var(--surface-raised)!important;color:var(--ink)!important;border-color:var(--line-strong)!important}
html[data-theme="dark"] body .mainpane :is(input,textarea)::placeholder{color:var(--muted)!important;opacity:1}
html[data-theme="dark"] body .mainpane .btn.primary{background:var(--ink)!important;color:var(--paper)!important;border-color:var(--ink)!important}

html[data-theme="dark"] body .daily-mini-calendar,
html[data-theme="dark"] body .daily-calendar-tabs,
html[data-theme="dark"] body .daily-mini-grid,
html[data-theme="dark"] body .daily-calendar-day,
html[data-theme="dark"] body .daily-mini-calendar-head a,
html[data-theme="dark"] body .daily-calendar-today{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] body .daily-mini-weekdays{background:var(--surface-subtle)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .daily-calendar-tabs .active{background:var(--ink)!important;color:var(--paper)!important}
html[data-theme="dark"] body .daily-calendar-day.current,
html[data-theme="dark"] body .daily-calendar-day[aria-current="date"]{background:color-mix(in srgb,var(--accent) 30%,var(--surface))!important;color:var(--ink)!important}

html[data-theme="dark"] body .side{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .side :is(.folder-section,.tag-section,.folder-tree-scroll){background:transparent!important;color:var(--muted)!important}
html[data-theme="dark"] body .side .tree-row,
html[data-theme="dark"] body .side .tree-link,
html[data-theme="dark"] body .side .tree-name{background:transparent!important;color:var(--muted)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .side .tree-row:hover,
html[data-theme="dark"] body .side .tree-row:has(.tree-link[aria-current="page"]){background:var(--surface-subtle)!important;color:var(--ink)!important}
html[data-theme="dark"] body .side .tree-count{background:var(--surface-raised)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .side :is(input,select){background:var(--surface-raised)!important;color:var(--ink)!important;border-color:var(--line-strong)!important}
html[data-theme="dark"] body .side .taglink{background:var(--surface-subtle)!important;color:var(--muted)!important;border-color:var(--line)!important}

/* Exact legacy overrides: neutralize old white cards and controls in dark mode. */
html[data-theme="dark"] body .app-shell .mainpane section.card.library-hero,
html[data-theme="dark"] body .app-shell .mainpane div.card.date-group-card,
html[data-theme="dark"] body .app-shell .mainpane section.card.daily-ledger-card{
  background-color:var(--surface)!important;
  background-image:none!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] body .app-shell .mainpane section.card.daily-ledger-card :is(.daily-table-wrap,.daily-table,tbody,tr,td){background-color:transparent!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .sidebar-rail-control{background:var(--paper)!important;color:var(--muted)!important}
html[data-theme="dark"] body :is(.sidebar-inline-toggle,.tree-tool-btn){background:var(--surface-raised)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .side .tree-row *{color:var(--muted)!important}
html[data-theme="dark"] body .app-shell>.side div.tree-row{color:var(--muted)!important}
html[data-theme="dark"] body .app-shell>.side .tree-row .tree-count{background-color:var(--surface-raised)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .side .tree-row:has(.tree-link[aria-current="page"]) *{color:var(--ink)!important}
html[data-theme="dark"] body .daily-task-counts i.done-task{background:#29443b!important;color:#d9eee7!important;border-color:#48695e!important}
html[data-theme="dark"] body .daily-task-counts i.open-task{background:#4a3023!important;color:#ffdbc2!important;border-color:#76503b!important}

/* Full-site dark component matrix: shared surfaces first, product workbenches second. */
html[data-theme="dark"] body .app-shell .mainpane :is(.card,.content,.hero,.progress-main,.monitor-card,.audio-row){
  background-color:var(--surface)!important;
  background-image:none!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body .mainpane :is(.btn.primary,.home-hero-primary,.monitor-hud-btn){background:var(--accent-action)!important;color:#fff!important;border-color:var(--accent-action)!important;box-shadow:none!important}
html[data-theme="dark"] body .mainpane :is(.btn,.icon-btn,.icon-action,.monitor-refresh-btn,.home-card-link){background:var(--surface-raised)!important;color:var(--ink)!important;border-color:var(--line)!important}

/* Home */
html[data-theme="dark"] body .home-shell :is(.home-ops,.home-metrics,.home-status-grid,.home-status-grid section,.home-metric,.home-empty-action,.home-list-card,.home-normal-state>summary){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] body .home-shell :is(.home-btsr-nag,.btsr-link){background:#3b2d20!important;color:#f3d2aa!important;border-color:#6d4b2f!important}

/* Write/editor */
html[data-theme="dark"] body .write-shell :is(.write-desk,.write-desk-head,.editor-wrap,.simple-editor-wrapper,.tiptap-toolbar,.tiptap-host,.ProseMirror,.html-editor,.write-media-action,.folder-dial,.folder-dial-panel){background:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] body .write-shell :is(.tiptap-toolbar button,.toolbar-icon-btn,.folder-option,.folder-branch summary){background:var(--surface-raised)!important;color:var(--ink)!important;border-color:var(--line)!important}

/* Daily */
html[data-theme="dark"] body .daily-shell :is(.daily-datebar,.daily-rate-card,.daily-filterbar,.daily-filter-group,.daily-filter,.daily-note-preview,.daily-date-tree-collapsed,.daily-note-body,.daily-note-content,.daily-table tbody tr,.daily-table td){background:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] body .daily-shell :is(.daily-filter.active,.daily-calendar-tabs .active){background:var(--accent-action)!important;color:#fff!important;border-color:var(--accent-action)!important}
html[data-theme="dark"] body .daily-shell :is(.daily-filter-group input,.daily-filter-group select,.daily-ledger-add input,.daily-ledger-add select){background:var(--surface-raised)!important;color:var(--ink)!important;border-color:var(--line-strong)!important}

/* Requests */
html[data-theme="dark"] body .requests-shell :is(.progress-card,.progress-main,.stat,.progress-list-card){background:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}

/* FrameForge chrome; document canvas remains a document surface. */
html[data-theme="dark"] body .frameforge-shell :is(.frameforge-head,.frameforge-engine,.frameforge-tabs,.frameforge-tab,.frameforge-dropzone,.frameforge-files-card,.frameforge-upload-file,.frameforge-file-row,.frameforge-stage-card,.frameforge-inspector,.frameforge-project-card){background:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] body .frameforge-shell .frameforge-tab.active{background:var(--accent-action)!important;color:#fff!important;border-color:var(--accent-action)!important}

/* Read/audio */
html[data-theme="dark"] body .audio-shell :is(.read-tabs,.read-tab,.audio-wide,.audio-row,.compact-audio-row,.mini-player,.tts-tag-toolbar,.tts-tag-btn,.once-history-body){background:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] body .audio-shell .read-tab.active{background:var(--accent-action)!important;color:#fff!important}

/* Monitor */
html[data-theme="dark"] body .monitor-shell :is(.monitor-hero,.monitor-live-note,.monitor-card,.monitor-detail,.monitor-bar,.monitor-refresh-btn,.monitor-terminal-card){background:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] body .monitor-shell .monitor-bar span{background:var(--accent)!important}

/* Search */
html[data-theme="dark"] body .mainpane :is(.search-workspace,.search-contained-list,.search-preview,.search-preview-open){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] body .mainpane mark{background:#5b4823!important;color:#fff0bd!important}

/* Exact special-screen overrides for legacy high-specificity light rules. */
html[data-theme="dark"] body .app-shell.home-shell .mainpane .home-daily-phrase{color:var(--ink)!important}
html[data-theme="dark"] body .app-shell.home-shell .mainpane :is(.type-chip,.home-status-badge){background:var(--surface-raised)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .app-shell.write-shell .mainpane section.write-desk.card,
html[data-theme="dark"] body .app-shell.write-shell .mainpane section.write-desk.card :is(.write-desk-head,.write-section,.markdown-fallback,.write-folder-trigger,.write-folder-trigger-icon,.write-folder-trigger-action,summary,label){background-color:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .app-shell.write-shell .mainpane section.write-desk.card h1{color:var(--ink)!important}

html[data-theme="dark"] body .app-shell.daily-shell .daily-calendar-day b{color:var(--ink)!important}
html[data-theme="dark"] body .app-shell.daily-shell .daily-calendar-day.muted b{color:var(--quiet)!important}

html[data-theme="dark"] body .app-shell.requests-shell .mainpane :is(.progress-card,.progress-main,.stat){background-color:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important}

html[data-theme="dark"] body .app-shell.frameforge-shell .mainpane section.card.frameforge-files-card,
html[data-theme="dark"] body .app-shell.frameforge-shell .mainpane :is(.frameforge-dropzone,.frameforge-file-icon,.frameforge-drop-icon){background-color:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important}

html[data-theme="dark"] body .app-shell.monitor-shell .mainpane :is(.monitor-hero.card,.monitor-live-note.card,.monitor-detail.card,.splinter-card,.cron-card,.monitor-table,.splinter-row section,.splinter-row details,.splinter-progress,.stt-transcript){background-color:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="dark"] body .app-shell.monitor-shell .mainpane :is(.monitor-hero.card,.monitor-detail.card) :is(h1,h2,h3,h4,b,summary,label){color:var(--ink)!important}
html[data-theme="dark"] body .app-shell.monitor-shell .mainpane :is(.status-badge,.splinter-count){background:var(--surface-raised)!important;color:var(--muted)!important;border-color:var(--line)!important}

html[data-theme="dark"] body .app-shell .mainpane>.card{background-color:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important}

/* Final contrast and 12px metadata floor outside document canvases. */
html[data-theme="dark"] body .mainpane .pager-number.active{background:var(--accent-action)!important;color:#fff!important;border-color:var(--accent-action)!important}
html[data-theme="dark"] body .side :is(.side-total,.tree-count){background:var(--accent-action)!important;color:#fff!important;border-color:var(--accent-action)!important}
html[data-theme="dark"] body .write-shell .write-desk :is(label>span,.write-field-label){color:var(--muted)!important}
html[data-theme="dark"] body .requests-shell :is(.progress-hero h1,.stat b){color:var(--ink)!important}
html[data-theme="dark"] body .search-shell .mainpane>.card,
html[data-theme="dark"] body .mainpane .search-workspace>.card{background-color:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .search-shell :is(h1,p.muted){color:var(--ink)!important}
html[data-theme="dark"] body .monitor-shell .splinter-row :is(li,p,span){color:var(--muted)!important}
html[data-theme="dark"] body .monitor-shell .splinter-row :is(h3,h4,b,summary){color:var(--ink)!important}
html body .mainpane :is(.status-badge,.meeting-status,.frameforge-engine,.frameforge-files-card small){font-size:max(12px,1em)!important}
html body .meetings-shell .meeting-list :is(span,small){font-size:max(12px,1em)!important}
html body .frameforge-shell .mainpane :is(.frameforge-head span,.frameforge-tabs span,.frameforge-files-card span){font-size:max(12px,1em)!important}
html body .meeting-shell .mainpane :is(.meeting-list span,.meeting-list small,.meeting-card span,.meeting-card small){font-size:max(12px,1em)!important}
html body .frameforge-shell .mainpane :is(.frameforge-intake-grid span,.frameforge-intake-grid small){font-size:max(12px,1em)!important}
html[data-theme="dark"] body .app-shell.search-shell .mainpane>div.card{background-color:var(--surface)!important;background-image:none!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="dark"] body .app-shell.search-shell .mainpane>div.card :is(h1,p){color:var(--ink)!important}
html[data-theme="dark"] body .app-shell.frameforge-shell .mainpane .status-badge{background:var(--surface-raised)!important;color:var(--ink)!important;border-color:var(--line)!important}
html body .requests-shell .mainpane .stats span{font-size:max(12px,1em)!important}
html body .audio-shell .mainpane .eyebrow{font-size:max(12px,1em)!important}

/* Global search dialog lives outside .mainpane and needs its own theme contract. */
.search-sheet{background:var(--surface-raised)!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important}
.search-sheet input{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important;box-shadow:none!important}
.search-sheet input:focus{border-color:var(--accent-action)!important;outline:0!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-action) 24%,transparent)!important}
.search-sheet>.btn.primary{min-height:48px;background:var(--accent-action)!important;color:#fff!important;border-color:var(--accent-action)!important;font-weight:760!important}
.search-sheet>.btn.primary:hover{filter:brightness(1.08)}
.sheet-head [data-search-close]{position:relative;width:44px!important;height:44px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:50%!important;background:var(--surface-subtle)!important;color:var(--ink)!important;font-size:0!important;cursor:pointer}
.sheet-head [data-search-close]::before,.sheet-head [data-search-close]::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;border-radius:2px;background:currentColor;transform-origin:center}
.sheet-head [data-search-close]::before{transform:translate(-50%,-50%) rotate(45deg)}
.sheet-head [data-search-close]::after{transform:translate(-50%,-50%) rotate(-45deg)}
.sheet-head [data-search-close]:hover{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--accent)!important}
.sheet-head [data-search-close]:focus-visible{outline:2px solid var(--accent-action)!important;outline-offset:3px}
html[data-theme="dark"] body .search-overlay{background:rgba(7,7,6,.66)!important}
html[data-theme="dark"] body .search-sheet{background:var(--surface-raised)!important;color:var(--ink)!important}

/* Read workspace alignment: hero, tabs and card content share one grid line. */
html body .mainpane .audio-hero{padding:32px clamp(26px,3vw,38px)!important}
html body .audio-shell .read-tabs{margin-left:clamp(26px,3vw,38px)!important}
html body .audio-shell .audio-grid>.card,
html body .audio-shell .read-tab-panel>.card{padding:28px clamp(26px,3vw,38px)!important}

/* Persistent player system: full-width rail between header and page body. */
.top-player-rail.top-mini-player{display:none!important;width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;overflow:visible!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:var(--paper)!important;box-shadow:0 5px 16px rgba(0,0,0,.08)!important}
.player-minimized .top-player-rail.top-mini-player{display:block!important}
.top-player-rail-inner{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(280px,1.2fr) auto auto;align-items:center;gap:18px;width:min(1440px,100%);min-height:58px;margin:0 auto;padding:8px 22px}
.top-player-rail .top-mini-button{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%!important;max-width:none!important;min-width:0!important;height:40px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;text-align:left}
.top-player-kicker{color:var(--accent);font:750 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.top-player-rail .top-mini-icon{color:var(--accent)}
.top-player-rail .top-mini-titlebox{display:block!important;min-width:0!important;max-width:none!important;overflow:hidden!important}
.top-player-rail .top-mini-text{display:block!important;overflow:hidden!important;color:var(--ink)!important;font-size:14px!important;font-weight:740!important;letter-spacing:-.025em!important;text-overflow:ellipsis!important;white-space:nowrap!important;animation:none!important}
.top-player-rail .top-mini-count{display:block!important;min-width:0!important;color:var(--muted)!important;font:700 12px/1 var(--mono)!important}
.top-mini-progress{display:grid;grid-template-columns:44px minmax(120px,1fr) 44px;align-items:center;gap:10px;min-width:0;color:var(--muted);font:650 11px/1 var(--mono)}
.top-mini-progress span:last-child{text-align:right}
.top-mini-progress input[type="range"]{--mini-progress:0%;width:100%;height:20px;margin:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;appearance:none}
.top-mini-progress input[type="range"]::-webkit-slider-runnable-track{height:3px;border-radius:0;background:linear-gradient(90deg,var(--accent-action) 0 var(--mini-progress),var(--line-strong) var(--mini-progress) 100%)}
.top-mini-progress input[type="range"]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;border:2px solid var(--paper);border-radius:50%;background:var(--accent-action);box-shadow:0 0 0 1px var(--accent-action);appearance:none}
.top-mini-progress input[type="range"]:disabled{cursor:default;opacity:.45}
.top-player-rail .top-mini-controls{display:flex!important;align-items:center;gap:6px;padding:0!important;border:0!important}
.top-player-rail .top-mini-control,.top-mini-details{display:inline-flex!important;align-items:center;justify-content:center;min-width:54px!important;height:36px!important;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:2px!important;background:transparent!important;color:var(--muted)!important;font:700 12px/1 var(--sans)!important;letter-spacing:-.02em!important;box-shadow:none!important;cursor:pointer}
.top-player-rail .top-mini-control.play{min-width:72px!important;background:var(--accent-action)!important;color:#fff!important;border-color:var(--accent-action)!important}
.top-player-rail .top-mini-control.stop{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 52%,transparent)!important}
.top-player-rail .top-mini-control.stop:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)!important;color:var(--danger)!important;border-color:var(--danger)!important}
.top-player-rail .top-mini-control:hover:not(:disabled),.top-mini-details:hover{background:var(--soft)!important;color:var(--ink)!important;border-color:var(--line-strong)!important}
.top-player-rail .top-mini-control.play:hover:not(:disabled){background:color-mix(in srgb,var(--accent-action) 88%,#fff)!important;color:#fff!important}
.top-player-rail .top-mini-control:disabled{opacity:.34!important;cursor:default!important}
.top-mini-details{min-width:58px!important;color:var(--ink)!important}

/* Detailed player modal: compact information, transport and queue hierarchy. */
html body .player-modal{background:rgba(10,9,8,.58)!important;backdrop-filter:blur(8px)}
html body .player-sheet{width:min(820px,calc(100vw - 32px))!important;max-height:min(760px,calc(100vh - 48px))!important;padding:30px 32px 28px!important;border:1px solid var(--line-strong)!important;border-radius:4px!important;background:var(--surface-raised)!important;color:var(--ink)!important;box-shadow:0 28px 90px rgba(0,0,0,.34)!important;overflow-x:hidden!important;overflow-y:auto!important}
.player-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.player-sheet-head h2{margin:5px 0 0!important;color:var(--ink)!important;font-size:clamp(28px,4vw,42px)!important;line-height:1.08!important;letter-spacing:-.045em!important}
html body .player-sheet .player-close{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;min-width:64px;height:38px;padding:0 14px!important;border:1px solid var(--line)!important;border-radius:2px!important;background:transparent!important;color:var(--muted)!important;font:700 12px/1 var(--sans)!important}
html body .player-sheet .player-close:hover{background:var(--soft)!important;color:var(--ink)!important;border-color:var(--line-strong)!important}
.player-sheet .player-meta{display:flex!important;align-items:center;gap:8px!important;margin:18px 0 0!important}
.player-sheet .player-meta span{display:inline-flex!important;min-height:28px;padding:5px 9px!important;border:1px solid var(--line)!important;border-radius:2px!important;background:var(--surface)!important;color:var(--muted)!important;font-size:12px!important;font-weight:680!important}
.player-sheet .player-source-detail{margin:10px 0 0!important;padding:10px 12px!important;border-left:2px solid var(--accent)!important;background:var(--surface)!important;color:var(--muted)!important;font:600 12px/1.5 var(--mono)!important;overflow-wrap:anywhere}
.player-transport{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:24px 0}
.player-sheet audio{display:block;width:100%!important;height:44px!important;margin:0!important;color-scheme:light}
html[data-theme="dark"] .player-sheet audio{color-scheme:dark}
.player-sheet .player-controls{display:flex!important;align-items:center;gap:6px!important;margin:0!important}
.player-sheet .player-controls .btn{min-width:72px!important;height:40px!important;border-radius:2px!important;background:transparent!important;color:var(--ink)!important;border-color:var(--line)!important}
.player-sheet .player-controls .btn.primary{background:var(--accent-action)!important;color:#fff!important;border-color:var(--accent-action)!important}
.player-sheet .player-controls .player-stop{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 52%,transparent)!important}
.player-sheet .player-controls .btn:disabled{background:transparent!important;color:var(--quiet)!important;border-color:var(--line)!important;opacity:.55!important}
.player-queue-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px;padding:16px 0 10px;border-top:1px solid var(--line)}
.player-queue-head strong{font-size:14px}.player-queue-head span{color:var(--quiet);font:650 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}
.player-sheet .player-queue{display:grid!important;gap:0!important;margin:0!important;padding:0!important;border:1px solid var(--line)!important;border-radius:2px!important;background:var(--surface)!important;overflow:hidden!important}
.player-sheet .player-queue-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;width:100%!important;min-height:56px!important;padding:11px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;text-align:left!important}
.player-sheet .player-queue-item:last-child{border-bottom:0!important}.player-sheet .player-queue-item.active{background:var(--accent-soft)!important;color:var(--ink)!important;box-shadow:inset 3px 0 0 var(--accent)!important}
.player-sheet .player-queue-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:720}.player-sheet .player-queue-item small{color:var(--quiet)!important;font-size:12px!important}

@media(max-width:760px){
  html body .mainpane .audio-hero{padding:24px 18px!important}
  html body .audio-shell .read-tabs{margin-left:18px!important}
  html body .audio-shell .audio-grid>.card,html body .audio-shell .read-tab-panel>.card{padding:22px 18px!important}
  .top-player-rail-inner{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;min-height:78px;padding:8px 12px}
  .top-player-kicker,.top-mini-count,.top-mini-details{display:none!important}
  .top-player-rail .top-mini-button{grid-template-columns:auto minmax(0,1fr)!important;height:30px!important}
  .top-mini-progress{grid-column:1/-1;grid-row:2;grid-template-columns:38px minmax(80px,1fr) 38px;gap:7px}
  .top-player-rail .top-mini-controls{grid-column:2;grid-row:1}
  .top-player-rail .top-mini-control{display:none!important}
  .top-player-rail .top-mini-control.play{display:inline-flex!important;min-width:68px!important;height:32px!important}
  .top-player-rail .top-mini-control[data-mini-next]{display:inline-flex!important;min-width:42px!important;height:32px!important}
  .top-player-rail .top-mini-control.stop{display:inline-flex!important;min-width:50px!important;height:32px!important}
  html body .player-sheet{padding:22px 18px 20px!important}
  .player-transport{grid-template-columns:1fr}.player-sheet .player-controls{justify-content:stretch}.player-sheet .player-controls .btn{flex:1}
}

@container workspace (max-width:960px){
  .library-hero{grid-template-columns:minmax(0,1fr) auto!important;gap:24px!important}
  .library-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 16px!important}
  .library-search{grid-column:1/-1}
  .library-submit{justify-self:start;min-width:112px;min-height:44px}
  .item-head{align-items:flex-start;flex-wrap:wrap!important}
  .item-badges{width:100%;margin-left:0!important;justify-content:flex-start!important;flex-wrap:wrap!important}
}
@container workspace (max-width:640px){
  .library-hero{grid-template-columns:1fr!important;padding:24px 20px!important}
  .library-hero-actions{justify-content:flex-start!important}
  .library-filter{grid-template-columns:1fr!important}
  .library-search{grid-column:auto}
  .library-submit{width:100%}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}