:root{
  --ui-radius-sm:8px;--ui-radius-md:12px;--ui-radius-lg:16px;
  --ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-6:24px;
  --ui-border:1px solid rgba(214,174,96,.24);
  --ui-shadow-1:0 2px 8px rgba(0,0,0,.18);
  --ui-shadow-2:0 8px 22px rgba(0,0,0,.24);
  --ui-panel:#171a1f;--ui-panel-2:#20242b;--ui-accent:#d3a950;--ui-muted:#9da3ad;
  --ui-icon-sm:20px;--ui-icon-md:24px;--ui-icon-lg:32px;
}
/* Lightweight visual unification: CSS + inline SVG only */
.modalCard,.settingsPanel,.library .libraryCard,.catalog .cigarCard{
  border-radius:var(--ui-radius-lg)!important;border:var(--ui-border)!important;
  box-shadow:var(--ui-shadow-1)!important;
}
.modalHeader{gap:var(--ui-space-3);padding-bottom:var(--ui-space-3);border-bottom:1px solid rgba(214,174,96,.14)}
.btn,.control,.canvasToggle,.toolBtn{border-radius:var(--ui-radius-sm)!important}
.settingsGrid{gap:var(--ui-space-4)!important}.settingsPanel{padding:var(--ui-space-4)!important;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),var(--ui-panel-2)!important}
.library,.catalog{gap:var(--ui-space-4)!important}
.library .libraryCard,.catalog .cigarCard{overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),var(--ui-panel-2)!important;transition:none!important}
.catalog .cigarCard:hover,.library .libraryCard:hover{transform:none!important;box-shadow:var(--ui-shadow-2)!important}
.nav svg,.toolBtn svg,.canvasToggle svg,.iconBtn svg{width:var(--ui-icon-md);height:var(--ui-icon-md);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav,.btn,.toolBtn,.canvasToggle{transition:background-color .12s ease,border-color .12s ease,color .12s ease!important}
/* Small-format icon discipline */
.nav{--nav-icon-size:24px}.nav>svg,.navArt{width:24px!important;height:24px!important;flex:0 0 24px!important}
/* Cigar vitola silhouettes, rendered without image files */
.vitolaSilhouette{display:inline-block;width:72px;height:18px;position:relative;color:var(--ui-accent);opacity:.78}
.vitolaSilhouette::before{content:"";position:absolute;left:2px;right:8px;top:6px;height:6px;border-radius:999px;background:currentColor}
.vitolaSilhouette::after{content:"";position:absolute;right:2px;top:5px;border-left:9px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}
.vitolaSilhouette[data-shape="perfecto"]::before{left:8px;right:8px;border-radius:50% 50% 40% 40%/60% 60% 40% 40%;height:8px;top:5px}
.vitolaSilhouette[data-shape="lancero"]{width:90px}.vitolaSilhouette[data-shape="gordo"]::before{height:9px;top:4px}
/* Section identity without extra assets */
#libraryModal .modalHeader h2::before,#catalogModal .modalHeader h2::before,#settingsModal .modalHeader h2::before{display:inline-block;margin-right:8px;color:var(--ui-accent);font-size:.95em}
#libraryModal .modalHeader h2::before{content:"▥"}#catalogModal .modalHeader h2::before{content:"◫"}#settingsModal .modalHeader h2::before{content:"⚙"}
@media (max-width:720px){.modalCard{border-radius:var(--ui-radius-md)!important}.library,.catalog{gap:var(--ui-space-3)!important}.settingsPanel{padding:var(--ui-space-3)!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}