.cm-mixer-workspace{gap:var(--space-6);max-width:1440px;margin:0 auto;display:grid}.cm-mixer-intro{justify-content:space-between;align-items:end;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.cm-mixer-intro h1{margin-bottom:var(--space-2)}.cm-mixer-intro p:last-child{max-width:50ch;color:var(--color-text-muted);margin:0}.cm-mixer-layout{gap:var(--space-8);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.cm-mixer-controls,.cm-mixer-results{gap:var(--space-5);min-width:0;display:grid}.cm-mixer-controls>.cm-primary-action{z-index:3;bottom:var(--space-3);width:100%;min-height:50px;position:sticky;box-shadow:0 8px 24px #1923412e}.cm-mixer-card{gap:var(--space-4);min-width:0;padding:0 0 var(--space-5);border-bottom:1px solid var(--color-border);display:grid}.cm-mixer-card:last-of-type{border-bottom:0}.cm-mixer-card h2,.cm-mixer-card legend{font-size:1.0625rem;font-weight:620}.cm-mixer-card legend{margin-bottom:var(--space-3)}.cm-section-heading,.cm-results__heading,.cm-recipe-card>header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.cm-section-heading h2,.cm-results__heading h2,.cm-recipe-card h3{margin:0}.cm-section-heading>span,.cm-source-badge{background:var(--color-surface-muted);color:var(--color-text-muted);border-radius:999px;flex:none;padding:4px 8px;font-size:.75rem}.cm-target-preview{align-items:center;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:112px minmax(0,1fr);display:grid;overflow:hidden}.cm-target-swatch{border-right:1px solid #0003;align-self:stretch;min-height:112px}.cm-target-preview>div:last-child{padding:var(--space-3) var(--space-4) var(--space-3) 0;gap:3px;display:grid}.cm-target-preview strong{font-size:.875rem}.cm-target-preview span{color:var(--color-text-muted);font-size:.8125rem}.cm-segments,.cm-mode-options{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.cm-segments button{min-height:44px;color:var(--color-text-muted);background:0 0;border:0;border-radius:7px;padding:8px;font-weight:580}.cm-segments button[aria-selected=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.cm-field-stack{gap:var(--space-3);display:grid}.cm-rgb-fields{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.cm-rgb-fields label{gap:var(--space-1);color:var(--color-text-muted);font-size:.75rem;display:grid}.cm-color-picker{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:100%;height:60px;padding:3px}.cm-palette-source{grid-template-columns:1fr 1fr}.cm-palette-source legend,.cm-palette-source .cm-help,.cm-palette-source .cm-user-palette-picker{grid-column:1/-1}.cm-palette-source>label,.cm-mode-option{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-weight:580;display:flex;position:relative}.cm-mode-option--active{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.cm-palette-source>label:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.cm-palette-source input,.cm-mode-option input{width:18px;height:18px;accent-color:var(--color-accent)}.cm-user-palette-picker{gap:var(--space-2);padding-top:var(--space-2);display:grid}.cm-mode-control{display:grid}.cm-mode-options{grid-template-columns:1fr 1fr}.cm-mode-option{border:0;justify-content:stretch;justify-items:start;display:grid}.cm-mode-option span{display:grid}.cm-mode-option small{font-weight:400}.cm-palette-card>p{color:var(--color-text-muted);margin:0}.cm-paint-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.cm-paint-grid>li,.cm-paint-toggle{min-width:0}.cm-paint-toggle{align-items:center;gap:var(--space-2);width:100%;min-height:58px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);text-align:left;grid-template-columns:34px minmax(0,1fr) auto;display:grid}.cm-paint-grid>li:not(:has(.cm-paint-toggle)){align-items:center;gap:var(--space-2);width:100%;min-height:58px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);text-align:left;grid-template-columns:34px minmax(0,1fr) auto;display:grid}.cm-paint-toggle:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.cm-paint-toggle[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.cm-paint-toggle[aria-pressed=true]:after{content:"";position:absolute}.cm-paint-swatch{border:1px solid #00000040;border-radius:50%;width:34px;height:34px}.cm-paint-swatch--empty{background:repeating-linear-gradient(45deg,var(--color-surface-muted),var(--color-surface-muted) 4px,var(--color-border) 4px,var(--color-border) 8px)}.cm-paint-copy{min-width:0;display:grid}.cm-paint-copy strong,.cm-paint-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cm-paint-copy strong{font-size:.8125rem}.cm-paint-copy small{font-size:.6875rem}.cm-selection-badge{background:var(--color-accent);width:22px;height:22px;color:var(--color-accent-contrast);border-radius:50%;place-items:center;font-size:.6875rem;font-weight:700;display:grid}.cm-fixed-guidance,.cm-selection-status{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.cm-fixed-guidance{padding:var(--space-3);border-left:3px solid var(--color-accent);background:var(--color-accent-soft);display:grid}.cm-fixed-guidance p{margin:0}.cm-calculation-status{min-height:54px;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent);font-weight:580}.cm-empty-results{min-height:420px;padding:var(--space-10);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;place-content:center;justify-items:center;display:grid}.cm-empty-results:before{width:104px;height:72px;margin-bottom:var(--space-5);border-radius:var(--radius-md);box-shadow:0 0 0 6px var(--color-surface-muted);content:"";background:linear-gradient(90deg,#5870cf 0 33%,#b45e6f 33% 66%,#d7b45a 66%)}.cm-empty-results p:last-child{max-width:42ch;color:var(--color-text-muted);margin:0}.cm-results{gap:var(--space-5);display:grid}.cm-results__heading{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.cm-results__heading p{max-width:36ch;color:var(--color-text-muted);text-align:right;margin:0;font-size:.875rem}.cm-recipe-list{gap:var(--space-4);display:grid}.cm-recipe-card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.cm-recipe-card:first-child{border-color:var(--color-accent);box-shadow:inset 3px 0 0 var(--color-accent)}.cm-recipe-card:first-child>header .cm-kicker:after{content:" · Beste Empfehlung"}.cm-delta{background:var(--color-surface-muted);border-radius:999px;padding:6px 9px;font-size:.8125rem}.cm-comparison{gap:var(--space-2);border-radius:var(--radius-md);background:var(--cm-color-evaluation-background);padding:var(--space-2);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.cm-comparison__item{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2);color:#171717;background:#ffffffeb;border-radius:8px;grid-template-columns:56px 1fr;display:grid}.cm-comparison__swatch{border:1px solid #0003;border-radius:8px;grid-row:1/3;width:56px;height:56px}.cm-comparison__item .cm-mono{font-size:.75rem}.cm-ingredients{display:grid}.cm-ingredient-header,.cm-ingredient-row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:42px minmax(0,1fr) minmax(72px,auto) minmax(62px,auto);display:grid}.cm-ingredient-header{color:var(--color-text-subtle);letter-spacing:.05em;text-transform:uppercase;padding-top:0;font-size:.6875rem;font-weight:620}.cm-ingredient-row:last-child{border-bottom:0}.cm-ingredient-row>[role=cell]:nth-child(2){display:grid}.cm-ingredient-row small{color:var(--color-text-muted)}.cm-ingredient-swatch{border:1px solid #00000040;border-radius:50%;width:38px;height:38px;display:block}.cm-recipe-card details{border-top:1px solid var(--color-border)}.cm-recipe-card summary{min-height:44px;color:var(--color-text-muted);cursor:pointer;align-items:center;font-size:.875rem;font-weight:580;display:flex}.cm-tech-details{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.cm-tech-details>div{justify-content:space-between;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-muted);display:flex}.cm-tech-details dt{color:var(--color-text-muted)}.cm-tech-details dd{margin:0}.cm-save-recipe__panel{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:grid}.cm-save-recipe__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.cm-correction-action{width:100%;margin-top:var(--space-1)}.cm-image-input,.cm-image-viewer{gap:var(--space-3);display:grid}.cm-image-file-row{display:flex}.cm-image-file-row input{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.cm-file-label{width:100%;min-height:112px;padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-accent);cursor:pointer;justify-content:center;align-items:center;display:flex}.cm-privacy-note{color:var(--color-text-muted);margin:0;font-size:.8125rem}.cm-privacy-note:before{content:"●";color:var(--color-success);margin-right:6px}.cm-image-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cm-image-toolbar button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:44px;min-height:44px}.cm-image-canvas{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#111;max-height:440px;display:block}.cm-image-meta,.cm-image-sample-preview{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.cm-image-meta{color:var(--color-text-muted);margin:0;font-size:.75rem}.cm-image-swatch{border-radius:var(--radius-sm);border:1px solid #00000040;flex:0 0 52px;width:52px;height:52px}.cm-sampling-control{gap:var(--space-2);display:grid}.cm-sampling-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.cm-sampling-options label{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex}@media (width>=1100px){.cm-mixer-layout{grid-template-columns:minmax(380px,420px) minmax(0,1fr);gap:clamp(32px,4vw,64px)}.cm-mixer-controls{max-height:calc(100dvh - 64px);padding-right:var(--space-2);scrollbar-width:thin;position:sticky;top:32px;overflow:auto}.cm-mixer-controls>.cm-primary-action{bottom:0}.cm-mixer-results{min-height:560px}.cm-recipe-list:has(>article:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.cm-recipe-list>article:first-child{grid-column:1/-1}.cm-recipe-list>article:not(:first-child) .cm-ingredient-header{display:none}.cm-recipe-list>article:not(:first-child) .cm-ingredient-row{grid-template-columns:36px minmax(0,1fr) auto}.cm-recipe-list>article:not(:first-child) .cm-ingredient-row>[role=cell]:last-child{display:none}}@media (width<=767px){.cm-mixer-intro{display:grid}.cm-mixer-layout{gap:var(--space-6)}.cm-target-preview{grid-template-columns:88px 1fr}.cm-target-swatch{min-height:96px}.cm-section-heading,.cm-results__heading,.cm-recipe-card>header{display:grid}.cm-results__heading p{text-align:left}.cm-paint-grid{grid-template-columns:1fr 1fr}.cm-comparison{grid-template-columns:1fr}.cm-ingredient-header{display:none}.cm-ingredient-row{grid-template-columns:42px minmax(0,1fr) auto}.cm-ingredient-row>[role=cell]:last-child{color:var(--color-text-muted);grid-column:2;font-size:.75rem}.cm-tech-details{grid-template-columns:1fr}.cm-empty-results{min-height:300px;padding:var(--space-6)}}@media (width<=899px){.cm-mixer-controls>.cm-primary-action{bottom:calc(var(--cm-mobile-nav-height) + env(safe-area-inset-bottom) + var(--space-3))}}@media (width<=430px){.cm-segments,.cm-rgb-fields,.cm-palette-source{grid-template-columns:1fr}.cm-palette-source legend,.cm-palette-source .cm-help,.cm-palette-source .cm-user-palette-picker{grid-column:auto}.cm-paint-grid{grid-template-columns:1fr}.cm-fixed-guidance,.cm-selection-status{align-items:flex-start}.cm-selection-status{display:grid}.cm-recipe-card{padding:var(--space-4)}.cm-comparison__item{grid-template-columns:46px 1fr}.cm-comparison__swatch{width:46px;height:46px}.cm-ingredient-row{gap:var(--space-2);grid-template-columns:38px minmax(0,1fr) auto}}.cm-page--paints{gap:var(--space-10);max-width:1280px;display:grid}.cm-user-paints-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.cm-user-paints-heading p{max-width:58ch;color:var(--color-text-muted)}.cm-user-paint-form{gap:var(--space-5);padding:var(--space-6) 0;border-block:1px solid var(--color-border);display:grid}.cm-user-paint-form>header,.cm-user-paints-list>header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);display:flex}.cm-user-paint-fields{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cm-user-paint-fields label{gap:var(--space-2);font-size:.875rem;display:grid}.cm-user-paint-fields label span{color:var(--color-text-muted);font-size:.75rem;font-weight:400}.cm-user-paint-notes{grid-column:1/-1}.cm-user-paint-actions,.cm-delete-confirm{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cm-user-paints-list{gap:var(--space-5);display:grid}.cm-user-paints-list>header form{gap:var(--space-2);width:min(100%,460px);display:grid}.cm-user-paints-list>header form>div{gap:var(--space-2);display:flex}.cm-user-paint-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0;padding:0;list-style:none;display:grid}.cm-user-paint-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;transition:border-color var(--transition-fast),transform var(--transition-fast);grid-template-rows:150px 1fr;display:grid;overflow:hidden}.cm-user-paint-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.cm-user-paint-swatch{border-bottom:1px solid #0003;min-height:150px}.cm-user-paint-card__body{align-content:start;gap:var(--space-2);min-width:0;padding:var(--space-4);display:grid}.cm-user-paint-card__body>header{justify-content:space-between;gap:var(--space-2);display:flex}.cm-user-paint-card h3{margin:0}.cm-user-paint-card p{color:var(--color-text-muted);overflow-wrap:anywhere;margin:0}.cm-pigment-list{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cm-pigment-list li{background:var(--color-surface-muted);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:620}.cm-user-paint-actions{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.cm-user-paints-empty,.cm-user-paints-guest{justify-items:start;gap:var(--space-2);padding:var(--space-10);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);display:grid}.cm-user-paints-empty p,.cm-user-paints-guest p{max-width:54ch;color:var(--color-text-muted);margin:0}.cm-load-more{justify-self:center}@media (width<=800px){.cm-user-paints-heading,.cm-user-paint-form>header,.cm-user-paints-list>header{display:grid}.cm-user-paint-fields{grid-template-columns:1fr}.cm-user-paint-notes{grid-column:auto}.cm-user-paints-list>header form{width:100%}}@media (width<=520px){.cm-page--paints{gap:var(--space-8)}.cm-user-paint-grid{grid-template-columns:1fr}.cm-user-paints-list>header form>div{display:grid}.cm-user-paint-card{grid-template-rows:none;grid-template-columns:112px 1fr}.cm-user-paint-swatch{border-bottom:0;border-right:1px solid #0003;min-height:100%}.cm-user-paints-empty,.cm-user-paints-guest{padding:var(--space-6)}}@media (width<=390px){.cm-user-paint-card{grid-template-rows:112px 1fr;grid-template-columns:1fr}.cm-user-paint-swatch{border-bottom:1px solid #0003;border-right:0}}.cm-palettes-workspace{gap:var(--space-8);max-width:1280px;margin:0 auto;display:grid}.cm-palettes-workspace>header,.cm-panel-heading,.cm-panel-actions{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.cm-palettes-workspace>header p{max-width:56ch;color:var(--color-text-muted)}.cm-palettes-auth{justify-items:start;gap:var(--space-3);padding:var(--space-10);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);display:grid}.cm-palette-search{gap:var(--space-2);display:grid}.cm-palette-search>div{gap:var(--space-2);display:flex}.cm-palette-search input{flex:1;min-width:0}.cm-palettes-layout{gap:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;display:grid}.cm-palettes-layout>aside{gap:var(--space-4);display:grid}.cm-palette-list,.cm-palette-paints{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.cm-palette-search button,.cm-paint-picker [role=search] button{min-height:44px}.cm-palette-list button{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);text-align:left;gap:2px;display:grid}.cm-palette-list button:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.cm-palette-list button[aria-current=true]{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--color-accent)}.cm-palette-list span,.cm-palette-list small,.cm-palette-paint small{color:var(--color-text-muted);display:block}.cm-palette-panel{gap:var(--space-5);padding-left:var(--space-8);border-left:1px solid var(--color-border);display:grid}.cm-palette-panel>label{gap:var(--space-2);font-size:.875rem;display:grid}.cm-paint-picker{gap:var(--space-1);max-height:360px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);display:grid;overflow:auto}.cm-paint-picker label{align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2);border-radius:var(--radius-sm);font-weight:500;display:flex}.cm-paint-picker label:has(input:checked){background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px var(--color-accent)}.cm-paint-picker input{width:18px;height:18px;accent-color:var(--color-accent)}.cm-paint-swatch{border:1px solid #00000040;border-radius:50%;flex:0 0 32px;width:32px;height:32px}.cm-palette-paint{align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.cm-palette-paint:last-child{border-bottom:0}.cm-palette-row-actions{gap:var(--space-1);display:flex}.cm-palette-row-actions button{min-width:44px;min-height:44px}.cm-palette-empty{justify-items:start;gap:var(--space-2);padding:var(--space-10);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);display:grid}.cm-dirty-state{color:var(--color-text-muted)}@media (width<=1024px){.cm-palettes-layout{gap:var(--space-6);grid-template-columns:1fr}.cm-palette-panel{padding:var(--space-6) 0 0;border-top:1px solid var(--color-border);border-left:0}}@media (width<=560px){.cm-palettes-workspace>header,.cm-panel-heading{display:grid}.cm-palettes-workspace>header .cm-primary-button{width:100%}.cm-palette-search>div{display:grid}.cm-palette-panel{padding-top:var(--space-5)}.cm-palette-paint{grid-template-columns:auto 1fr}.cm-palette-row-actions{grid-column:1/-1}.cm-palette-empty{padding:var(--space-6)}}.cm-recipes-workspace,.cm-recipes-auth{gap:var(--space-6);display:grid}.cm-recipes-workspace>header,.cm-recipe-detail>header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);display:flex}.cm-recipes-workspace>header p{max-width:58ch;color:var(--color-text-muted)}.cm-recipes-auth{padding:var(--space-10);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);justify-items:start}.cm-recipe-filters{align-items:end;gap:var(--space-3);padding-block:var(--space-5);border-block:1px solid var(--color-border);grid-template-columns:minmax(220px,2fr) repeat(2,minmax(160px,1fr)) auto auto;display:grid}.cm-recipe-filters label,.cm-recipe-edit label{gap:var(--space-2);font-size:.875rem;display:grid}.cm-recipe-filters>button{min-height:44px}.cm-recipes-layout{gap:var(--space-8);grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;display:grid}.cm-recipes-layout>aside{gap:var(--space-3);display:grid}.cm-recipe-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.cm-recipe-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);position:relative;overflow:hidden}.cm-recipe-card-main{gap:var(--space-2);width:100%;padding:var(--space-4);color:inherit;text-align:left;background:0 0;border:0;padding-right:60px;display:grid}.cm-recipe-card-main:hover{background:var(--color-surface-muted)}.cm-recipe-card-main[aria-current=true]{background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--color-accent)}.cm-recipe-card-main span,.cm-recipe-card-main small{color:var(--color-text-muted)}.cm-recipe-card-colors{gap:var(--space-1);display:flex}.cm-recipe-card-colors i,.cm-recipe-swatch{border:1px solid #00000040;border-radius:50%;width:28px;height:28px}.cm-card-delete{min-width:44px;padding:8px;position:absolute;top:8px;right:8px}.cm-recipe-detail{gap:var(--space-6);min-width:0;padding-left:var(--space-8);border-left:1px solid var(--color-border);display:grid}.cm-recipe-detail header p,.cm-recipe-notes{margin:var(--space-1) 0 0;color:var(--color-text-muted);white-space:pre-wrap}.cm-recipe-actions,.cm-save-recipe__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.cm-recipe-facts{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:0;display:grid}.cm-recipe-facts div{padding:var(--space-3);border-top:1px solid var(--color-border)}.cm-recipe-facts dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.cm-recipe-facts dd{margin:var(--space-1) 0 0;font-weight:630}.cm-saved-color-comparison{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.cm-saved-color-comparison article{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.cm-saved-color-comparison .cm-recipe-swatch{border:0;border-bottom:1px solid #0000002e;border-radius:0;width:100%;height:120px}.cm-saved-color-comparison article>div:last-child{padding:var(--space-3)}.cm-saved-ingredients{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.cm-saved-ingredients li{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.cm-recipe-edit,.cm-save-recipe__panel{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:grid}.cm-recipe-empty{justify-items:start;gap:var(--space-2);padding:var(--space-10);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);display:grid}@media (width<=1200px){.cm-recipe-filters{grid-template-columns:1fr 1fr}.cm-recipe-filters label:first-child{grid-column:1/-1}.cm-recipes-layout{grid-template-columns:1fr}.cm-recipe-detail{padding:var(--space-6) 0 0;border-top:1px solid var(--color-border);border-left:0}}@media (width<=560px){.cm-recipes-workspace>header,.cm-recipe-detail>header{display:grid}.cm-recipe-filters{grid-template-columns:1fr}.cm-recipe-filters label:first-child{grid-column:auto}.cm-saved-color-comparison{grid-template-columns:1fr}.cm-saved-ingredients li{grid-template-columns:auto 1fr}.cm-saved-ingredients b{grid-column:2}.cm-recipe-card-main{padding-right:56px}.cm-recipe-empty,.cm-recipes-auth{padding:var(--space-6)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f5f6f8;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-muted:#eef0f4;--color-border:#d9dde5;--color-border-strong:#b8c0cf;--color-text:#171a21;--color-text-muted:#5f6675;--color-text-subtle:#666e7d;--color-accent:#3659d9;--color-accent-hover:#2b49bd;--color-accent-active:#223b9f;--color-accent-soft:#e9edff;--color-accent-contrast:#fff;--color-danger:#b42335;--color-danger-soft:#fff0f2;--color-success:#18794e;--color-success-soft:#e9f8f0;--color-warning:#93640d;--color-warning-soft:#fff6dd;--color-focus:#5979ee;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #11182712;--shadow-md:0 16px 40px #11182721;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cm-color-background:var(--color-bg);--cm-color-surface:var(--color-surface);--cm-color-surface-raised:var(--color-surface-raised);--cm-color-surface-secondary:var(--color-surface-muted);--cm-color-surface-muted:var(--color-surface-muted);--cm-color-border:var(--color-border);--cm-color-border-strong:var(--color-border-strong);--cm-color-text:var(--color-text);--cm-color-text-muted:var(--color-text-muted);--cm-color-text-subtle:var(--color-text-subtle);--cm-color-accent:var(--color-accent);--cm-color-accent-hover:var(--color-accent-hover);--cm-color-accent-active:var(--color-accent-active);--cm-color-accent-contrast:var(--color-accent-contrast);--cm-color-danger:var(--color-danger);--cm-color-success:var(--color-success);--cm-color-warning:var(--color-warning);--cm-color-focus:var(--color-focus);--cm-color-evaluation-background:#767676;--cm-space-1:var(--space-1);--cm-space-2:var(--space-2);--cm-space-3:var(--space-3);--cm-space-4:var(--space-4);--cm-space-5:var(--space-5);--cm-space-6:var(--space-6);--cm-space-8:var(--space-8);--cm-space-10:var(--space-10);--cm-space-12:var(--space-12);--cm-space-16:var(--space-16);--cm-radius-sm:var(--radius-sm);--cm-radius-md:var(--radius-md);--cm-radius-lg:var(--radius-lg);--cm-shadow-sm:var(--shadow-sm);--cm-shadow-md:var(--shadow-md);--cm-font-family:var(--font-sans);--cm-font-size-xs:.75rem;--cm-font-size-sm:.875rem;--cm-font-size-md:1rem;--cm-font-size-lg:1.125rem;--cm-font-size-xl:1.375rem;--cm-font-size-2xl:clamp(2rem, 3vw, 2.25rem);--cm-sidebar-width:232px;--cm-mobile-header-height:60px;--cm-mobile-nav-height:72px;--transition-fast:.18s ease}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#111318;--color-surface:#191c23;--color-surface-raised:#20242d;--color-surface-muted:#252a34;--color-border:#343a47;--color-border-strong:#4d5668;--color-text:#f4f6fa;--color-text-muted:#b2b8c5;--color-text-subtle:#8f98a9;--color-accent:#8299ff;--color-accent-hover:#9aabff;--color-accent-active:#b3c0ff;--color-accent-soft:#252e55;--color-accent-contrast:#11162b;--color-danger:#ff9aa8;--color-danger-soft:#3d242b;--color-success:#72d5a7;--color-success-soft:#17372a;--color-warning:#efc15b;--color-warning-soft:#3b321d;--color-focus:#a9b7ff;--shadow-sm:0 1px 2px #00000047;--shadow-md:0 18px 44px #00000061}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s}}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);scroll-padding-bottom:calc(var(--cm-mobile-nav-height) + env(safe-area-inset-bottom))}body{background:var(--color-bg);min-width:0;min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:var(--color-accent);text-underline-offset:3px}a:hover{color:var(--color-accent-hover)}img,canvas,svg{max-width:100%}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-3);font-size:var(--cm-font-size-2xl);letter-spacing:-.03em;font-weight:650;line-height:1.12}h2{margin-bottom:var(--space-3);letter-spacing:-.015em;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:620;line-height:1.25}h3{margin-bottom:var(--space-2);font-size:1.0625rem;font-weight:620;line-height:1.35}p{margin-bottom:var(--space-4)}small{color:var(--color-text-muted);font-size:.8125rem}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--color-accent-soft);color:var(--color-text)}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:46px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:10px 12px;box-shadow:inset 0 1px #ffffff08}textarea{resize:vertical;min-height:104px}input:hover,select:hover,textarea:hover{border-color:var(--color-text-subtle)}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}fieldset{border:0;min-width:0;margin:0;padding:0}legend,label{font-weight:550}label{line-height:1.35}.cm-primary-action,.cm-primary-button,.cm-secondary-action,.cm-secondary-button,.cm-danger-action,.cm-danger-button,.cm-text-button,.cm-card-delete,.cm-mobile-settings{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-height:44px;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);border:1px solid #0000;padding:10px 16px;font-weight:620;line-height:1.2;text-decoration:none;display:inline-flex}.cm-primary-action,.cm-primary-button{background:var(--color-accent);color:var(--color-accent-contrast)}.cm-primary-action:hover,.cm-primary-button:hover{background:var(--color-accent-hover);color:var(--color-accent-contrast)}.cm-primary-action:active,.cm-primary-button:active{background:var(--color-accent-active);transform:translateY(1px)}.cm-secondary-action,.cm-secondary-button,.cm-text-button{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.cm-secondary-action:hover,.cm-secondary-button:hover,.cm-text-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted);color:var(--color-text)}.cm-danger-action,.cm-danger-button,.cm-card-delete{border-color:color-mix(in srgb,var(--color-danger) 35%,var(--color-border));color:var(--color-danger);background:0 0}.cm-danger-action:hover,.cm-danger-button:hover,.cm-card-delete:hover{background:var(--color-danger-soft)}.cm-kicker,.cm-eyebrow,.cm-page__eyebrow{margin:0 0 var(--space-2);color:var(--color-text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:650}.cm-muted,.cm-help,.cm-max-note{color:var(--color-text-muted);font-size:.875rem}.cm-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.cm-tabular-numbers{font-variant-numeric:tabular-nums}.cm-inline-error,.cm-workspace-error,.cm-auth-error,.cm-field-error{color:var(--color-danger)}.cm-inline-success{color:var(--color-success)}.cm-inline-error,.cm-inline-success,.cm-workspace-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-danger-soft)}.cm-inline-success{background:var(--color-success-soft)}.cm-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.cm-page-header p:last-child{max-width:62ch;color:var(--color-text-muted);margin-bottom:0}.cm-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.cm-color-evaluation-surface{background:var(--cm-color-evaluation-background);color:#fff;border-radius:var(--radius-md);border:1px solid #ffffff47}@media (width<=600px){body{font-size:.9375rem}.cm-page-header{gap:var(--space-4);margin-bottom:var(--space-6);display:grid}.cm-page-header .cm-primary-action,.cm-page-header .cm-primary-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cm-skip-link{z-index:1000;top:var(--space-3);left:var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent);min-height:44px;color:var(--color-accent-contrast);align-items:center;padding:10px 14px;font-weight:650;display:inline-flex;position:fixed;transform:translateY(-180%)}.cm-skip-link:focus{transform:none}.cm-app-shell{min-height:100dvh}.cm-app-shell__workspace{min-width:0}.cm-sidebar{z-index:20;width:var(--cm-sidebar-width);padding:var(--space-5) var(--space-3);border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.cm-brand{align-items:center;gap:var(--space-3);min-height:48px;margin:0 var(--space-2) var(--space-6);display:flex}.cm-brand__mark{background:var(--color-accent);width:36px;height:36px;color:var(--color-accent-contrast);letter-spacing:-.02em;border-radius:10px;place-items:center;font-size:.75rem;font-weight:750;display:grid}.cm-brand small{margin-top:-2px;font-size:.6875rem;display:block}.cm-wordmark{letter-spacing:-.01em;font-size:.9375rem;font-weight:680}.cm-wordmark--mobile{font-size:1rem}.cm-nav-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.cm-nav-link{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);min-height:44px;color:var(--color-text-muted);padding:9px 12px;font-size:.9375rem;font-weight:520;text-decoration:none;display:flex;position:relative}.cm-nav-link svg{stroke:currentColor;width:19px;height:19px}.cm-nav-link:hover{background:var(--color-surface-muted);color:var(--color-text)}.cm-nav-link--active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:650}.cm-nav-link--active:before{background:var(--color-accent);content:"";border-radius:0 4px 4px 0;width:3px;position:absolute;inset:10px auto 10px -12px}.cm-sidebar__footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:auto}.cm-account-status{gap:var(--space-2);padding:var(--space-2);display:grid}.cm-account-status__identity{min-width:0}.cm-account-email{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:550;display:block;overflow:hidden}.cm-account-status__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.cm-account-status .cm-account-link,.cm-account-status .cm-account-secondary-link,.cm-account-status .cm-text-button{min-height:44px;padding:8px 9px;font-size:.8125rem}.cm-main{min-width:0;margin-left:var(--cm-sidebar-width);padding:clamp(32px,4vw,56px) clamp(24px,4.5vw,72px) 72px}.cm-main__inner{width:min(100%,1440px);margin:0 auto}.cm-mobile-header,.cm-mobile-navigation{display:none}.cm-page,.cm-settings-page,.cm-auth-page{width:100%}.cm-settings-page{max-width:880px}.cm-settings-section{gap:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border);grid-template-columns:minmax(180px,.75fr) minmax(300px,1.25fr);display:grid}.cm-settings-section>div>p{max-width:36ch;color:var(--color-text-muted)}.cm-settings-current{grid-column:2}.cm-theme-options{gap:var(--space-3);display:grid}.cm-theme-options legend{margin-bottom:var(--space-3)}.cm-theme-option{gap:var(--space-3);min-height:72px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;grid-template-columns:auto 1fr 52px;align-items:center;display:grid}.cm-theme-option:hover{border-color:var(--color-border-strong)}.cm-theme-option--active{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.cm-theme-option input{width:18px;height:18px;accent-color:var(--color-accent)}.cm-theme-option span:nth-child(2){display:grid}.cm-theme-option small{font-weight:400}.cm-theme-option__preview{border:1px solid var(--color-border-strong);background:linear-gradient(135deg,#fff 0 50%,#1c2028 50%);border-radius:8px;width:48px;height:32px}.cm-theme-option__preview[data-preview=light]{background:#fff}.cm-theme-option__preview[data-preview=dark]{background:#1c2028}.cm-settings-current{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:.875rem}@media (width<=899px){.cm-sidebar{display:none}.cm-app-shell__workspace{padding-top:var(--cm-mobile-header-height);padding-bottom:calc(var(--cm-mobile-nav-height) + env(safe-area-inset-bottom))}.cm-main{padding:var(--space-6) var(--space-4) var(--space-8);margin-left:0}.cm-mobile-header{z-index:30;height:var(--cm-mobile-header-height);align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:fixed;inset:0 0 auto}.cm-mobile-header .cm-account-status{margin-left:auto;padding:0;display:flex}.cm-mobile-header .cm-account-email,.cm-mobile-header .cm-account-status__identity{display:none}.cm-mobile-header .cm-account-status__actions{flex-wrap:nowrap}.cm-mobile-header .cm-account-secondary-link{display:none}.cm-mobile-settings{width:44px;color:var(--color-text-muted);background:0 0;border:0;margin-left:auto;padding:0}.cm-mobile-settings svg{width:20px;height:20px}.cm-mobile-header .cm-mobile-settings+.cm-account-status{margin-left:0}.cm-mobile-navigation{z-index:35;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 96%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:block;position:fixed;inset:auto 0 0}.cm-mobile-navigation ul{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.cm-mobile-navigation a{border-radius:var(--radius-sm);min-height:58px;color:var(--color-text-subtle);align-content:center;place-items:center;gap:2px;font-size:.6875rem;font-weight:570;text-decoration:none;display:grid}.cm-mobile-navigation svg{stroke:currentColor;width:20px;height:20px}.cm-mobile-navigation a:hover{color:var(--color-text)}.cm-mobile-navigation .cm-mobile-navigation__link--active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:650}.cm-settings-section{gap:var(--space-5);grid-template-columns:1fr}.cm-mobile-settings[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent)}.cm-settings-current{grid-column:auto}}@media (width<=380px){.cm-main{padding-inline:var(--space-3)}.cm-mobile-navigation{padding-inline:4px}.cm-mobile-navigation a{font-size:.625rem}}.cm-auth-page{width:100%;min-height:calc(100dvh - 160px);padding:var(--space-8) 0;place-items:center;display:grid}.cm-auth-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(100%,440px);box-shadow:var(--shadow-sm);padding:clamp(24px,5vw,40px);position:relative}.cm-auth-card:before{width:42px;height:4px;margin-bottom:var(--space-6);background:var(--color-accent);content:"";border-radius:4px;display:block}.cm-auth-card>header{margin-bottom:var(--space-6)}.cm-auth-card>header p{color:var(--color-text-muted);margin:0}.cm-auth-form,.cm-form-field{display:grid}.cm-auth-form{gap:var(--space-5)}.cm-form-field{gap:var(--space-2)}.cm-form-field label{font-size:.875rem;font-weight:580}.cm-form-field small{color:var(--color-text-muted)}.cm-auth-form .cm-primary-button{width:100%;margin-top:var(--space-1)}.cm-auth-error,.cm-account-error{overflow-wrap:anywhere;color:var(--color-danger)}.cm-auth-error{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-danger-soft)}.cm-auth-error p,.cm-auth-switch{margin:0}.cm-auth-switch a{align-items:center;min-height:44px;padding-inline:4px;display:inline-flex}.cm-auth-switch{padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center}.cm-account-link,.cm-account-secondary-link{min-height:36px;color:var(--color-accent);text-underline-offset:3px;align-items:center;font-weight:580;display:inline-flex}.cm-account-status--compact{align-items:center;gap:var(--space-2);display:flex}.cm-account-status--compact .cm-account-email{max-width:min(28vw,150px)}@media (width<=899px){.cm-auth-page{min-height:calc(100dvh - var(--cm-mobile-header-height) - var(--cm-mobile-nav-height) - 64px);padding:var(--space-4) 0;place-items:start center}.cm-auth-card{box-shadow:none}}@media (width<=389px){.cm-account-status--compact .cm-account-email{display:none}}