page-login .login{max-width:24rem;margin:6rem auto;padding:var(--s-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2)}page-login .login h1{margin:0 0 var(--s-5)}page-login .login form{display:flex;flex-direction:column;gap:var(--s-3)}page-login .login label{display:flex;flex-direction:column;gap:var(--s-1)}page-login .login label span{color:var(--fg-mute);font-size:.875rem}page-login .login input{padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-1);background:var(--bg)}page-login .login button{padding:var(--s-3);background:var(--accent);color:var(--accent-fg);border:none;border-radius:var(--r-1);margin-top:var(--s-3)}page-login .login button:disabled{opacity:.5;cursor:not-allowed}page-dashboard .dashboard{padding:var(--s-5);max-width:80rem;margin:0 auto}page-dashboard .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-4)}page-dashboard .page-header h1{margin:0}page-dashboard .header-actions{display:flex;gap:var(--s-3);align-items:center}page-dashboard .archive-link{color:var(--fg-mute);text-decoration:none;font-size:.875rem;padding:var(--s-2) var(--s-3);border-radius:var(--r-1)}page-dashboard .archive-link:hover{background:var(--surface)}page-dashboard .page-header .primary{background:var(--accent);color:var(--accent-fg);border:none;padding:var(--s-2) var(--s-4);border-radius:var(--r-1)}page-dashboard .filters{display:flex;gap:var(--s-3);margin-bottom:var(--s-4)}page-dashboard .filters input,page-dashboard .filters select{padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-1);background:var(--surface);flex:1}page-dashboard .filters input{flex:2}page-dashboard .cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}page-dashboard .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-4);cursor:pointer;position:relative}page-dashboard .card:hover{border-color:var(--accent)}page-dashboard .card h3{margin:0 0 var(--s-3)}page-dashboard .cat{position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--r-2) var(--r-2) 0 0;background:var(--fg-mute)}page-dashboard .cat[data-cat=first]{background:#c68b3a}page-dashboard .cat[data-cat=second]{background:#8a5a3c}page-dashboard .cat[data-cat=dessert]{background:#b04c72}page-dashboard .cat[data-cat=special]{background:#4c72b0}page-dashboard .archive-btn{position:absolute;top:var(--s-2);right:var(--s-2);width:24px;height:24px;border-radius:50%;background:transparent;border:1px solid var(--border);color:var(--fg-mute);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}page-dashboard .archive-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}page-dashboard .meta{display:flex;gap:var(--s-2);margin-top:var(--s-3);color:var(--fg-mute);font-size:.875rem}page-dashboard .meta .fork{color:var(--warning)}page-dashboard .cat-label{text-transform:capitalize}page-dashboard .err{color:var(--danger)}page-dashboard .empty{color:var(--fg-mute);text-align:center;padding:var(--s-6)}page-archive .archive{padding:var(--s-5);max-width:60rem;margin:0 auto}page-archive .page-header{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}page-archive .page-header h1{margin:0}page-archive .back{padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-1);background:var(--surface)}page-archive .hint{color:var(--fg-mute);font-size:.875rem;margin-bottom:var(--s-4)}page-archive .err{color:var(--danger)}page-archive .empty{color:var(--fg-mute);text-align:center;padding:var(--s-6)}page-archive .list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-2)}page-archive .row{display:flex;justify-content:space-between;align-items:center;padding:var(--s-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2)}page-archive .info{display:flex;flex-direction:column}page-archive .meta{color:var(--fg-mute);font-size:.875rem}page-archive .row-actions{display:flex;gap:var(--s-2)}page-archive .row-actions button{padding:var(--s-2) var(--s-3);border-radius:var(--r-1);border:1px solid var(--border);background:var(--surface);cursor:pointer}page-archive .row-actions button.unarchive{color:var(--accent);border-color:var(--accent)}page-archive .row-actions button.danger{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important}page-recipe-card .card{max-width:60rem;margin:var(--s-5) auto;padding:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2)}page-recipe-card .pad{padding:var(--s-5)}page-recipe-card .err{color:var(--danger)}page-recipe-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-4)}page-recipe-card header h1{margin:0}page-recipe-card .badges{display:flex;gap:var(--s-2)}page-recipe-card .badges span{padding:var(--s-1) var(--s-2);border-radius:var(--r-1);font-size:.875rem}page-recipe-card .cat{background:var(--bg)}page-recipe-card .fork{background:var(--warning);color:#fff}page-recipe-card .public{background:var(--accent);color:var(--accent-fg)}page-recipe-card .aggregates h2{margin:0 0 var(--s-3);font-size:1rem;color:var(--fg-mute)}page-recipe-card .nutrients{display:flex;gap:var(--s-5);margin:0 0 var(--s-4)}page-recipe-card .nutrients div{display:flex;flex-direction:column}page-recipe-card .nutrients dt{color:var(--fg-mute);font-size:.75rem}page-recipe-card .nutrients dd{margin:0;font-family:var(--font-mono);font-size:1.25rem}page-recipe-card .tabular{width:100%;border-collapse:collapse;margin:var(--s-3) 0}page-recipe-card .tabular th,page-recipe-card .tabular td{padding:var(--s-1) var(--s-2);border-bottom:1px solid var(--border)}page-recipe-card .tabular .num{text-align:right;font-family:var(--font-mono)}page-recipe-card .allergens,page-recipe-card .diets{margin-top:var(--s-4)}page-recipe-card .allergen,page-recipe-card .diet{display:inline-block;padding:var(--s-1) var(--s-2);margin-right:var(--s-1);border-radius:var(--r-1);background:var(--bg);font-size:.875rem}page-recipe-card .actions{display:flex;gap:var(--s-3);margin-top:var(--s-5)}page-recipe-card .actions button{padding:var(--s-2) var(--s-4);border:1px solid var(--border);background:var(--surface);border-radius:var(--r-1)}page-recipe-card .actions button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}page-recipe-editor .editor{display:flex;flex-direction:column;height:100vh;padding:var(--s-3);box-sizing:border-box}page-recipe-editor .top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}page-recipe-editor .top h1{margin:0;font-size:1.125rem}page-recipe-editor .top h1.dish-name{cursor:text;padding:2px 6px;border-radius:var(--r-1)}page-recipe-editor .top h1.dish-name:hover{background:var(--surface)}page-recipe-editor .top input.rename{font-size:1.125rem;font-weight:600;padding:var(--s-1) var(--s-2);border:1px solid var(--accent);border-radius:var(--r-1);background:#fff;min-width:20rem}page-recipe-editor .back{padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-1);background:var(--surface);cursor:pointer}page-recipe-editor .toolbar{display:flex;gap:var(--s-2);align-items:center}page-recipe-editor .toolbar button{padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-1);background:var(--surface);cursor:pointer}page-recipe-editor .toolbar button:disabled{opacity:.4;cursor:not-allowed}page-recipe-editor .toolbar .save{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}page-recipe-editor .toolbar .save:disabled{opacity:.5}page-recipe-editor .toast{padding:var(--s-1) var(--s-3);background:var(--accent);color:var(--accent-fg);border-radius:var(--r-1);font-size:.875rem}page-recipe-editor .toast.err{background:var(--danger)}page-recipe-editor .toast.warn{background:var(--warning);color:#000}page-recipe-editor .grid{flex:1;display:grid;grid-template-columns:15rem 1fr 20rem;gap:var(--s-3);min-height:0}page-recipe-editor .palette,page-recipe-editor .inspector{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);overflow-y:auto;padding:var(--s-3)}page-recipe-editor .palette h3,page-recipe-editor .inspector h3{margin:0 0 var(--s-2);font-size:.75rem;text-transform:uppercase;color:var(--fg-mute);letter-spacing:.05em}page-recipe-editor .pal-search{width:100%;padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-1);background:var(--bg);margin-bottom:var(--s-2);box-sizing:border-box}page-recipe-editor .tiny{font-size:.75rem;margin:0 0 var(--s-2)}page-recipe-editor .pal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}page-recipe-editor .pal-item{display:flex;align-items:center;justify-content:space-between;padding:var(--s-1) var(--s-2);background:var(--bg);border-radius:var(--r-1);cursor:grab;font-size:.875rem}page-recipe-editor .pal-item:active{cursor:grabbing}page-recipe-editor .s{width:6px;height:6px;border-radius:50%}page-recipe-editor .s[data-s=verified]{background:var(--accent)}page-recipe-editor .s[data-s=unverified]{background:var(--warning)}page-recipe-editor graph-editor{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);min-height:0}page-recipe-editor .inspector label{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--s-2);font-size:.875rem}page-recipe-editor .inspector label>span{color:var(--fg-mute);font-size:.75rem}page-recipe-editor .inspector input,page-recipe-editor .inspector select{padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-1);background:var(--bg);font:inherit}page-recipe-editor .ins-actions{display:flex;gap:var(--s-2);margin-top:var(--s-3)}page-recipe-editor .ins-actions button{padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-1);background:var(--surface);cursor:pointer;font-size:.75rem}page-recipe-editor .ins-actions button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}page-recipe-editor .hint{color:var(--fg-mute);font-size:.875rem}page-recipe-editor .agg-details{margin-top:var(--s-4)}page-recipe-editor .agg{list-style:none;padding:0;margin:var(--s-2) 0 0}page-recipe-editor .agg li{display:flex;justify-content:space-between;padding:var(--s-1) 0;border-bottom:1px solid var(--border);font-size:.75rem}page-recipe-editor .agg .num{font-family:var(--font-mono)}page-recipe-compare .compare{padding:var(--s-5);max-width:100rem;margin:0 auto}page-recipe-compare h1{margin:0 0 var(--s-4)}page-recipe-compare .err{color:var(--danger)}page-recipe-compare .selectors{display:flex;gap:var(--s-4);margin-bottom:var(--s-5)}page-recipe-compare .selectors label{display:flex;flex-direction:column;gap:var(--s-1);flex:1}page-recipe-compare .selectors select{padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-1);background:var(--surface)}page-recipe-compare .tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}page-recipe-compare .tabs h2{margin:0 0 var(--s-3);font-size:1rem;color:var(--fg-mute)}page-recipe-compare .tabular{width:100%;border-collapse:collapse;background:var(--surface)}page-recipe-compare .tabular th,page-recipe-compare .tabular td{padding:var(--s-1) var(--s-2);border-bottom:1px solid var(--border);text-align:left}page-recipe-compare .tabular .num{text-align:right;font-family:var(--font-mono)}page-recipe-compare .tabular tr[data-status=added] td:nth-child(2){color:var(--diff-added)}page-recipe-compare .tabular tr[data-status=removed] td:nth-child(2){color:var(--diff-removed)}page-recipe-compare .tabular tr[data-status=changed] td:nth-child(2){color:var(--diff-changed)}page-recipe-compare .delta[data-sign=pos]{color:var(--diff-added)}page-recipe-compare .delta[data-sign=neg]{color:var(--diff-removed)}page-recipe-compare .delta[data-sign=zero]{color:var(--fg-mute)}page-ingredient-library .library{padding:var(--s-5);max-width:80rem;margin:0 auto}page-ingredient-library .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-4)}page-ingredient-library .page-header h1{margin:0}page-ingredient-library .page-header .primary{background:var(--accent);color:var(--accent-fg);border:none;padding:var(--s-2) var(--s-4);border-radius:var(--r-1)}page-ingredient-library .filters{display:flex;gap:var(--s-3);margin-bottom:var(--s-4);align-items:center}page-ingredient-library .filters input,page-ingredient-library .filters select{padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-1);background:var(--surface)}page-ingredient-library .filters input{flex:1}page-ingredient-library .toggle{display:flex;align-items:center;gap:var(--s-1);color:var(--fg-mute);font-size:.875rem}page-ingredient-library .pad{padding:var(--s-5)}page-ingredient-library .err{color:var(--danger)}page-ingredient-library .empty{color:var(--fg-mute);text-align:center;padding:var(--s-6)}page-ingredient-library .count{color:var(--fg-mute);font-size:.875rem;margin-bottom:var(--s-2)}page-ingredient-library .row{display:grid;grid-template-columns:1fr 8rem 8rem;height:52px;align-items:center;padding:0 var(--s-3);border-bottom:1px solid var(--border);cursor:pointer}page-ingredient-library .row:hover{background:var(--surface)}page-ingredient-library .name{font-weight:500}page-ingredient-library .cat{color:var(--fg-mute);font-size:.875rem}page-ingredient-library .status{font-size:.75rem;padding:var(--s-1) var(--s-2);border-radius:var(--r-1);text-align:center}page-ingredient-library .status[data-status=verified]{background:var(--accent);color:var(--accent-fg)}page-ingredient-library .status[data-status=unverified]{background:var(--warning);color:#fff}page-ingredient-library [part=virtual-for]{height:calc(100vh - 220px);min-height:320px;border:1px solid var(--border);border-radius:var(--r-1);background:var(--surface)}page-ingredient-form .form-page{padding:var(--s-5);max-width:90rem;margin:0 auto}page-ingredient-form .page-header{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}page-ingredient-form .page-header h1{margin:0}page-ingredient-form .back{padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-1);background:var(--surface);cursor:pointer}page-ingredient-form .back:hover{background:var(--bg)}page-ingredient-form .form label.check{display:flex;flex-direction:row;align-items:center;gap:var(--s-2);font-size:.9rem}page-ingredient-form .hint{color:var(--fg-mute);font-size:.8rem;margin:0 0 var(--s-2)}page-ingredient-form .grid{display:grid;grid-template-columns:1fr 22rem;gap:var(--s-5)}page-ingredient-form .form{background:var(--surface);padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-2);display:flex;flex-direction:column;gap:var(--s-3)}page-ingredient-form .form label{display:flex;flex-direction:column;gap:var(--s-1)}page-ingredient-form .form label>span:first-child{color:var(--fg-mute);font-size:.875rem}page-ingredient-form .form input,page-ingredient-form .form select{padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-1);background:var(--bg)}page-ingredient-form .form fieldset{border:1px solid var(--border);border-radius:var(--r-1);padding:var(--s-3)}page-ingredient-form .form legend{padding:0 var(--s-2);color:var(--fg-mute);font-size:.875rem}page-ingredient-form .form label.nutr{display:grid;grid-template-columns:1fr 9rem;align-items:center;gap:var(--s-2);margin-bottom:var(--s-1);flex-direction:initial}page-ingredient-form .nutr>span:first-child{color:var(--fg);font-size:.9rem}page-ingredient-form .nutr em{color:var(--fg-mute);font-style:normal;font-size:.75rem;margin-left:var(--s-1)}page-ingredient-form .nutr input{text-align:right;font-family:var(--font-mono)}page-ingredient-form .add{background:transparent;border:1px dashed var(--border);padding:var(--s-2);border-radius:var(--r-1);color:var(--fg-mute)}page-ingredient-form .chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}page-ingredient-form .chip{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);background:var(--bg);border-radius:var(--r-1);font-size:.875rem;cursor:pointer}page-ingredient-form .form label.range{display:grid;grid-template-columns:10rem 1fr 3rem;align-items:center;gap:var(--s-2);margin-bottom:var(--s-1);flex-direction:initial}page-ingredient-form .range>span:first-child{color:var(--fg-mute);font-size:.875rem}page-ingredient-form .range input[type=range]{min-width:0}page-ingredient-form .range .val{font-family:var(--font-mono);text-align:right;font-size:.9rem;color:var(--fg)}page-ingredient-form .submit{display:flex;justify-content:flex-end;margin-top:var(--s-3)}page-ingredient-form .submit .primary{background:var(--accent);color:var(--accent-fg);border:none;padding:var(--s-3) var(--s-5);border-radius:var(--r-1)}page-ingredient-form .submit .primary:disabled{opacity:.5;cursor:not-allowed}page-ingredient-form .similar{background:var(--surface);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-2);position:sticky;top:var(--s-3);height:fit-content}page-ingredient-form .similar h3{margin:0 0 var(--s-3);font-size:1rem}page-ingredient-form .similar .loading,page-ingredient-form .similar .empty{color:var(--fg-mute);font-size:.875rem}page-ingredient-form .similar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-3)}page-ingredient-form .similar li{padding:var(--s-2);background:var(--bg);border-radius:var(--r-1)}page-ingredient-form .cand-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-1)}page-ingredient-form .cand-name{font-weight:500}page-ingredient-form .cand-status{font-size:.7rem;padding:0 var(--s-1);border-radius:var(--r-1)}page-ingredient-form .cand-status[data-status=verified]{background:var(--accent);color:var(--accent-fg)}page-ingredient-form .cand-status[data-status=unverified]{background:var(--warning);color:#fff}page-ingredient-form .cand-meta{display:flex;gap:var(--s-2);font-size:.75rem;color:var(--fg-mute)}page-ingredient-form .use{margin-top:var(--s-1);background:transparent;border:1px solid var(--border);border-radius:var(--r-1);padding:var(--s-1) var(--s-2);font-size:.75rem;width:100%}page-fork-conflict .conflict{padding:var(--s-5);max-width:60rem;margin:0 auto}page-fork-conflict h1{margin:0 0 var(--s-4)}page-fork-conflict .progress{color:var(--fg-mute)}page-fork-conflict .compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);margin:var(--s-4) 0}page-fork-conflict .col{background:var(--surface);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-2)}page-fork-conflict .col h3{margin:0 0 var(--s-2);font-size:1rem}page-fork-conflict .ing-id{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-mute)}page-fork-conflict .col button{width:100%;padding:var(--s-2);background:var(--accent);color:var(--accent-fg);border:none;border-radius:var(--r-1)}page-fork-conflict .middle{text-align:center;margin:var(--s-4) 0}page-fork-conflict .corrected{padding:var(--s-2) var(--s-4);background:var(--warning);color:#fff;border:none;border-radius:var(--r-1)}page-fork-conflict .err{color:var(--danger)}page-moderation .moderation{padding:var(--s-5);max-width:100rem;margin:0 auto}page-moderation h1{margin:0 0 var(--s-4)}page-moderation .err{color:var(--danger)}page-moderation .empty{color:var(--fg-mute);text-align:center;padding:var(--s-6)}page-moderation .split{display:grid;grid-template-columns:25rem 1fr;gap:var(--s-4)}page-moderation .list{list-style:none;padding:0;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2)}page-moderation .row{display:flex;flex-direction:column;padding:var(--s-3);border-bottom:1px solid var(--border);cursor:pointer}page-moderation .row[data-active=true]{background:var(--bg);border-left:3px solid var(--accent)}page-moderation .ing{font-family:var(--font-mono);font-size:.75rem}page-moderation .submitter{color:var(--fg-mute);font-size:.75rem}page-moderation .details{background:var(--surface);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r-2)}page-moderation .details h3{margin:0 0 var(--s-3)}page-moderation .details dl{display:grid;grid-template-columns:10rem 1fr;gap:var(--s-2)}page-moderation .details dt{color:var(--fg-mute);font-size:.875rem}page-moderation .details dd{margin:0;font-family:var(--font-mono);font-size:.875rem}page-moderation .decisions{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-4)}page-moderation .decisions button{padding:var(--s-2) var(--s-3);border-radius:var(--r-1);border:1px solid var(--border);background:var(--surface)}page-moderation .approve{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}page-moderation .map{display:flex;gap:var(--s-2)}page-moderation .map input{flex:1;padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-1)}page-moderation .reject{display:flex;flex-direction:column;gap:var(--s-2)}page-moderation .reject textarea{padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-1);min-height:4rem;font:inherit}page-moderation .danger{background:var(--danger);color:#fff;border-color:var(--danger)}page-kitchen .kitchen{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;font-size:1.5rem}page-kitchen .pad{padding:var(--s-6)}page-kitchen .err{color:var(--danger)}page-kitchen .k-header{display:grid;grid-template-columns:6rem 1fr 6rem;gap:var(--s-4);align-items:center;padding:var(--s-4);border-bottom:1px solid var(--border)}page-kitchen .exit{padding:var(--s-3);font-size:1rem;background:transparent;border:1px solid var(--border);border-radius:var(--r-1)}page-kitchen .progress{height:8px;background:var(--border);border-radius:var(--r-1);overflow:hidden}page-kitchen .progress .bar{height:100%;background:var(--accent);transition:width .2s}page-kitchen .counter{text-align:right;font-family:var(--font-mono)}page-kitchen .step{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-6);text-align:center}page-kitchen .step-num{color:var(--fg-mute);margin:0 0 var(--s-3);font-size:1rem;text-transform:uppercase;letter-spacing:.1em}page-kitchen .step h1{margin:0 0 var(--s-6);font-size:3rem;line-height:1.2;max-width:40rem}page-kitchen .timer{margin-top:var(--s-5)}page-kitchen .big-timer{padding:var(--s-4) var(--s-6);font-size:1.5rem;background:var(--accent);color:var(--accent-fg);border:none;border-radius:var(--r-2)}page-kitchen .countdown{font-size:4rem;font-family:var(--font-mono);margin:0}page-kitchen .k-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);padding:var(--s-4);border-top:1px solid var(--border)}page-kitchen .big{padding:var(--s-4);font-size:1.5rem;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-1);min-height:4rem}page-kitchen .big.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}page-kitchen .big:disabled{opacity:.4}page-not-found .nf{text-align:center;padding:var(--s-6)}page-not-found .nf h1{font-size:5rem;margin:0;color:var(--fg-mute)}page-not-found .nf a{color:var(--accent);text-decoration:none;padding:var(--s-2) var(--s-4);border:1px solid var(--accent);border-radius:var(--r-1);display:inline-block;margin-top:var(--s-3)}app-shell .shell{display:grid;grid-template-columns:14rem 1fr;min-height:100vh}app-shell .side{background:var(--surface);border-right:1px solid var(--border);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-4)}app-shell .brand{font-weight:600;font-size:1.125rem}app-shell .side ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-2)}app-shell .side a{display:block;padding:var(--s-2) var(--s-3);border-radius:var(--r-1);color:var(--fg);text-decoration:none}app-shell .side a:hover{background:var(--bg)}app-shell .logout{margin-top:auto;background:transparent;border:1px solid var(--border);color:var(--fg-mute);padding:var(--s-2);border-radius:var(--r-1)}app-shell .content{min-width:0}kitchen-shell .kshell{background:var(--bg);min-height:100vh}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;color:var(--fg);background:var(--bg);font-feature-settings:"tnum" 1,"lnum" 1}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}:root{--bg: #f8f6f2;--surface: #ffffff;--fg: #201d18;--fg-mute: #6b665c;--border: #dcd6c9;--accent: #2e6b3a;--accent-fg: #ffffff;--diff-added: #2e6b3a;--diff-removed: #a4432c;--diff-changed: #b47416;--warning: #b47416;--danger: #a4432c;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--r-1: 4px;--r-2: 8px;--font-mono: ui-monospace, "JetBrains Mono", "Fira Code", monospace}