@font-face{font-family:Michroma;src:url('/qura/assets/fonts/Michroma-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.brand,.logo{font-family:Michroma,'Segoe UI',sans-serif!important;font-weight:400!important;letter-spacing:.18em!important;font-size:19px!important;line-height:1.3!important}
.brand .symbol,.logo .symbol{width:34px;height:34px;object-fit:contain;flex:none;mix-blend-mode:normal}
.wordmark{font-family:Michroma,'Segoe UI',sans-serif;font-weight:400;font-size:18px;letter-spacing:.2em;width:auto;line-height:1.3;mix-blend-mode:normal;filter:none!important;white-space:nowrap;color:var(--fg)}
.hero-brand.wordmark{font-size:clamp(43px,5.3vw,68px);width:auto;max-width:100%;letter-spacing:.16em;margin-left:0;line-height:1.5}
:root[data-theme=light] .wordmark{mix-blend-mode:normal;filter:none!important}
:root[data-theme=light] .brand .symbol,:root[data-theme=light] .logo .symbol{filter:invert(1)}
@media(max-width:640px){.brand,.logo{font-size:16px!important}.wordmark{font-size:15px}.brand .symbol,.logo .symbol{width:28px;height:28px}.hero-brand.wordmark{font-size:clamp(37px,9vw,55px)}}

@media(prefers-reduced-motion:no-preference){body,header,.topbar,.builder-panel,.category-editor,input,textarea,select,button,.sheet-preview th,.sheet-preview td{transition:background-color .28s ease,color .28s ease,border-color .28s ease}.theme-toggle,#theme-toggle{transition:opacity .2s ease,transform .2s ease} .theme-fade{animation:theme-fade .32s ease}@keyframes theme-fade{0%{opacity:.4;transform:rotate(-25deg)}100%{opacity:1;transform:rotate(0)}}}