@font-face{font-family:ABCDiatype Medium;src:url(/fonts/ABCDiatype-Medium.woff2) format("woff2"),url(/fonts/ABCDiatype-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ABCDiatype Medium;src:url(/fonts/ABCDiatype-MediumItalic.woff2) format("woff2"),url(/fonts/ABCDiatype-MediumItalic.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}:root{--white:#FFFFFF;--background-color:#f4f5f1;--text-color:#3D3D3D;--error-color:#ff2900;--success-color:#298a60;--information-color:#006eff;--editor-text-background:#f4f5f1;--text-secondary:#D2C8BE;--button-bg:#f4f5f1;--button-hover-bg:#FAF800;--control-panel-bg:#f4f5f1;--analysis-bar-fill:#3D3D3D;--slugdata-bg:#FAF800;--menu-bg:#6C3EFF;--menu-bar-bg:rgba(0,0,0,0.5);--pill-bg:#3D3D3D;--pill-hover-bg:#3D3D3D;--success-color-dark:#1e6748;--information-color-dark:#0055cc;--error-color-dark:#cc2100;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--floating-element-shadow:0 calc(var(--spacing-xs) / 2) var(--spacing-xs) rgba(0,0,0,0.15);--backdrop-color:rgba(255,255,255,0);--backdrop-blur:var(--spacing-xs);--font-headline:"ABCDiatype Medium",sans-serif;--font-body:"ABCDiatype Medium",sans-serif;--font-size-logo:3rem;--font-size-headline:1.5rem;--font-size-body:1rem;--font-logo-letter-spacing:-0.04em;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--pill-height:2.3125rem;--pill-radius:2rem;--pill-padding-x:.5em;--pill-padding-top:var(--spacing-xs);--pill-padding-bottom:var(--spacing-xs);--pill-small-height:calc(var(--pill-height) * 0.75);--pill-small-padding-top:2px;--pill-small-padding-bottom:2px;--pill-small-padding-x:10px;--navbar-height:4rem;--max-width:75rem;--max-width-lg:87.5rem;--max-width-xl:100rem;--max-width-xxl:112.5rem;--control-panel-padding:var(--spacing-md);--button-padding:var(--spacing-xs) var(--spacing-md);--border-radius-small:var(--border-radius-large);--border-radius-large:1rem;--border-radius-button:2rem;--tray-height:100vh;--tray-max-height:100vh;--tray-top-padding:calc(var(--spacing-md) + var(--spacing-lg));--tray-radius:var(--border-radius-large);--tray-shadow:none;--tray-border:0px solid transparent;--transition-fast:0.1s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--icon-size-md:1.5rem;--disabled-bg:#cccccc}html{font-size:14px;line-height:1.2}@media(min-width:1200px),(min-width:768px){html{font-size:14px}}@media(min-width:1600px){html{font-size:16px}}@media(min-width:2000px){html{font-size:18px}}body{font-family:var(--font-body);margin:var(--spacing-md);color:var(--text-color)}::selection{background-color:var(--button-hover-bg);color:var(--text-color)}::-moz-selection{background-color:var(--button-hover-bg);color:var(--text-color)}.headline-text,h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);font-size:var(--font-size-headline);font-weight:400;margin-bottom:var(--spacing-md)}.btn{padding:var(--button-padding);background-color:var(--button-bg);color:var(--text-color);border:none;border-radius:var(--border-radius-button);cursor:pointer;transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1}.btn:hover{background-color:var(--button-hover-bg)}.btn:disabled{background-color:#cccccc;cursor:not-allowed}.card{background:var(--background-color);border-radius:var(--border-radius-large);box-shadow:var(--shadow-md);padding:var(--spacing-md);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.input{width:100%;padding:var(--spacing-sm);border:1px solid var(--text-secondary);border-radius:var(--border-radius-small);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--button-hover-bg)}.input-compact .MuiInputBase-root{padding-right:10px}.input-compact .MuiInputBase-input{padding:10px 12px!important}.input-compact .MuiOutlinedInput-notchedOutline{border-color:var(--text-secondary)}.input-compact .Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--button-hover-bg)}