:root{
  --bg:var(--m-ui-color-canvas); --panel:var(--m-ui-color-surface); --panel2:var(--m-ui-color-surface-raised);
  --code:var(--m-ui-color-control-well);    
  --hover-face:var(--m-ui-state-hover);
  --line:var(--m-ui-color-border); --line-strong:var(--m-ui-color-border-strong);
  --primary:var(--m-ui-color-action); --primary-hi:var(--m-ui-color-action-hover);
  --accent:var(--m-ui-color-accent); --link:var(--m-ui-color-link); --wash:var(--m-ui-color-selection);
  --bad:var(--m-ui-color-danger); --bad-rest:var(--m-ui-color-danger-rest); --bad-fill:var(--m-ui-color-danger-fill);
  --bad-press:rgba(239,83,80,.16);    
  --elev:var(--m-ui-elevation-raised);    
  --elev-float:0 8px 28px rgba(0,0,0,.42);    
  --m-ui-type-family:"Inter",system-ui,"Segoe UI","Helvetica Neue",Arial,sans-serif;    
  --font:var(--m-ui-type-family);
  



  --m-ui-type-body:13px; --m-ui-type-section:15px; --m-ui-type-title:18px; --fast:var(--m-ui-motion-fast) ease;
  

  --ink-rgb:255,255,255; --accent-rgb:169,133,221; --accent-pale-rgb:205,185,239; --primary-rgb:116,80,182;
  --link-rgb:185,154,230; --panel-rgb:27,27,27; --bg-rgb:21,21,21;
  

  --ink-strong:rgb(var(--ink-rgb)); --txt:rgba(var(--ink-rgb),.87); --muted:rgba(var(--ink-rgb),.58); --low:rgba(var(--ink-rgb),.46);
  --note-ink:rgba(var(--ink-rgb),.66);    
  --accent-hi:var(--link); --accent-pale:rgb(var(--accent-pale-rgb));    
  --primary-hi-ink:var(--m-ui-color-on-action-hover);    
  --progress:var(--primary-hi);    
  --lit:linear-gradient(180deg,#7d59bf,#6d49ae); --lit-edge:inset 0 1px 0 rgba(var(--ink-rgb),.18); --lit-ink:#fff;    
  --card-pad-x:15px;    
  --r-inset:12px;    
  --glass:rgba(var(--panel-rgb),.94);    
  --cover-scrim:linear-gradient(180deg,rgba(var(--ink-rgb),.05) 0%,rgba(var(--ink-rgb),0) 30%);    
  --qr-dark:#0c0b10; --qr-light:#fff; --thumb-bg0:#f4f1f5; --thumb-bg1:#e9e5eb; --thumb-bg2:#d6d0db;
  --mono:var(--font);     }
body{
   
  --r-surface:16px;    
  --r-segment:999px;   
  --r-control:999px;   
  --r-field:999px;     
  --r-chip:999px;      
  --r-keycap:999px;    
  --r-pill:999px; --radius-pill:var(--r-pill);
  --r-nested:3px;    
  --r-fine:2px; --r-thumb:8px;    
   
  --touch-target:36px;    
  --ctl-icon:36px; --ctl-icon-touch:36px; --ctl-view:36px; --ctl-icon-mark:17px;
  --ctl-btn-h:42px;    
  --tile-action-h:36px; --tile-foot-h:44px; --header-h:54px;
  --label-size:11px;    
  --ctl-label-size:13px;    
  


  --tray-pad:3px; --tray-gap:2px; --tray-edge:rgba(var(--ink-rgb),.1); --tray-bg:rgba(var(--panel-rgb),.72);
  --tray-on:rgba(var(--accent-rgb),.2); --tray-on-ink:var(--accent-pale); --tray-item-r:999px;
  --tray-item-size:var(--ctl-label-size); --tray-item-lh:16px; --tray-item-pad-y:calc((var(--ctl-icon) - var(--tray-item-lh)) / 2); --tray-step-w:var(--ctl-icon);
  --tray-ink:rgba(var(--ink-rgb),.62); --field-label-ink:rgba(var(--ink-rgb),.62);
   
  --cluster-btn-bg:transparent; --cluster-btn-edge:transparent; --cluster-btn-ink:rgba(var(--ink-rgb),.72);
  --cluster-on-bg:rgba(var(--accent-rgb),.2); --cluster-on-edge:transparent; --cluster-on-ink:var(--accent); --cluster-on-shadow:none;
   
  --cfgdone-pad:0 15px; --cfgdone-r:999px; --cfgdone-edge:0; --cfgdone-inset:14px var(--island-pad) var(--island-floor);
  --cfgdone-size:14px; --cfgdone-fill:var(--lit); --cfgdone-h:var(--ctl-btn-h); --cfgdone-shadow:var(--lit-edge);
  

  --field-label-lh:normal; --field-detail-closed:9px;
  

  --kbd-h:18px; --kbd-min-w:0px; --kbd-pad:0 6px; --kbd-gap:0px; --kbd-font:500 var(--label-size)/1 var(--mono); --kbd-bg:transparent;
  --kbd-edge:rgba(var(--ink-rgb),.16); --kbd-edge-bottom:1px; --kbd-ink:rgba(var(--ink-rgb),.55); --kbd-shadow:none;
  --kbd-on-bg:transparent; --kbd-on-edge:rgba(var(--ink-rgb),.35); --kbd-on-ink:#fff;
  

  --island-head-edge:1px solid var(--line); --island-foot-edge:0 solid transparent;
  --seg-pad:0 12px; --seg-r:var(--tray-item-r); --seg-size:14px; --seg-bg:transparent; --seg-ink:rgba(var(--ink-rgb),.72); --seg-divider:0 solid transparent;
  --seg-spent-ink:rgba(var(--ink-rgb),.3);
   
  --tgl-ink:var(--muted); --tgl-on-bg:var(--wash); --tgl-on-ink:var(--link); --tgl-on-edge:rgba(var(--accent-rgb),.4);
  


  --island-scrim-solid:1; --island-scrim-edge:.6; --island-scrim-fade:40px;
   
  --island-bar-top:10px; --island-bar-floor:22px;
  

  --island-floor:16px;
  

  --cfg-list-top:18px;
  

  --pvtrack-row-gap:6px; --pvnext-cover-w:137px;
  

  --tile-rail-h:6px; --tile-rail-break:0px;
  --tile-foot-done-ink:rgba(var(--ink-rgb),.72); --tile-foot-resume-bg:rgba(var(--accent-rgb),.2); --tile-foot-resume-ink:var(--accent-pale); --tile-foot-resume-weight:600;
   
  --entry-act-bg:rgba(var(--accent-rgb),.14); --entry-act-ink:var(--accent-pale); --entry-act-r:var(--r-pill); --entry-act-size:var(--ctl-label-size);
  


  --bom-cell-rule:0 none; --bom-row-rule:1px solid var(--line); --bom-stack-rule:0 none;
  --bom-row-size:13px; --bom-qty-size:13px; --bom-touch-size:14px; --bom-touch-qty-size:14px;
  --bom-row-lh:20px; --bom-head-lh:20px; --bom-row-pad-y:10px; --bom-qty-stack-size:var(--bom-qty-size); --bom-qty-stack-ink:var(--accent);
  --bom-open-bg:rgba(var(--accent-rgb),.06); --bom-open-weight:600; --bom-chev-size:10px; --bom-count-size:12px; --bom-count-weight:400;
   
  --bom-desc-size:1em; --bom-desc-lh:var(--bom-row-lh); --bom-link-size:1em; --bom-meta-size:12px;
   
  --bom-chev-glyph:''; --bom-chev-w:16px; --bom-chev-h:16px; --bom-chev-fill:var(--accent);
  --bom-chev-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
   
  --bom-tick-w:16px;
  

  --mark-size:13px; --mark-edge:rgba(var(--ink-rgb),.34); --mark-fill:var(--m-ui-state-active);
  --mark-on-edge:var(--accent); --mark-on-fill:var(--primary); --mark-on-ring:0 0 0 3px rgba(var(--primary-rgb),.16);
  --mark-hover-edge:rgba(var(--accent-rgb),.42); --mark-check-ink:var(--lit-ink);
  --mark-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4 6.6 11.4 12.5 4.8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
   
  --deliv-count-weight:500;
  



  --dlg-inset:8px; --dlg-btn-h:var(--ctl-btn-h); --dlg-r:calc(var(--dlg-inset) + var(--dlg-btn-h) / 2 + 1px);
  --dlg-close-h:var(--ctl-icon); --dlg-close-inset:calc(var(--dlg-r) - var(--dlg-close-h) / 2 - 1px);
  --dlg-shadow:0 16px 40px -12px rgba(0,0,0,.6);
  --dlg-head-rule:0 none; --dlg-head-bg:transparent; --dlg-foot-rule:0 none; --dlg-foot-bg:transparent;
  --dlg-title-size:var(--m-ui-type-title); --dlg-title-lh:1.3; --dlg-title-weight:700;
  --dlg-msg-size:14px; --dlg-msg-lh:1.55; --dlg-msg-ink:var(--note-ink);
  --dlg-close-bg:rgba(var(--ink-rgb),.04); --dlg-close-ink:rgba(var(--ink-rgb),.72);
  --dlg-btn-font:600 var(--ctl-label-size)/1 var(--font); --dlg-btn-bg:rgba(var(--ink-rgb),.06); --dlg-btn-edge:rgba(var(--ink-rgb),.1); --dlg-btn-bg-hover:rgba(var(--ink-rgb),.1);
  --qrlink-r:10px; --qrlink-size:12px; --qrcard-r:10px;
  

  --intro-title-size:28px; --intro-text-size:15px; --intro-gap:14px; --intro-para-gap:14px; --intro-measure:48ch;
  --intro-kicker-track:.11em; }