/* SynthIQ ecosystem palette — reference values supplied from SynthIQ Appearance. */
:root{--bg:#f7f5ef!important;--surface:#fff!important;--surface-2:#f2efe7!important;--ink:#171b1d!important;--muted:#5b6670!important;--line:#d2ccc0!important;--accent:#a94700;--accent-soft:#f3e7dc;--control:#a94700!important;--control-ink:#fff!important;--mint:#087c58!important;--mint-soft:#e8f3ed!important;--shadow:0 7px 22px rgba(23,27,29,.07)!important}html,body{background:#f7f5ef!important;color:#171b1d}.hero .eyebrow,.section-heading .eyebrow,.settings-kicker,.settings-group-label{color:#a94700!important}.hero h1,.section-heading h2,.collection-name,.bookmark-title strong,.appearance-copy strong{color:#171b1d}.quick-input-wrap,.collection-card,.bookmark-card,.appearance-card,.setting-row,.sync-chip,.icon-button,.small-button{border-color:#d2ccc0!important}.add-button,.primary-button,.filter-pill.active{background:#a94700!important;border-color:#a94700!important;color:#fff!important}.inbox-card{border-color:#d2ccc0!important;background:linear-gradient(100deg,#edf5ef,#fff 72%)!important}.inbox-icon{background:#e3f1e9!important}.bottom-nav{background:rgba(247,245,239,.97)!important;border-color:#d2ccc0!important;box-shadow:0 14px 38px rgba(23,27,29,.14)!important}.nav-item{color:#5b6670!important}.nav-item.active{background:#fff!important;color:#171b1d!important;box-shadow:inset 0 0 0 1px #d2ccc0!important}.nav-item#navSearchBtn{background:#a94700!important;border-color:#a94700!important;color:#fff!important;box-shadow:0 9px 22px rgba(169,71,0,.24)!important}.theme-option.active{border-color:#a94700!important;box-shadow:0 0 0 1px #a94700!important}.light-preview{background:#f7f5ef!important}.light-preview:before,.light-preview:after{background:#fff!important}.light-preview i{background:#a94700!important}.topbar:before{display:none!important}.brand-title{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.brand-title strong{font-size:21px;font-weight:850;letter-spacing:-.045em;color:var(--ink)}.brand-title span{font-size:12px;font-weight:650;color:var(--muted)}.top-actions{margin-left:auto}.about-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.about-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--accent);color:#fff;font-size:15px;font-weight:850}.about-copy strong{font-size:16px;color:var(--ink)}.about-copy strong span{font-size:12px;font-weight:650;color:var(--muted)}.about-copy p{margin:5px 0 6px;color:var(--muted);font-size:13px;line-height:1.45}.about-copy small{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.bookmark-brand-shell{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,var(--surface-2),var(--surface))}.bookmark-brand-shell.hidden{display:none}.bookmark-brand-fallback{display:grid;justify-items:center;gap:5px;padding:6px;max-width:100%}.bookmark-brand-fallback .bookmark-favicon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:15px;font-weight:850}.bookmark-brand-fallback small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.bookmark-visual{position:relative;overflow:hidden}.bookmark-preview-image{width:100%;height:100%;object-fit:cover}.bookmark-preview-image.hidden{display:none}.bookmark-app-icon{width:34px;height:34px;object-fit:contain;border-radius:9px}.favicon-mini{z-index:3}
/* Expanded collection palette. */
.collection-card[data-color=amber] .collection-icon{background:#ffedc2;color:#9a6100}.collection-card[data-color=orange] .collection-icon{background:#ffe2c5;color:#b45100}.collection-card[data-color=red] .collection-icon{background:#ffe0de;color:#b5332d}.collection-card[data-color=rose] .collection-icon{background:#ffe0e5;color:#a93b55}.collection-card[data-color=purple] .collection-icon{background:#eee0ff;color:#7343ad}.collection-card[data-color=indigo] .collection-icon{background:#e3e5ff;color:#4e56b5}.collection-card[data-color=sky] .collection-icon{background:#dff1ff;color:#2374a8}.collection-card[data-color=cyan] .collection-icon{background:#d9f5f7;color:#147681}.collection-card[data-color=teal] .collection-icon{background:#daf1ec;color:#176f62}.collection-card[data-color=green] .collection-icon{background:#dff2dc;color:#397c36}.collection-card[data-color=lime] .collection-icon{background:#edf4cf;color:#687a1d}.collection-card[data-color=slate] .collection-icon{background:#e4e8eb;color:#53616c}
html[data-theme="dark"]{--bg:#171b1d!important;--surface:#202528!important;--surface-2:#292f33!important;--ink:#f7f5ef!important;--muted:#aeb5ba!important;--line:#485056!important;--accent:#d66a1d;--accent-soft:#3a281d;--control:#d66a1d!important;--control-ink:#fff!important;--mint:#56c59b!important;--mint-soft:#19352c!important;--shadow:0 8px 26px rgba(0,0,0,.28)!important}html[data-theme="dark"],html[data-theme="dark"] body{background:#171b1d!important;color:#f7f5ef}html[data-theme="dark"] .hero .eyebrow,html[data-theme="dark"] .section-heading .eyebrow,html[data-theme="dark"] .settings-kicker,html[data-theme="dark"] .settings-group-label{color:#d66a1d!important}html[data-theme="dark"] .hero h1,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .collection-name,html[data-theme="dark"] .bookmark-title strong,html[data-theme="dark"] .appearance-copy strong{color:#f7f5ef}html[data-theme="dark"] .quick-input-wrap,html[data-theme="dark"] .collection-card,html[data-theme="dark"] .bookmark-card,html[data-theme="dark"] .appearance-card,html[data-theme="dark"] .setting-row,html[data-theme="dark"] .sync-chip,html[data-theme="dark"] .icon-button,html[data-theme="dark"] .small-button{background:#202528!important;border-color:#485056!important;color:#f7f5ef!important}html[data-theme="dark"] .add-button,html[data-theme="dark"] .primary-button,html[data-theme="dark"] .filter-pill.active{background:#d66a1d!important;border-color:#d66a1d!important;color:#fff!important}html[data-theme="dark"] .inbox-card{background:linear-gradient(100deg,#19352c,#202528 72%)!important;border-color:#485056!important}html[data-theme="dark"] .bottom-nav{background:rgba(23,27,29,.97)!important;border-color:#485056!important}html[data-theme="dark"] .nav-item{color:#aeb5ba!important}html[data-theme="dark"] .nav-item.active{background:#292f33!important;color:#f7f5ef!important;box-shadow:inset 0 0 0 1px #485056!important}html[data-theme="dark"] .nav-item#navSearchBtn{background:#d66a1d!important;border-color:#d66a1d!important;color:#fff!important;box-shadow:0 9px 22px rgba(0,0,0,.34)!important}html[data-theme="dark"] .theme-option.active{border-color:#d66a1d!important;box-shadow:0 0 0 1px #d66a1d!important}.dark-preview{background:#171b1d!important}.dark-preview:before,.dark-preview:after{background:#292f33!important}.dark-preview i{background:#d66a1d!important}html[data-theme="dark"] .about-card{background:#202528;border-color:#485056}html[data-theme="dark"] .about-mark{background:#d66a1d}html[data-theme="dark"] .bookmark-brand-shell{background:linear-gradient(145deg,#292f33,#202528)}@media(max-width:430px){.brand-title{gap:6px}.brand-title strong{font-size:20px}.brand-title span{font-size:11px}}

/* Staging UI polish: professional collection icon treatment. */
.collection-icon{
  width:50px;
  height:50px;
  border:1px solid color-mix(in srgb,var(--line) 82%,currentColor)!important;
  border-radius:14px;
  background:var(--surface-2)!important;
  color:var(--collection-icon-color,var(--ink))!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.collection-icon svg{width:27px;height:27px;stroke-width:1.8}
.collection-card[data-color=yellow]{--collection-icon-color:#8a6500}
.collection-card[data-color=amber]{--collection-icon-color:#9a6100}
.collection-card[data-color=orange]{--collection-icon-color:#a64f08}
.collection-card[data-color=coral]{--collection-icon-color:#a94a36}
.collection-card[data-color=red]{--collection-icon-color:#a83b35}
.collection-card[data-color=rose]{--collection-icon-color:#a53f58}
.collection-card[data-color=pink]{--collection-icon-color:#a23e64}
.collection-card[data-color=violet]{--collection-icon-color:#664aa7}
.collection-card[data-color=purple]{--collection-icon-color:#7045a0}
.collection-card[data-color=indigo]{--collection-icon-color:#4f58a7}
.collection-card[data-color=blue]{--collection-icon-color:#286da7}
.collection-card[data-color=sky]{--collection-icon-color:#2374a8}
.collection-card[data-color=cyan]{--collection-icon-color:#19727a}
.collection-card[data-color=teal]{--collection-icon-color:#176f62}
.collection-card[data-color=mint]{--collection-icon-color:#18745a}
.collection-card[data-color=green]{--collection-icon-color:#397c36}
.collection-card[data-color=lime]{--collection-icon-color:#687a1d}
.collection-card[data-color=slate]{--collection-icon-color:#53616c}
.collection-card[data-color=yellow] .collection-icon{background:#fff5cf!important}
.collection-card[data-color=amber] .collection-icon{background:#ffedc2!important}
.collection-card[data-color=orange] .collection-icon{background:#ffe7d1!important}
.collection-card[data-color=coral] .collection-icon{background:#ffe4dc!important}
.collection-card[data-color=red] .collection-icon{background:#ffe4e2!important}
.collection-card[data-color=rose] .collection-icon{background:#ffe5e9!important}
.collection-card[data-color=pink] .collection-icon{background:#ffe4ee!important}
.collection-card[data-color=violet] .collection-icon{background:#eee8ff!important}
.collection-card[data-color=purple] .collection-icon{background:#eee5fb!important}
.collection-card[data-color=indigo] .collection-icon{background:#e9eaff!important}
.collection-card[data-color=blue] .collection-icon{background:#e5f1ff!important}
.collection-card[data-color=sky] .collection-icon{background:#e4f3ff!important}
.collection-card[data-color=cyan] .collection-icon{background:#e1f7f8!important}
.collection-card[data-color=teal] .collection-icon{background:#e1f3ef!important}
.collection-card[data-color=mint] .collection-icon{background:#e3f5ec!important}
.collection-card[data-color=green] .collection-icon{background:#e5f3e2!important}
.collection-card[data-color=lime] .collection-icon{background:#eff5d9!important}
.collection-card[data-color=slate] .collection-icon{background:#e8ecef!important}
.collection-card:hover .collection-icon{border-color:color-mix(in srgb,var(--collection-icon-color) 35%,var(--line))}
html[data-theme=dark] .collection-icon{background:var(--surface-2)!important;border-color:var(--line)!important}
html[data-theme=dark] .collection-card[data-color=yellow] .collection-icon{color:#f0c85a!important}
html[data-theme=dark] .collection-card[data-color=mint] .collection-icon{color:#65d6a6!important}
html[data-theme=dark] .collection-card[data-color=coral] .collection-icon{color:#ff9a82!important}
html[data-theme=dark] .collection-card[data-color=blue] .collection-icon{color:#78b6ef!important}
html[data-theme=dark] .collection-card[data-color=pink] .collection-icon{color:#ff86b0!important}
html[data-theme=dark] .collection-card[data-color=violet] .collection-icon{color:#aa96ee!important}

/* Desktop / landscape workspace refinement */
.collection-vault-heading-actions{display:flex;align-items:center;gap:10px}
.vault-collapse-button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 3px 10px rgba(23,27,29,.04)}
.vault-collapse-button span{font-size:18px;line-height:1;font-weight:500}
.collection-vault-section.is-collapsed .collection-vault-subtitle,
.collection-vault-section.is-collapsed .collection-grid-group{display:none}
.collection-vault-section.is-collapsed{padding-bottom:4px}
#syncDialog .modal-card{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(520px,calc(100% - 32px));max-height:min(760px,calc(100dvh - 32px));border-radius:28px;padding:28px}
#syncDialog .modal-head{margin-bottom:24px}
#syncDialog .sync-account-note{margin-top:0}

@media (min-width:800px) and (orientation:landscape), (min-width:1100px){
  .app-shell{
    width:calc(100% - 128px);
    max-width:1480px;
    margin-left:108px;
    margin-right:20px;
    padding-left:28px;
    padding-right:28px;
    padding-bottom:40px;
  }
  .topbar{height:58px;margin-bottom:38px}
  main{gap:48px}
  .hero{max-width:none}
  .quick-add{max-width:none}
  .collections-section,.bookmarks-section{max-width:none}
  .collection-grid-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .bookmark-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .bottom-nav{
    left:18px;
    top:50%;
    bottom:auto;
    transform:translateY(-50%);
    width:82px;
    height:auto;
    min-height:430px;
    padding:12px 8px;
    border-radius:24px;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(5,1fr);
    gap:8px;
  }
  .nav-item{
    width:100%!important;
    height:auto!important;
    min-height:76px!important;
    border-radius:17px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:7px;
  }
  .nav-item span{font-size:26px!important}
  .nav-item small{font-size:10px!important;margin-top:0}
  .nav-item#navSearchBtn{
    align-self:stretch;
    justify-self:stretch;
    border-radius:18px;
  }
  .nav-item#navSearchBtn span{font-size:34px!important}
}

@media (min-width:800px) and (max-width:1099px) and (orientation:landscape){
  .app-shell{width:calc(100% - 116px);margin-left:100px;padding-left:20px;padding-right:20px}
  .collection-grid-group{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bookmark-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Keep collection actions grouped together on desktop instead of stretching across the page. */
@media (min-width:800px) and (orientation:landscape), (min-width:1100px){
  .collections-section > .section-heading{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:end;
    justify-content:initial;
    gap:24px;
  }
  .collections-section > .section-heading .small-button{
    justify-self:start;
    white-space:nowrap;
  }
  .collections-section > .section-heading .private-collections-button{
    justify-self:start;
  }
}
@media (min-width:800px) and (max-width:1099px) and (orientation:landscape){
  .collections-section > .section-heading{gap:16px}
}


/* Ferdz.Music-inspired color system: visual palette only, no iframe/theme bridge. */
:root{
  --bg:#E4E0D7!important;
  --surface:#FDFEFE!important;
  --surface-2:#E6E8EB!important;
  --ink:#25201E!important;
  --muted:#60656A!important;
  --line:#CECBC9!important;
  --line-strong:#C8C1B8!important;
  --accent:#F9792C!important;
  --accent-soft:#FFE5D6!important;
  --control:#F9792C!important;
  --control-ink:#22272E!important;
  --mint:#087C58!important;
  --mint-soft:#E8F3ED!important;
  --shadow:0 7px 22px rgba(37,32,30,.07)!important;
  color-scheme:light;
}
html,body{
  background:#E4E0D7!important;
  color:#25201E!important;
}
body{
  background:#E4E0D7!important;
}
.quick-input-wrap,
.collection-card,
.bookmark-card,
.appearance-card,
.setting-row,
.sync-chip,
.icon-button,
.small-button{
  background:#FDFEFE!important;
  border-color:#CECBC9!important;
  color:#25201E!important;
}
.quick-input-wrap input,
.modal-card input,
.modal-card select,
.modal-card textarea,
.search-panel input{
  background:#FDFEFE!important;
  color:#25201E!important;
}
.search-panel{
  background:rgba(253,254,254,.88)!important;
  border-color:#CECBC9!important;
}
.search-panel input{background:#E6E8EB!important}
.paste-button,
.small-button,
.filter-pill,
.icon-button,
.collection-menu{
  background:#E6E8EB!important;
  color:#25201E!important;
}
.add-button,
.primary-button,
.filter-pill.active,
.nav-item#navSearchBtn{
  background:#F9792C!important;
  border-color:#F9792C!important;
  color:#22272E!important;
}
.secondary-button{background:#E6E8EB!important;color:#25201E!important}
.danger-button{background:#FFE5D6!important;color:#4A1D08!important}
.bottom-nav{
  background:rgba(253,254,254,.94)!important;
  border-color:#CECBC9!important;
  box-shadow:0 14px 38px rgba(37,32,30,.12)!important;
}
.nav-item{color:#60656A!important}
.nav-item.active{
  background:#FDFEFE!important;
  color:#25201E!important;
  box-shadow:inset 0 0 0 1px #CECBC9!important;
}
.hero .eyebrow,
.section-heading .eyebrow,
.settings-kicker,
.settings-group-label{
  color:#F9792C!important;
}
.hero h1,
.section-heading h2,
.collection-name,
.bookmark-title strong,
.appearance-copy strong{
  color:#25201E!important;
}
.collection-card{
  box-shadow:5px 5px 0 rgba(37,32,30,.10);
}
.collection-card:hover{box-shadow:7px 7px 0 rgba(37,32,30,.12)}
.collection-card-tab{border-color:#25201E!important}
.collection-icon{
  background:#E6E8EB!important;
  color:#25201E!important;
  border-color:#CECBC9!important;
  box-shadow:none!important;
}
.bookmark-visual{background:#E6E8EB!important}
.bookmark-brand-shell{background:linear-gradient(145deg,#E6E8EB,#FDFEFE)!important}
.bookmark-brand-fallback .bookmark-favicon{
  background:#FFE5D6!important;
  color:#F9792C!important;
}
.tag{
  background:#FFE5D6!important;
  color:#8A3E17!important;
}
.modal-card{
  background:#FDFEFE!important;
  color:#25201E!important;
  box-shadow:0 -12px 50px rgba(37,32,30,.12)!important;
}
.modal-card input,
.modal-card select,
.modal-card textarea,
.toggle-line,
.metadata-preview,
.notice-card,
.settings-stack{
  border-color:#CECBC9!important;
}
.toggle-line,
.metadata-preview,
.notice-card,
.setting-row{
  background:#FDFEFE!important;
}
.storage-reminder-card{
  background:#FDFEFE!important;
  color:#25201E!important;
  border-color:#CECBC9!important;
}
.storage-reminder-card strong{color:#25201E!important}
.storage-reminder-card p{color:#60656A!important}
.storage-reminder-icon{
  background:#E6E8EB!important;
  color:#25201E!important;
  border-color:#CECBC9!important;
}
.storage-reminder-card.cloud .storage-reminder-icon{background:#FFE5D6!important}
.storage-reminder-card.local .storage-reminder-icon{background:#E8F3ED!important}
.storage-reminder-modal .modal-card{
  background:#FDFEFE!important;
  color:#25201E!important;
}
.storage-reminder-modal .modal-head h2{color:#25201E!important}
.storage-reminder-modal .modal-actions .primary-button{
  background:#F9792C!important;
  color:#22272E!important;
}
.inbox-card{
  border-color:#CECBC9!important;
  background:linear-gradient(100deg,#E8F3ED,#FDFEFE 72%)!important;
}
.inbox-icon{background:#E8F3ED!important}
/* Ferdz.Music dark palette. */
html[data-theme="dark"]{
  --bg:#22272E!important;
  --surface:#2C3138!important;
  --surface-2:#343A42!important;
  --ink:#FDFEFE!important;
  --muted:#D2D6DA!important;
  --line:#515859!important;
  --line-strong:#4A443F!important;
  --accent:#F9792C!important;
  --accent-soft:#5B3929!important;
  --control:#F9792C!important;
  --control-ink:#22272E!important;
  --mint:#56C59B!important;
  --mint-soft:#19352C!important;
  --shadow:0 8px 26px rgba(0,0,0,.28)!important;
  color-scheme:dark;
}
html[data-theme="dark"],
html[data-theme="dark"] body{
  background:#22272E!important;
  color:#FDFEFE!important;
}
html[data-theme="dark"] body{
  background:radial-gradient(circle at 15% -10%,rgba(249,121,44,.07),transparent 30%),#22272E!important;
}
html[data-theme="dark"] .quick-input-wrap,
html[data-theme="dark"] .collection-card,
html[data-theme="dark"] .bookmark-card,
html[data-theme="dark"] .appearance-card,
html[data-theme="dark"] .setting-row,
html[data-theme="dark"] .sync-chip,
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .small-button{
  background:#2C3138!important;
  border-color:#515859!important;
  color:#FDFEFE!important;
}
html[data-theme="dark"] .quick-input-wrap input,
html[data-theme="dark"] .modal-card input,
html[data-theme="dark"] .modal-card select,
html[data-theme="dark"] .modal-card textarea,
html[data-theme="dark"] .search-panel input{
  background:#343A42!important;
  color:#FDFEFE!important;
}
html[data-theme="dark"] .search-panel{
  background:rgba(44,49,56,.90)!important;
  border-color:#515859!important;
}
html[data-theme="dark"] .paste-button,
html[data-theme="dark"] .small-button,
html[data-theme="dark"] .filter-pill,
html[data-theme="dark"] .icon-button,
html[data-theme="dark"] .collection-menu{
  background:#343A42!important;
  color:#FDFEFE!important;
}
html[data-theme="dark"] .add-button,
html[data-theme="dark"] .primary-button,
html[data-theme="dark"] .filter-pill.active,
html[data-theme="dark"] .nav-item#navSearchBtn{
  background:#F9792C!important;
  border-color:#F9792C!important;
  color:#22272E!important;
}
html[data-theme="dark"] .secondary-button{
  background:#343A42!important;
  color:#FDFEFE!important;
}
html[data-theme="dark"] .danger-button{
  background:#5B3929!important;
  color:#FFDCC2!important;
}
html[data-theme="dark"] .bottom-nav{
  background:rgba(44,49,56,.94)!important;
  border-color:#515859!important;
  box-shadow:0 14px 38px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .nav-item{color:#D2D6DA!important}
html[data-theme="dark"] .nav-item.active{
  background:#343A42!important;
  color:#FDFEFE!important;
  box-shadow:inset 0 0 0 1px #515859!important;
}
html[data-theme="dark"] .hero .eyebrow,
html[data-theme="dark"] .section-heading .eyebrow,
html[data-theme="dark"] .settings-kicker,
html[data-theme="dark"] .settings-group-label{
  color:#F9792C!important;
}
html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .collection-name,
html[data-theme="dark"] .bookmark-title strong,
html[data-theme="dark"] .appearance-copy strong{
  color:#FDFEFE!important;
}
html[data-theme="dark"] .collection-card{
  box-shadow:5px 5px 0 rgba(0,0,0,.22);
}
html[data-theme="dark"] .collection-card:hover{box-shadow:7px 7px 0 rgba(0,0,0,.28)}
html[data-theme="dark"] .collection-card-tab{border-color:#FDFEFE!important}
html[data-theme="dark"] .collection-icon{
  background:#343A42!important;
  color:#FDFEFE!important;
  border-color:#515859!important;
}
html[data-theme="dark"] .bookmark-visual{background:#343A42!important}
html[data-theme="dark"] .bookmark-brand-shell{
  background:linear-gradient(145deg,#343A42,#2C3138)!important;
}
html[data-theme="dark"] .bookmark-brand-fallback .bookmark-favicon{
  background:#5B3929!important;
  color:#F9792C!important;
}
html[data-theme="dark"] .tag{
  background:#5B3929!important;
  color:#FFDCC2!important;
}
html[data-theme="dark"] .modal-card{
  background:#2C3138!important;
  color:#FDFEFE!important;
  box-shadow:0 -12px 50px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .modal-card input,
html[data-theme="dark"] .modal-card select,
html[data-theme="dark"] .modal-card textarea,
html[data-theme="dark"] .toggle-line,
html[data-theme="dark"] .metadata-preview,
html[data-theme="dark"] .notice-card,
html[data-theme="dark"] .settings-stack{
  border-color:#515859!important;
}
html[data-theme="dark"] .toggle-line,
html[data-theme="dark"] .metadata-preview,
html[data-theme="dark"] .notice-card,
html[data-theme="dark"] .setting-row{
  background:#2C3138!important;
}
html[data-theme="dark"] .storage-reminder-card{
  background:#2C3138!important;
  color:#FDFEFE!important;
  border-color:#515859!important;
}
html[data-theme="dark"] .storage-reminder-card strong{color:#FDFEFE!important}
html[data-theme="dark"] .storage-reminder-card p{color:#D2D6DA!important}
html[data-theme="dark"] .storage-reminder-icon{
  background:#343A42!important;
  color:#FDFEFE!important;
  border-color:#515859!important;
}
html[data-theme="dark"] .storage-reminder-card.cloud .storage-reminder-icon{background:#5B3929!important}
html[data-theme="dark"] .storage-reminder-card.local .storage-reminder-icon{background:#19352C!important}
html[data-theme="dark"] .storage-reminder-modal .modal-card{
  background:#2C3138!important;
  color:#FDFEFE!important;
}
html[data-theme="dark"] .storage-reminder-modal .modal-head h2{color:#FDFEFE!important}
html[data-theme="dark"] .storage-reminder-modal .modal-actions .primary-button{
  background:#F9792C!important;
  color:#22272E!important;
}
html[data-theme="dark"] .inbox-card{
  border-color:#515859!important;
  background:linear-gradient(100deg,#19352C,#2C3138 72%)!important;
}
html[data-theme="dark"] .inbox-icon{background:#19352C!important}

/* Global desktop/landscape refinement: use the full available canvas and scale grids with the viewport. */
@media (min-width:800px) and (orientation:landscape), (min-width:1100px){
  .app-shell{
    width:calc(100% - 126px);
    max-width:none;
    margin-left:108px;
    margin-right:18px;
    padding-left:clamp(24px,2.2vw,48px);
    padding-right:clamp(24px,2.2vw,48px);
    padding-bottom:clamp(40px,4vw,72px);
    box-sizing:border-box;
  }

  .topbar{
    height:clamp(58px,4vw,72px);
    margin-bottom:clamp(34px,3vw,52px);
  }

  main{
    gap:clamp(44px,4vw,72px);
  }

  .hero,
  .quick-add,
  .collections-section,
  .bookmarks-section{
    max-width:none;
  }

  .collection-grid-group{
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:clamp(16px,1.4vw,24px);
  }

  .bookmark-list{
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:clamp(14px,1.2vw,22px);
  }

  .section-heading{
    margin-bottom:clamp(16px,1.5vw,22px);
  }

  .collection-vault-section{
    margin-top:clamp(24px,2.2vw,36px);
  }
}

@media (min-width:800px) and (max-width:1099px) and (orientation:landscape){
  .app-shell{
    width:calc(100% - 116px);
    margin-left:100px;
    margin-right:16px;
    padding-left:clamp(20px,2.4vw,30px);
    padding-right:clamp(20px,2.4vw,30px);
  }

  .collection-grid-group{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .bookmark-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}