*,:before,:after{box-sizing:border-box}:root{--background:#000;--surface:#101216;--surface-hover:#181b21;--surface-pressed:#21252d;--separator:#ffffff1a;--hairline:#ffffff0f;--border:#ffffff24;--text:#fff;--text-secondary:#a2a9b6;--text-muted:#6c737f;--spec-red:#ff3b30;--spec-orange:#ff9500;--spec-yellow:#ffd60a;--spec-green:#5ce65c;--spec-teal:#2fe0c0;--spec-cyan:#4fd2ff;--spec-blue:#3d8bff;--spec-indigo:#7b61ff;--spec-violet:#d45bf0;--spec-blue-text:#7fb2ff;--spec-indigo-text:#a594ff;--primary:#ffe828;--primary-hover:#ffed5a;--primary-light:#ffe82826;--on-primary:#000;--success:#2fd65a;--success-text:#5ce682;--success-light:#2fd65a29;--warning:var(--spec-yellow);--warning-text:#ffe066;--warning-light:#ffd60a29;--error:var(--spec-red);--error-text:#ff6b63;--error-light:#ff3b3029;--q-glucose:var(--spec-cyan);--q-fructose:var(--spec-green);--q-carbs:var(--spec-blue);--q-carbs-text:var(--spec-blue-text);--r-card:22px;--r-inner:16px;--r-tile:14px;--r-chip:999px;--card-neutral:linear-gradient(155deg, #ffffff1a, #ffffff07 58%, #ffffff03);--card-mix:linear-gradient(155deg, #7b61ff42, #7b61ff0f 58%, #ffffff04);--card-session:linear-gradient(155deg, #2fe0c038, #2fe0c00d 58%, #ffffff04);--card-hour:linear-gradient(155deg, #3d8bff47, #3d8bff12 58%, #ffffff04);--card-total:linear-gradient(155deg, #ff950042, #ff95000f 58%, #ffffff04);--card-lip:inset 0 1px 0 #ffffff1a;--bezel:linear-gradient(90deg, var(--spec-red), var(--spec-orange), var(--spec-yellow), var(--spec-green), var(--spec-teal), var(--spec-cyan), var(--spec-blue), var(--spec-indigo), var(--spec-violet));--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, monospace;font-family:var(--font-sans);letter-spacing:-.011em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}body{background-color:var(--background);min-width:320px;min-height:100vh;margin:0}h1,h2,h3,h4{letter-spacing:-.025em}::selection{background:var(--primary);color:var(--on-primary)}.num{font-variant-numeric:tabular-nums}.g-card{background:var(--card-bg,var(--card-neutral));border:1px solid var(--separator);border-radius:var(--r-card);box-shadow:var(--card-lip);overflow:hidden}.g-tile{border-radius:var(--r-tile);width:40px;height:40px;color:var(--tile-color,var(--text));background:#ffffff1a;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.g-tile svg{width:22px;height:22px;display:block}.card-head{text-align:left;align-items:center;gap:.75rem;padding:1.25rem 1.25rem 0;display:flex}.card-head h2,.card-head h3{color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.card-tile--mix{color:var(--spec-indigo-text);background:#7b61ff2e}.card-tile--session{color:var(--spec-teal);background:#2fe0c029}.card-tile--hour{color:var(--spec-cyan);background:#4fd2ff29}.card-tile--total{color:var(--spec-orange);background:#ff950029}.carb-mix{max-width:600px;margin:0 auto;padding:1.5rem}.carb-mix-header{background:var(--card-neutral);border:1px solid var(--separator);border-radius:var(--r-card);box-shadow:var(--card-lip);grid-template-columns:1fr auto;align-items:start;margin:0 0 1.25rem;padding:1.5rem 1.25rem 1.75rem;display:grid;position:relative;overflow:hidden}.carb-mix-header:after{content:"";background:var(--bezel);height:3px;position:absolute;bottom:0;left:0;right:0}.header-mark{grid-area:1/1/auto/-1;justify-content:center;align-items:center;gap:.75rem;padding:0 5rem;display:flex}.carb-mix-header h1{color:var(--text);margin:0;font-size:clamp(20px,5vw,32px);font-weight:700;line-height:1.1}.header-subtitle{text-align:center;color:var(--text-muted);grid-area:2/1/auto/-1;margin:.4rem 0 0;font-size:.9rem}.carb-mix-logo{object-fit:contain;flex-shrink:0;width:40px;height:40px}.header-action{z-index:1;border:1px solid var(--separator);min-height:0;color:var(--text-secondary);border-radius:var(--r-chip);letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:#ffffff0d;flex-shrink:0;grid-area:1/2;padding:.45rem .95rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:background-color .18s,border-color .18s,color .18s}.header-action:hover{background:var(--error-light);color:var(--error-text);border-color:#ff3b3066}.header-action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.panel{margin:0 0 1.25rem;padding-bottom:.25rem}.panel--mix{--card-bg:var(--card-mix)}.panel--session{--card-bg:var(--card-session)}.panel-rows{margin-top:1.25rem}.form-group{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:.75rem;min-height:60px;margin:0;padding:1rem 1.25rem;display:flex}.form-group:first-child{border-top:none}.form-group.slider-group{flex-direction:column;align-items:stretch;padding:1.25rem}label{color:var(--text);flex:1;margin:0;font-size:1rem;font-weight:500}.form-note{color:var(--text-muted);margin:0;padding:0 1.25rem 1rem;font-size:.8rem;line-height:1.5}select{border:1px solid var(--separator);border-radius:var(--r-tile);width:auto;min-width:160px;max-width:100%;min-height:48px;color:var(--text);appearance:none;cursor:pointer;background:#00000059 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A2A9B6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") right 1rem center/1rem no-repeat;padding:.7rem 3rem .7rem 1rem;font-family:inherit;font-size:16px;transition:border-color .18s,background-color .18s}select:hover{border-color:var(--border)}select:focus{border-color:var(--primary);outline:none}.slider-header{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.slider-header label{flex:none}.value-chip{border-radius:var(--r-chip);box-shadow:var(--card-lip);background:#ffffff0f;border:1px solid #0000;align-items:baseline;gap:.15rem;padding:.3rem .85rem;transition:border-color .18s;display:inline-flex}.value-chip:focus-within{border-color:var(--primary)}.value-chip input{width:3.2ch;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:none;outline:none;margin:0;padding:0;font-family:inherit;font-size:1.125rem;font-weight:700}.value-chip input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.value-chip input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-chip .unit{color:var(--text-secondary);font-size:.8rem;font-weight:600}.slider{appearance:none;border-radius:var(--r-chip);background:var(--separator);outline:none;width:100%;height:8px;margin:1.25rem 0 0;transition:background-color .3s}.slider.slider-teal{background:var(--spec-teal)}.slider.slider-indigo{background:var(--spec-indigo)}.slider.slider-cyan{background:var(--spec-cyan)}.slider.slider-green{background:var(--spec-green)}.slider.slider-orange{background:var(--spec-orange)}.slider.slider-red{background:var(--spec-red)}.slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:28px;height:28px;transition:transform .2s;box-shadow:0 0 0 4px #0000008c,0 2px 8px #0009}.slider::-webkit-slider-thumb:hover{transform:scale(1.08)}.slider::-webkit-slider-thumb:active{transform:scale(.95)}.slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:28px;height:28px;transition:transform .2s;box-shadow:0 0 0 4px #0000008c,0 2px 8px #0009}.slider::-moz-range-thumb:hover{transform:scale(1.08)}.slider:focus-visible{outline:2px solid var(--primary);outline-offset:6px}.slider-labels{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.75rem;padding:0 .6rem;font-size:.78rem;font-weight:500;display:flex}.result{margin:0 0 1.25rem;padding-bottom:1.25rem}.result--hour{--card-bg:var(--card-hour)}.result--total{--card-bg:var(--card-total)}.result-rows{margin-top:1.25rem}.result-row{border-top:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 1.25rem;display:flex}.result-row:first-child{border-top:none}.result-label{color:var(--text-secondary);font-size:.95rem}.result-value{color:var(--text);white-space:nowrap;font-size:1.5rem;font-weight:700}.result-value .unit{color:var(--text-secondary);margin-left:.1rem;font-size:.9rem;font-weight:600}.result-pills{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:6px;margin-top:.25rem;padding:1rem 1.25rem 0;display:flex}.pill{border-radius:var(--r-chip);font-variant-numeric:tabular-nums;background:#ffffff0a;border:1px solid;padding:5px 13px;font-size:.82rem;font-weight:600}.pill--glucose{color:var(--q-glucose);border-color:#4fd2ff73}.pill--fructose{color:var(--q-fructose);border-color:#5ce65c73}.pill--carbs{color:var(--q-carbs-text);border-color:#3d8bff73}.pill--ratio{border-color:var(--separator);color:var(--text-secondary)}.note{border-radius:var(--r-inner);border:1px solid;margin:0 0 .75rem;padding:.875rem 1rem;font-size:.9rem;line-height:1.45}.note--warning{color:var(--warning-text);background:var(--warning-light);border-color:#ffd60a59}.note--error{color:var(--error-text);background:var(--error-light);border-color:#ff3b3059}.footnotes{margin-top:1.5rem;padding:0 .25rem}.footnotes p{color:var(--text-muted);margin:0 0 .75rem;font-size:.8rem;line-height:1.6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-pressed);border-radius:var(--r-chip)}::-webkit-scrollbar-track{background:var(--background)}@media (width<=768px){.carb-mix{padding:1rem}.carb-mix-header{margin-bottom:1rem;padding:1.25rem 1rem 1.5rem}.carb-mix-logo{width:34px;height:34px}.card-head{padding:1rem 1rem 0}.form-group{flex-direction:column;align-items:stretch;gap:.75rem;min-height:auto;padding:1rem}.form-group select{width:100%}.form-group.slider-group{gap:0}.result-row,.result-pills,.form-note{padding-left:1rem;padding-right:1rem}}