:root{--about-modal-overlay: rgba(0, 0, 0, .5);--about-modal-bg: #ffffff;--about-modal-panel-bg: #f4f4f5;--about-modal-cta-bg: #efefef;--about-modal-border: #e4e4e7;--about-modal-text-primary: #09090b;--about-modal-text-body: #52525b;--about-modal-text-muted: #a1a1aa;--about-modal-link: #2563eb;--about-modal-link-weight: 400;--about-modal-close-bg: rgba(0, 0, 0, .07);--about-modal-close-color: #71717a;--about-modal-btn-bg: #09090b;--about-modal-btn-text: #ffffff;--about-modal-btn-bg-hover: #27272a;--about-modal-radius: 14px;--about-modal-shadow: 0 2px 8px rgba(0,0,0,.08), 0 14px 48px rgba(0,0,0,.18)}:root{--alert-overlay: rgba(0, 0, 0, .45);--alert-bg: #ffffff;--alert-border: #e4e4e7;--alert-radius: 14px;--alert-shadow: 0 2px 8px rgba(0, 0, 0, .08), 0 14px 48px rgba(0, 0, 0, .18);--alert-text-primary: #09090b;--alert-text-body: #52525b;--alert-text-muted: #a1a1aa;--alert-btn-bg: #09090b;--alert-btn-text: #ffffff;--alert-btn-bg-hover: #27272a;--alert-btn-cancel-bg: transparent;--alert-btn-cancel-text: #52525b;--alert-btn-cancel-border: #e4e4e7;--alert-btn-cancel-bg-hover: #f4f4f5;--alert-btn-danger-bg: #dc2626;--alert-btn-danger-text: #ffffff;--alert-btn-danger-bg-hover: #b91c1c;--alert-input-bg: #ffffff;--alert-input-border: #d4d4d8;--alert-input-text: #09090b;--alert-input-focus: #2563eb;--alert-input-error: #dc2626;--alert-accent-info: #2563eb;--alert-accent-success: #16a34a;--alert-accent-warning: #d97706;--alert-accent-danger: #dc2626}:root{--cc-accent: var(--color-accent, #d2911e);--cc-text: var(--color-text-primary, #232328);--cc-bg: var(--color-bg-primary, #f5f3f0);--cc-warn: var(--color-warning, #e69628);--cc-info: var(--color-info, var(--color-accent, #5082aa));--cc-font-mono: var(--font-family-mono, "Fira Code", "Cascadia Code", "SF Mono", monospace);--cc-font-sans: var(--font-family, "IBM Plex Sans", system-ui, sans-serif);--cc-font-size: 13px;--cc-label-size: 12px;--cc-control-height: 30px;--cc-radius: var(--radius-sm, 5px);--cc-row-gap: 12px;--cc-label-width: 130px;--cc-border-width: 1px}.cc-row{display:flex;align-items:flex-start;gap:var(--cc-row-gap);padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--cc-text) 6%,transparent)}.cc-label{width:var(--cc-label-width);font-size:var(--cc-label-size);color:color-mix(in srgb,var(--cc-text) 50%,transparent);flex-shrink:0;padding-top:6px;letter-spacing:.01em}.cc-group{flex:1;display:flex;align-items:flex-start;gap:8px}.cc-unit{font-size:var(--cc-label-size);color:color-mix(in srgb,var(--cc-text) 30%,transparent);font-family:var(--cc-font-mono);padding-top:6px;min-width:28px}.cc-scrub-display{display:flex;align-items:center;gap:6px;padding:4px 10px;min-width:88px;height:var(--cc-control-height);border:var(--cc-border-width) solid color-mix(in srgb,var(--cc-text) 12%,transparent);border-radius:var(--cc-radius);background:color-mix(in srgb,var(--cc-text) 4%,transparent);user-select:none;touch-action:none;-webkit-user-select:none;outline:none;transition:background .1s,border-color .1s;cursor:row-resize;box-sizing:border-box}.cc-scrub-display:hover{border-color:color-mix(in srgb,var(--cc-text) 20%,transparent)}.cc-scrub-display:focus-visible{border-color:color-mix(in srgb,var(--cc-accent) 60%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-accent) 15%,transparent)}.cc-scrub-display.cc-dragging{cursor:ns-resize;background:color-mix(in srgb,var(--cc-accent) 12%,transparent);border-color:color-mix(in srgb,var(--cc-accent) 60%,transparent)}.cc-scrub-value{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--cc-text) 90%,transparent);flex:1;text-align:right}.cc-scrub-placeholder{font-family:var(--cc-font-sans);font-variant-numeric:normal;color:color-mix(in srgb,var(--cc-text) 40%,transparent);font-style:italic}.cc-dragging .cc-scrub-value{color:color-mix(in srgb,var(--cc-accent) 90%,transparent)}.cc-scrub-arrow{font-size:9px;line-height:1;color:color-mix(in srgb,var(--cc-text) 20%,transparent)}.cc-dragging .cc-scrub-arrow{color:color-mix(in srgb,var(--cc-accent) 80%,transparent)}.cc-text-input{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);width:88px;height:var(--cc-control-height);padding:4px 8px;background:color-mix(in srgb,var(--cc-text) 4%,transparent);border:var(--cc-border-width) solid color-mix(in srgb,var(--cc-text) 12%,transparent);border-radius:var(--cc-radius);color:color-mix(in srgb,var(--cc-text) 90%,transparent);outline:none;box-sizing:border-box}.cc-text-input:focus,.cc-text-input.cc-focused{border-color:color-mix(in srgb,var(--cc-accent) 70%,transparent)}.cc-text-input.cc-editing{border-color:color-mix(in srgb,var(--cc-accent) 70%,transparent)}.cc-preview{position:absolute;top:calc(100% + 4px);left:0;background:color-mix(in srgb,var(--cc-bg) 95%,transparent);border:1px solid color-mix(in srgb,var(--cc-accent) 30%,transparent);border-radius:4px;padding:3px 8px;font-size:11px;color:color-mix(in srgb,var(--cc-accent) 90%,transparent);font-family:var(--cc-font-mono);white-space:nowrap;z-index:100;pointer-events:none}.cc-range-row{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--cc-text) 6%,transparent)}.cc-range-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cc-range-header .cc-label{padding-top:0;width:auto}.cc-range-track{position:relative;height:44px;display:flex;align-items:center;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;border-radius:4px}.cc-range-track:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-accent) 50%,transparent)}.cc-range-groove{position:absolute;left:0;right:0;height:3px;background:color-mix(in srgb,var(--cc-text) 8%,transparent);border-radius:2px}.cc-range-fill{position:absolute;left:0;height:3px;background:color-mix(in srgb,var(--cc-accent) 75%,transparent);border-radius:2px;transition:width .05s}.cc-range-fill.cc-dragging{transition:none}.cc-range-thumb-area{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.cc-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid color-mix(in srgb,var(--cc-text) 50%,transparent);box-shadow:none;transition:background .1s,box-shadow .1s,border-color .1s}.cc-range-thumb.cc-dragging{background:var(--cc-accent);border-color:var(--cc-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--cc-accent) 20%,transparent)}.cc-range-minmax{display:flex;justify-content:space-between;font-size:10px;color:color-mix(in srgb,var(--cc-text) 20%,transparent);font-family:var(--cc-font-mono);margin-top:-4px}.cc-toggle-group{display:flex;background:color-mix(in srgb,var(--cc-text) 5%,transparent);border-radius:var(--cc-radius);padding:2px;gap:2px}.cc-toggle-btn{padding:3px 14px;border:none;border-radius:3px;cursor:pointer;font-size:var(--cc-label-size);font-family:var(--cc-font-sans);background:transparent;color:color-mix(in srgb,var(--cc-text) 40%,transparent);transition:background .15s,color .15s;outline:none}.cc-toggle-btn:hover{color:color-mix(in srgb,var(--cc-text) 60%,transparent)}.cc-toggle-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-accent) 30%,transparent)}.cc-toggle-btn.cc-active{background:color-mix(in srgb,var(--cc-accent) 70%,transparent);color:#fff}.cc-toggle-btn.cc-active:hover{background:color-mix(in srgb,var(--cc-accent) 80%,transparent);color:#fff}.cc-select{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);height:var(--cc-control-height);min-width:140px;padding:4px 28px 4px 10px;background-color:color-mix(in srgb,var(--cc-text) 4%,transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5l3 3 3-3' stroke='rgba(35,35,40,0.35)' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;border:var(--cc-border-width) solid color-mix(in srgb,var(--cc-text) 12%,transparent);border-radius:var(--cc-radius);color:color-mix(in srgb,var(--cc-text) 90%,transparent);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;box-sizing:border-box}.cc-select:hover{border-color:color-mix(in srgb,var(--cc-text) 20%,transparent)}.cc-select:focus-visible{border-color:color-mix(in srgb,var(--cc-accent) 60%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--cc-accent) 15%,transparent)}.cc-select option{background:var(--cc-bg)}.cc-display-value{font-family:var(--cc-font-mono);font-size:var(--cc-font-size);font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--cc-info) 90%,transparent);transition:color .12s cubic-bezier(.25,1,.5,1)}.cc-display-value.cc-warn{color:color-mix(in srgb,var(--cc-warn) 95%,transparent)}@keyframes cc-value-flash{0%{color:var(--cc-accent)}to{color:color-mix(in srgb,var(--cc-info) 90%,transparent)}}@keyframes cc-value-flash-warn{0%{color:var(--cc-accent)}to{color:color-mix(in srgb,var(--cc-warn) 95%,transparent)}}.cc-display-value.cc-flash{animation:cc-value-flash .25s cubic-bezier(.25,1,.5,1)}.cc-display-value.cc-warn.cc-flash{animation:cc-value-flash-warn .25s cubic-bezier(.25,1,.5,1)}.cc-display-warn-icon{font-size:11px;color:color-mix(in srgb,var(--cc-warn) 70%,transparent);padding-top:5px}.cc-disabled{opacity:.5}.cc-disabled .cc-disabled{opacity:1}.cc-disabled .cc-scrub-display,.cc-disabled .cc-range-track{cursor:not-allowed}.cc-disabled .cc-scrub-display:hover,.cc-disabled .cc-scrub-display:focus-visible{border-color:color-mix(in srgb,var(--cc-text) 12%,transparent);box-shadow:none;background:color-mix(in srgb,var(--cc-text) 4%,transparent)}@media (prefers-reduced-motion: reduce){.cc-display-value,.cc-display-value.cc-flash,.cc-display-value.cc-warn.cc-flash{transition:none;animation:none}}:root{--cn-accent: var(--color-accent, #15803d);--cn-text: var(--color-text-primary, #212529);--cn-bg: var(--color-bg-primary, #ffffff);--cn-surface: var(--color-bg-secondary, #f8f9fa);--cn-border: var(--color-border, #dee2e6);--cn-font-sans: var(--font-family, "Inter", system-ui, sans-serif);--cn-font-size: 13px;--cn-label-size: 12px;--cn-radius: var(--radius-sm, 4px);--cn-tab-gap: 2px;--cn-transition-speed: .15s;--cn-drawer-width: 380px;--cn-drawer-speed: .2s}.cn-tab-group{position:relative;isolation:isolate}.cn-tab-bar{display:flex;flex-wrap:wrap;gap:var(--cn-tab-gap);border-bottom:2px solid color-mix(in srgb,var(--cn-border) 10%,transparent);position:sticky;top:0;background:var(--cn-bg);padding:8px 0 0;z-index:10}.cn-tab-panel[hidden]{display:none!important}.cn-tab-btn{padding:8px 14px;border:none;background:none;cursor:pointer;font-size:var(--cn-font-size);font-family:var(--cn-font-sans);font-weight:400;color:color-mix(in srgb,var(--cn-text) 45%,transparent);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--cn-transition-speed),border-color var(--cn-transition-speed);white-space:nowrap;outline:none}.cn-tab-btn:hover{color:color-mix(in srgb,var(--cn-text) 70%,transparent)}.cn-tab-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--cn-accent) 30%,transparent);border-radius:var(--cn-radius) var(--cn-radius) 0 0}.cn-tab-btn.cn-active{font-weight:600;color:var(--cn-accent);border-bottom-color:var(--cn-accent)}.cn-tab-panel{padding-top:1em}.cn-tab-panel.cn-panel-active{animation:cn-fade-in var(--cn-transition-speed) ease-out}@keyframes cn-fade-in{0%{opacity:0}to{opacity:1}}.cn-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:900;opacity:0;pointer-events:none;transition:opacity var(--cn-drawer-speed) ease}.cn-drawer-overlay.cn-drawer-open{opacity:1;pointer-events:auto}.cn-drawer{position:fixed;top:0;right:0;bottom:0;width:var(--cn-drawer-width);max-width:90vw;background:var(--cn-surface);border-left:1px solid color-mix(in srgb,var(--cn-border) 10%,transparent);z-index:901;transform:translate(100%);transition:transform var(--cn-drawer-speed) ease;display:flex;flex-direction:column;outline:none}.cn-drawer.cn-drawer-open{transform:translate(0)}.cn-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid color-mix(in srgb,var(--cn-border) 10%,transparent);flex-shrink:0}.cn-drawer-title{margin:0;font-size:16px;font-weight:600;font-family:var(--cn-font-sans);color:color-mix(in srgb,var(--cn-text) 90%,transparent)}.cn-drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:pointer;color:color-mix(in srgb,var(--cn-text) 40%,transparent);border-radius:var(--cn-radius);transition:background var(--cn-transition-speed),color var(--cn-transition-speed)}.cn-drawer-close:hover{background:color-mix(in srgb,var(--cn-text) 8%,transparent);color:color-mix(in srgb,var(--cn-text) 70%,transparent)}.cn-drawer-close:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--cn-accent) 30%,transparent)}.cn-drawer-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}:root{--cs-accent: var(--color-accent, #6378ff);--cs-text: var(--color-text-primary, #212529);--cs-bg: var(--color-bg-primary, #ffffff);--cs-surface: var(--color-bg-secondary, #f8f9fa);--cs-border: var(--color-border, #dee2e6);--cs-font-sans: var(--font-family, "Inter", system-ui, sans-serif);--cs-font-size: 13px;--cs-radius: var(--radius-sm, 5px);--cs-item-gap: 2px;--cs-transition-speed: .15s;--cs-sidebar-width: 220px;--cs-sidebar-padding: 8px;--cs-drawer-speed: .2s;--cs-collapse-speed: .2s}.cs-sidebar-nav{display:flex;align-items:stretch;gap:16px;position:relative}.cs-sidebar{flex-shrink:0;position:sticky;height:100%;overflow-y:auto;background:var(--cs-surface);border:1px solid color-mix(in srgb,var(--cs-border) 10%,transparent);border-radius:var(--cs-radius);padding:var(--cs-sidebar-padding);z-index:5;transition:width var(--cs-collapse-speed) ease,padding var(--cs-collapse-speed) ease,border-color var(--cs-collapse-speed) ease}.cs-sidebar-list{display:flex;flex-direction:column;gap:var(--cs-item-gap)}.cs-sidebar-item{display:flex;flex-direction:column}.cs-sidebar-group{padding:14px 12px 4px;font-family:var(--cs-font-sans);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--cs-text) 40%,transparent);line-height:1;-webkit-user-select:none;user-select:none}.cs-sidebar-list .cs-sidebar-item:first-child .cs-sidebar-group{padding-top:4px}.cs-sidebar-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:none;cursor:pointer;font-size:var(--cs-font-size);font-family:var(--cs-font-sans);font-weight:400;color:color-mix(in srgb,var(--cs-text) 50%,transparent);border-radius:var(--cs-radius);text-align:left;transition:color var(--cs-transition-speed),background var(--cs-transition-speed);outline:none}.cs-sidebar-btn:hover{color:color-mix(in srgb,var(--cs-text) 80%,transparent);background:color-mix(in srgb,var(--cs-text) 5%,transparent)}.cs-sidebar-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--cs-accent) 40%,transparent)}.cs-sidebar-btn.cs-active{font-weight:600;color:var(--cs-accent);background:color-mix(in srgb,var(--cs-accent) 12%,transparent)}.cs-sidebar-icon{display:inline-flex;flex-shrink:0}.cs-sidebar-icon svg{width:16px;height:16px}.cs-sidebar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.cs-sidebar-badge{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-family:var(--cs-font-sans);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;color:color-mix(in srgb,var(--cs-text) 55%,transparent);background:color-mix(in srgb,var(--cs-text) 8%,transparent);border-radius:9px}.cs-sidebar-btn.cs-active .cs-sidebar-badge{color:var(--cs-accent);background:color-mix(in srgb,var(--cs-accent) 14%,transparent)}.cs-sidebar-content{flex:1;min-width:0}.cs-sidebar-panel.cs-panel-active{animation:cs-fade-in var(--cs-transition-speed) ease-out}@keyframes cs-fade-in{0%{opacity:0}to{opacity:1}}.cs-sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;position:sticky;top:var(--cs-toggle-top, 8px);width:28px;height:28px;flex-shrink:0;align-self:flex-start;border:1px solid color-mix(in srgb,var(--cs-border) 15%,transparent);background:var(--cs-surface);cursor:pointer;color:color-mix(in srgb,var(--cs-text) 40%,transparent);border-radius:var(--cs-radius);transition:background var(--cs-transition-speed),color var(--cs-transition-speed);z-index:6}.cs-sidebar-collapse-btn:hover{background:color-mix(in srgb,var(--cs-text) 6%,transparent);color:color-mix(in srgb,var(--cs-text) 70%,transparent)}.cs-sidebar-collapse-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--cs-accent) 40%,transparent);outline:none}.cs-sidebar-nav[data-cs-collapsed=true] .cs-sidebar{width:0!important;padding:0;border-color:transparent;overflow:hidden}.cs-sidebar-nav[data-cs-collapsed=true] .cs-sidebar-label,.cs-sidebar-nav[data-cs-collapsed=true] .cs-sidebar-badge,.cs-sidebar-nav[data-cs-collapsed=true] .cs-sidebar-group,.cs-sidebar-toggle,.cs-sidebar-overlay{display:none}@media (max-width: 767px){.cs-sidebar-nav{display:block}.cs-sidebar-collapse-btn{display:none}.cs-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--cs-border) 15%,transparent);border-radius:var(--cs-radius);background:var(--cs-surface);color:color-mix(in srgb,var(--cs-text) 80%,transparent);cursor:pointer;position:sticky;top:var(--cs-toggle-top, 8px);z-index:20}.cs-sidebar-toggle:hover{background:color-mix(in srgb,var(--cs-text) 6%,transparent)}.cs-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--cs-sidebar-width);max-width:80vw;border-radius:0;border-left:none;transform:translate(-100%);transition:transform var(--cs-drawer-speed) ease;z-index:50;overflow-y:auto;padding-top:16px}.cs-sidebar-nav[data-cs-open=true] .cs-sidebar{transform:translate(0);box-shadow:2px 0 12px #00000040}.cs-sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40;opacity:0;pointer-events:none;transition:opacity var(--cs-drawer-speed) ease}.cs-sidebar-nav[data-cs-open=true] .cs-sidebar-overlay{opacity:1;pointer-events:auto}}:root{--color-primary: #1a73e8;--color-primary-dark: #1557b0;--color-primary-light: #e8f0fe;--color-bg: #ffffff;--color-surface: #f8f9fa;--color-surface-hover: #f1f3f4;--color-text: #202124;--color-text-muted: #5f6368;--color-text-inverse: #ffffff;--color-border: #dadce0;--color-border-focus: #1a73e8;--color-overlay: rgba(0, 0, 0, .5);--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-danger-border: #ef4444;--color-caution-bg: #fef3c7;--color-caution-text: #92400e;--color-caution-border: #f59e0b;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-info-border: #3b82f6;--color-ok-bg: #dcfce7;--color-ok-text: #166534;--color-ok-border: #22c55e;--color-neutral-bg: #f3f4f6;--color-neutral-text: #374151;--color-warning-bg: var(--color-caution-bg);--color-warning-text: var(--color-caution-text);--color-warning-border: var(--color-caution-border);--color-success-bg: var(--color-ok-bg);--color-success-text: var(--color-ok-text);--color-success-border: var(--color-ok-border);--color-error-bg: var(--color-danger-bg);--color-error-text: var(--color-danger-text);--color-error-border: var(--color-danger-border);--color-success: #0d904f;--color-success-light: #e6f4ea;--color-warning: #e8a317;--color-warning-light: #fef7e0;--color-warning-dark: #7a5800;--color-error: #d93025;--color-error-light: #fce8e6;--color-info: #1a73e8;--color-info-light: #e8f0fe;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-hero: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--sidebar-width: 240px;--color-accent: var(--color-primary);--color-text-primary: var(--color-text);--color-bg-primary: var(--color-bg);--color-bg-secondary: var(--color-surface);--z-sidebar: 10;--z-header: 20;--z-overlay: 30;--z-toast: 40;--about-modal-link: var(--color-primary);--about-modal-panel-bg: var(--color-surface);--about-modal-bg: var(--color-bg);--about-modal-text-primary: var(--color-text);--about-modal-text-body: var(--color-text-muted);--about-modal-text-muted: var(--color-text-muted);--about-modal-border: var(--color-border);--about-modal-btn-bg: var(--color-primary);--about-modal-btn-bg-hover: var(--color-primary-dark)}[data-theme=dark]{--color-primary: #8ab4f8;--color-primary-dark: #669df6;--color-primary-light: #1a3a5c;--color-bg: #1e1e1e;--color-surface: #2d2d2d;--color-surface-hover: #3c3c3c;--color-text: #e8eaed;--color-text-muted: #9aa0a6;--color-text-inverse: #202124;--color-border: #5f6368;--color-border-focus: #8ab4f8;--color-overlay: rgba(0, 0, 0, .7);--color-danger-bg: #3d2020;--color-danger-text: #f28b82;--color-danger-border: #f28b82;--color-caution-bg: #3d3520;--color-caution-text: #fdd663;--color-caution-border: #fdd663;--color-info-bg: #1a3a5c;--color-info-text: #8ab4f8;--color-info-border: #8ab4f8;--color-ok-bg: #1b3626;--color-ok-text: #81c995;--color-ok-border: #81c995;--color-neutral-bg: #2d2d2d;--color-neutral-text: #9aa0a6;--color-warning-bg: var(--color-caution-bg);--color-warning-text: var(--color-caution-text);--color-warning-border: var(--color-caution-border);--color-success-bg: var(--color-ok-bg);--color-success-text: var(--color-ok-text);--color-success-border: var(--color-ok-border);--color-error-bg: var(--color-danger-bg);--color-error-text: var(--color-danger-text);--color-error-border: var(--color-danger-border);--color-success: #81c995;--color-success-light: #1b3626;--color-warning: #fdd663;--color-warning-light: #3d3520;--color-warning-dark: #fdd663;--color-error: #f28b82;--color-error-light: #3d2020;--color-info: #8ab4f8;--color-info-light: #1a3a5c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--color-accent: var(--color-primary);--color-text-primary: var(--color-text);--color-bg-primary: var(--color-bg);--color-bg-secondary: var(--color-surface);--about-modal-link: var(--color-primary);--about-modal-panel-bg: var(--color-surface);--about-modal-bg: var(--color-bg);--about-modal-text-primary: var(--color-text);--about-modal-text-body: var(--color-text-muted);--about-modal-text-muted: var(--color-text-muted);--about-modal-border: var(--color-border);--about-modal-btn-bg: var(--color-primary);--about-modal-btn-bg-hover: var(--color-primary-dark)}@media (prefers-color-scheme: dark){[data-theme=system]{--color-primary: #8ab4f8;--color-primary-dark: #669df6;--color-primary-light: #1a3a5c;--color-bg: #1e1e1e;--color-surface: #2d2d2d;--color-surface-hover: #3c3c3c;--color-text: #e8eaed;--color-text-muted: #9aa0a6;--color-text-inverse: #202124;--color-border: #5f6368;--color-border-focus: #8ab4f8;--color-danger-bg: #3d2020;--color-danger-text: #f28b82;--color-danger-border: #f28b82;--color-caution-bg: #3d3520;--color-caution-text: #fdd663;--color-caution-border: #fdd663;--color-info-bg: #1a3a5c;--color-info-text: #8ab4f8;--color-info-border: #8ab4f8;--color-ok-bg: #1b3626;--color-ok-text: #81c995;--color-ok-border: #81c995;--color-neutral-bg: #2d2d2d;--color-neutral-text: #9aa0a6;--color-warning-bg: var(--color-caution-bg);--color-warning-text: var(--color-caution-text);--color-warning-border: var(--color-caution-border);--color-success-bg: var(--color-ok-bg);--color-success-text: var(--color-ok-text);--color-success-border: var(--color-ok-border);--color-error-bg: var(--color-danger-bg);--color-error-text: var(--color-danger-text);--color-error-border: var(--color-danger-border);--color-success: #81c995;--color-success-light: #1b3626;--color-warning: #fdd663;--color-warning-light: #3d3520;--color-warning-dark: #fdd663;--color-error: #f28b82;--color-error-light: #3d2020;--color-info: #8ab4f8;--color-info-light: #1a3a5c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.25;color:var(--color-text)}h1{font-size:var(--font-size-hero)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}input,select,button,textarea{font-family:inherit;font-size:inherit;line-height:inherit}input[type=number],select{height:40px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=number]:focus,select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #1a73e826}input[type=number]::placeholder{color:var(--color-text-muted)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:var(--spacing-md);background:var(--color-primary);color:var(--color-text-inverse);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);z-index:calc(var(--z-toast) + 1);text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:var(--spacing-sm);outline:2px solid var(--color-text-inverse);outline-offset:2px}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.hero-result--pulse{animation:none!important;background-color:var(--color-primary-light)!important;transition:background-color .3s ease-out!important}.toast{animation:none!important;opacity:0;transition:opacity .2s ease-out!important}.toast--visible{opacity:1}}@media (forced-colors: active){.warning-card,.guardrail-banner,.disclaimer-banner,.hero-result,.card,.input-panel,.btn,.unit-input__field input,.input-field__control,.sidebar__search-input{forced-color-adjust:none;border:1px solid ButtonText!important}.btn--primary{background-color:Highlight!important;color:HighlightText!important;border-color:HighlightText!important}}p,li,.warning-card__message,.warning-card__suggestion,.disclaimer-banner__text,.empty-state__text{overflow-wrap:break-word;word-wrap:break-word}.app{display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "body" "footer";min-height:100vh}.app-header{grid-area:header}.app-body{grid-area:body;display:flex;min-height:0;flex:1;overflow:hidden}.app-body>.cs-sidebar-nav{flex:1;min-width:0;padding:var(--spacing-md);gap:var(--spacing-sm)}.app-body>.cs-sidebar-nav .cs-sidebar-collapse-btn{padding:0;color:var(--color-text-muted)}.app-body>.cs-sidebar-nav .cs-sidebar-collapse-btn:hover{color:var(--color-text)}.app-footer{grid-area:footer}@media (max-width: 639px){.app-body{padding:0}.app-body>.cs-sidebar-nav{padding:var(--spacing-sm)}}@media (min-width: 640px) and (max-width: 1024px){.app-body>.cs-sidebar-nav{padding:var(--spacing-sm)}}@media (min-width: 1025px){.app-body>.cs-sidebar-nav{padding:var(--spacing-lg)}}@keyframes result-pulse{0%{box-shadow:0 0 #1a73e866}50%{box-shadow:0 0 0 8px #1a73e800}to{box-shadow:0 0 #1a73e800}}.hero-result--pulse{animation:result-pulse .6s ease-out}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md);z-index:var(--z-header)}.header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}.header__subtitle{font-size:var(--font-size-xs);opacity:.85}.header__actions{display:flex;gap:var(--spacing-sm)}.header__leading{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.header__button{color:var(--color-text-inverse);background:#ffffff26;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.header__button:hover{background:#ffffff40}.header__button:active{background:#ffffff59}.header__button--icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;cursor:pointer;transition:background var(--transition-base)}.header__button--icon:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:2px}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--spacing-md) 0;overflow-y:auto;z-index:var(--z-sidebar)}.sidebar__search{padding:var(--spacing-sm) var(--spacing-md);position:relative}.sidebar__search-input{width:100%;height:32px;padding:var(--spacing-xs) var(--spacing-sm);padding-right:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm)}.sidebar__search-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #1a73e826;outline:none}.sidebar__search-clear{position:absolute;right:calc(var(--spacing-md) + 2px);top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;font-size:var(--font-size-xs);color:var(--color-text-muted);background:none;border:none;cursor:pointer;line-height:1;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.sidebar__search-clear:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.sidebar__search-clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.sidebar__section{margin-bottom:0}.sidebar__section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;text-align:left}.sidebar__section-header:hover{background-color:var(--color-surface-hover)}.sidebar__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.sidebar__section-toggle{font-size:.7rem;transition:transform var(--transition-fast)}.sidebar__section-toggle--collapsed{transform:rotate(-90deg)}.sidebar__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast);border:none;background:none;width:100%;text-align:left;font-size:var(--font-size-sm);min-width:0}.sidebar__item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__item:hover{background-color:var(--color-surface-hover)}.sidebar__item:active{background-color:var(--color-border)}.sidebar__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;background-color:var(--color-surface-hover)}.sidebar__item--active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.sidebar__item--disabled{opacity:.5;cursor:not-allowed}.sidebar__item--disabled:hover{background:none}.sidebar__badge{font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-border);padding:1px 6px;border-radius:var(--radius-sm);margin-left:auto}.footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-surface);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-muted);gap:var(--spacing-md);flex-wrap:wrap}.footer__disclaimer{flex:1;text-align:center;line-height:1.5;min-width:0}.unit-input{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.unit-input__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.unit-input__label-sub{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.unit-input__row{display:flex;gap:var(--spacing-xs)}.unit-input__field{flex:1;min-width:0}.unit-input__field input{width:100%;height:40px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:var(--font-mono)}.unit-input__field input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #1a73e826;outline:none}.unit-input__select{width:100px;height:40px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);font-size:var(--font-size-sm);cursor:pointer}.unit-input__clear{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.unit-input__clear:hover{background:var(--color-surface-hover);color:var(--color-text)}.unit-input__clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.unit-input__error{font-size:var(--font-size-xs);color:var(--color-danger-text)}.unit-input--error .unit-input__field input{border-color:var(--color-danger-border);box-shadow:0 0 0 3px #ef444426}.unit-input--error .unit-input__field input:focus{border-color:var(--color-danger-border);box-shadow:0 0 0 3px #ef444440}.solve-target{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background-color:var(--color-surface);border-radius:var(--radius-md)}.solve-target__label{font-size:var(--font-size-sm);color:var(--color-text-muted);align-self:center;margin-right:var(--spacing-xs)}.solve-target__option{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;border:1px solid transparent;background:none}.solve-target__option-label{font-size:var(--font-size-xs)}.solve-target__option:hover{background-color:var(--color-surface-hover)}.solve-target__option:active:not(:disabled){background-color:var(--color-border)}.solve-target__option--active{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);font-weight:var(--font-weight-medium)}.solve-target__option:disabled{opacity:.5;cursor:not-allowed}.solve-target__option:disabled:hover{background-color:transparent}.results-panel{margin-top:var(--spacing-lg)}.hero-result{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-inverse);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);position:relative}.hero-result__label{font-size:var(--font-size-sm);opacity:.85;margin-bottom:var(--spacing-xs)}.hero-result__value{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow-wrap:anywhere;word-break:break-all;line-height:1.15}.hero-result__unit{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);opacity:.9}.hero-result__tooltip{font-size:var(--font-size-xs);opacity:.7;margin-top:var(--spacing-xs)}.hero-result__caption{font-size:var(--font-size-sm);opacity:.95;margin-top:var(--spacing-sm);line-height:1.4}.hero-result__caption .hero-result__caption-icon{font-weight:var(--font-weight-bold);margin-inline-end:var(--spacing-xs)}.secondary-results{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.secondary-result{flex:1;min-width:150px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;overflow:hidden}.secondary-result__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.secondary-result__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-all}.formula-display{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.formula-display__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--spacing-md)}.formula-display__formula{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-sm);overflow-x:auto;overflow-wrap:anywhere;word-break:break-all;padding-bottom:var(--spacing-xs)}.formula-display__substitution{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--spacing-sm);overflow-x:auto;overflow-wrap:anywhere;word-break:break-all;padding-bottom:var(--spacing-xs)}.formula-display__steps{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.formula-display__answer{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-ok-text);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.preparation-steps{margin-bottom:var(--spacing-lg)}.preparation-steps__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--spacing-md)}.preparation-step{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.preparation-step:last-child{border-bottom:none}.preparation-step__number{flex-shrink:0;width:24px;height:24px;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.preparation-step__text{flex:1;min-width:0}.preparation-step__instruction{font-size:var(--font-size-sm);color:var(--color-text);overflow-wrap:anywhere}.preparation-step__detail{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px;overflow-wrap:anywhere}.warnings-list{margin-bottom:var(--spacing-lg)}.warning-card{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.warning-card--error{background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text)}.warning-card--warning{background-color:var(--color-caution-bg);border:1px solid var(--color-caution-border);color:var(--color-caution-text)}.warning-card--info{background-color:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info-text)}.warning-card__icon{flex-shrink:0;font-size:var(--font-size-lg)}.warning-card__content{flex:1;min-width:0}.warning-card__message{font-weight:var(--font-weight-medium);overflow-wrap:anywhere;word-break:break-word}.warning-card__suggestion{font-size:var(--font-size-xs);opacity:.85;margin-top:2px;overflow-wrap:anywhere;word-break:break-word}.dilution-factor{display:inline-flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.dilution-factor__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.dilution-factor__value{font-weight:var(--font-weight-bold);color:var(--color-primary)}.disclaimer-banner{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-caution-bg);border:1px solid var(--color-caution-border);border-radius:var(--radius-md);margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-caution-text)}.disclaimer-banner__icon{flex-shrink:0;font-size:var(--font-size-lg)}.disclaimer-banner__text{flex:1;line-height:1.4;min-width:0;overflow-wrap:anywhere}.preferences-panel{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);position:fixed;top:60px;right:var(--spacing-lg);left:var(--spacing-lg);max-width:320px;margin-left:auto;z-index:var(--z-overlay)}@media (min-width: 640px){.preferences-panel{left:auto;width:320px}}.preferences-panel__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.preferences-panel__group{margin-bottom:var(--spacing-md)}.preferences-panel__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs)}.preferences-panel__toggle{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.preferences-panel__toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;position:relative;flex-shrink:0;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.preferences-panel__toggle input[type=checkbox]:hover{border-color:var(--color-text-muted)}.preferences-panel__toggle input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.preferences-panel__toggle input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid var(--color-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg)}.preferences-panel__toggle input[type=checkbox]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.preferences-panel__divider{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-md) 0}.preferences-panel__about-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .15s ease}.preferences-panel__about-button:hover,.preferences-panel__about-button:focus-visible{background-color:var(--color-surface-hover);outline:none}.preferences-panel__group input[type=range]{width:100%;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-border);border-radius:3px;outline:none;cursor:pointer}.preferences-panel__group input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-text-muted);cursor:pointer;transition:border-color .15s ease}.preferences-panel__group input[type=range]::-webkit-slider-thumb:hover{border-color:var(--color-primary)}.preferences-panel__group input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-text-muted);cursor:pointer;transition:border-color .15s ease}.preferences-panel__group input[type=range]::-moz-range-thumb:hover{border-color:var(--color-primary)}.preferences-panel__group input[type=range]:focus-visible::-webkit-slider-thumb{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.preferences-panel__group input[type=range]:focus-visible::-moz-range-thumb{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);left:var(--spacing-lg);background-color:var(--color-text);color:var(--color-text-inverse);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:toast-in .2s ease-out;overflow-wrap:anywhere}@media (min-width: 640px){.toast{left:auto;max-width:480px}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.empty-state__text{font-size:var(--font-size-sm);max-width:400px;margin:0 auto;line-height:1.6}.empty-state__example{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);text-align:left;font-family:var(--font-mono);font-size:var(--font-size-sm)}.welcome-card{max-width:560px;margin:var(--spacing-2xl) auto;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.welcome-card__header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-inverse);padding:var(--spacing-lg) var(--spacing-xl)}.welcome-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.welcome-card__subtitle{font-size:var(--font-size-sm);opacity:.85;margin-top:var(--spacing-xs)}.welcome-card__body{padding:var(--spacing-lg) var(--spacing-xl);color:var(--color-text);line-height:1.6}.welcome-card__features{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.welcome-card__feature{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.welcome-card__feature-icon{font-size:1.25rem}.welcome-card__actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-lg)}.welcome-card__btn{flex:1}.error-boundary{padding:var(--spacing-xl);text-align:center}.error-boundary__title{color:var(--color-danger-text);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.error-boundary__message{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.error-boundary__actions{display:flex;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.input-panel{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.input-panel__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.form-group{padding:var(--spacing-md) 0;border-top:1px solid var(--color-border)}.form-group:first-of-type{border-top:none;padding-top:0}.form-group__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.calculation-view{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}@media (max-width: 1024px){.calculation-view{grid-template-columns:1fr}}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.sidebar__hamburger{display:none;position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);z-index:calc(var(--z-header) + 1);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);width:40px;height:40px;font-size:1.25rem;cursor:pointer;align-items:center;justify-content:center;padding:0}.sidebar__backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-sidebar) - 1)}@media (max-width: 639px){.sidebar__hamburger{display:flex}.sidebar__backdrop{display:block}.sidebar{position:fixed;top:0;left:-280px;width:260px;height:100vh;max-height:none;z-index:var(--z-sidebar);transition:left var(--transition-base);padding-top:60px}.sidebar--mobile-open{left:0}}[dir=rtl] .sidebar__item--active{background-color:var(--color-primary-light);color:var(--color-primary)}.drug-selector{position:relative}.drug-selector__list{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:200px;overflow-y:auto;z-index:var(--z-overlay);list-style:none;padding:0;margin:0;box-shadow:var(--shadow-md)}.drug-selector__option{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border:none;background:none;width:100%;text-align:left;min-width:0}.drug-selector__option>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drug-selector__option>span:first-child{flex:1}.drug-selector__option:hover,.drug-selector__option--highlighted{background-color:var(--color-primary-light)}.drug-selector__option:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.drug-selector__option-category{font-size:var(--font-size-xs);color:var(--color-text-muted)}.drug-library-panel{display:flex;gap:var(--spacing-md)}.drug-library-panel__list{flex:1;min-width:0}.drug-library-panel__toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xs)}.drug-library-panel__count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.drug-library-panel__items{list-style:none;padding:0;margin:var(--spacing-sm) 0 0;max-height:400px;overflow-y:auto}.drug-library-panel__item{display:block;width:100%;text-align:left;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;margin-bottom:2px;transition:background var(--transition-fast)}.drug-library-panel__item:hover{background:var(--color-surface-hover)}.drug-library-panel__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.drug-library-panel__item--active{background:var(--color-primary-light)}.drug-library-panel__item-name{font-weight:var(--font-weight-medium);color:var(--color-text)}.drug-library-panel__item-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.drug-library-panel__item-badge{margin-left:var(--spacing-xs);color:var(--color-caution-text);font-weight:var(--font-weight-bold)}.drug-library-panel__detail{flex:1;min-width:0;padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.drug-library-panel__detail-header{display:flex;justify-content:space-between;align-items:start}.drug-library-panel__detail-title{margin:0 0 var(--spacing-xs)}.drug-library-panel__detail-actions{display:flex;gap:var(--spacing-xs)}.drug-library-panel__detail-generic{font-size:var(--font-size-sm);color:var(--color-text-muted)}.drug-library-panel__detail-category{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.drug-library-panel__detail-section{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.drug-library-panel__detail-list{margin:var(--spacing-xs) 0;padding-left:var(--spacing-md);font-size:var(--font-size-sm)}.drug-library-panel__detail-range{font-size:var(--font-size-sm);margin-top:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg);border-radius:var(--radius-sm)}@media (max-width: 768px){.drug-library-panel{flex-direction:column}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn:hover{background-color:var(--color-surface-hover)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{background-color:inherit}.btn--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--primary:disabled:hover{background-color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover{background-color:var(--color-surface-hover)}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.mode-toggle__btn{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.mode-toggle__btn:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.mode-toggle__btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.mode-toggle__btn--active:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-text-inverse)}.input-field{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.input-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.input-field__control{width:100%;height:40px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field__control:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #1a73e826}.guardrail-banner{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--spacing-md)}.guardrail-banner--ok{background-color:var(--color-ok-bg);color:var(--color-ok-text);border-color:var(--color-ok-border)}.guardrail-banner--warning{background-color:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-border)}.guardrail-banner--danger{background-color:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.guardrail-banner--info{background-color:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-border)}.handoff-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-primary-light);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.handoff-button:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.handoff-button:active{transform:translateY(1px)}.handoff-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auto-fill-notice{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-info-text);margin-bottom:var(--spacing-xs)}.auto-fill-notice__button{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;padding:0;font:inherit;transition:opacity var(--transition-fast)}.auto-fill-notice__button:hover{opacity:.75}.auto-fill-notice__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.derived-result-card{padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center}.derived-result-card__label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--spacing-xs)}.derived-result-card__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere;word-break:break-all}.derived-result-card__caption{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.derived-result-card--info{background-color:var(--color-info-bg)}.derived-result-card--info .derived-result-card__label,.derived-result-card--info .derived-result-card__caption{color:var(--color-info-text)}.derived-result-card--neutral{background-color:var(--color-neutral-bg)}.derived-result-card--neutral .derived-result-card__label,.derived-result-card--neutral .derived-result-card__caption{color:var(--color-neutral-text)}.derived-result-card--ok{background-color:var(--color-ok-bg)}.derived-result-card--ok .derived-result-card__label,.derived-result-card--ok .derived-result-card__caption{color:var(--color-ok-text)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.panel-header__tutorial-toggle{font-size:.8rem;padding:.25rem .5rem}.panel-header__tutorial{margin-bottom:var(--spacing-md)}.selected-drug-chip{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);min-width:0}.selected-drug-chip>span{min-width:0;overflow-wrap:anywhere}.example-presets{margin-bottom:var(--spacing-md)}.example-presets__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.example-presets__list{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.example-presets__button{font-size:.8rem}.export-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap}.batch-scaler{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:var(--spacing-sm)}.batch-scaler__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.batch-scaler__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.batch-scaler__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.batch-scaler__row{display:flex;gap:var(--spacing-sm);align-items:flex-end;flex-wrap:wrap}.batch-scaler__field{flex:1;min-width:120px}.batch-scaler__readout{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;padding:.35rem 0}.batch-scaler__note{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-primary)}.formulation-saver__row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.formulation-saver__name-input{flex:1;min-width:0}.label-generator{margin-top:var(--spacing-md)}.label-generator__row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.label-card{flex:1;min-width:280px;padding:var(--spacing-md)}.label-card--worksheet{border:2px solid var(--color-border);border-radius:var(--radius-md)}.label-card--product{border:3px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface)}.label-card__title{margin:0 0 var(--spacing-xs);text-align:center;padding-bottom:var(--spacing-xs)}.label-card--worksheet .label-card__title{border-bottom:1px solid var(--color-border)}.label-card--product .label-card__title{border-bottom:2px solid var(--color-primary)}.label-card__drug{font-size:1.2rem;font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--spacing-xs)}.label-card__primary{text-align:center;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;margin-bottom:var(--spacing-xs)}.label-card__secondary{text-align:center;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.label-card__steps{margin:var(--spacing-xs) 0;padding-left:1.25rem;font-size:var(--font-size-sm)}.label-card__meta{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.label-card__fields{margin-top:var(--spacing-sm);border-top:1px dashed var(--color-border);padding-top:var(--spacing-xs);font-size:.8rem;line-height:1.6}.history-panel{padding:var(--spacing-md)}.history-panel--empty{text-align:center;color:var(--color-text-muted)}.history-panel__empty-hint{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.history-panel__header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.history-panel__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.history-panel__list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.history-entry{border-bottom:1px solid var(--color-border);padding:var(--spacing-xs) .25rem}.history-entry:last-child{border-bottom:none}.history-entry__summary{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);width:100%;padding:0;border:none;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.history-entry__summary:hover{background-color:var(--color-surface-hover)}.history-entry__summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.history-entry__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);min-width:0;overflow-wrap:anywhere}.history-entry__time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--spacing-sm);white-space:nowrap}.history-entry__result{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.history-entry__details{margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.history-entry__details-title{font-weight:var(--font-weight-bold)}.history-entry__details pre{margin:.25rem 0;white-space:pre-wrap;font-family:var(--font-mono);font-size:var(--font-size-xs)}.cs-group-panel{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0;height:100%}.cs-group-modes{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.cs-group-mode{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.cs-group-mode:hover{background:var(--color-surface-hover);color:var(--color-text)}.cs-group-mode:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.cs-group-mode--active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark);font-weight:var(--font-weight-medium)}.cs-group-view{flex:1;min-height:0;overflow-y:auto;padding-right:var(--spacing-xs)}.cc-row,.cc-range-row{border-bottom-color:var(--color-border)}.cc-label,.cc-unit,.cc-range-minmax{color:var(--color-text-muted)}.cc-scrub-display{background:var(--color-bg);border-color:var(--color-border)}.cc-scrub-display:hover{border-color:var(--color-text-muted)}.cc-scrub-display:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.cc-scrub-display.cc-dragging{background:var(--color-primary-light);border-color:var(--color-primary)}.cc-scrub-value{color:var(--color-text)}.cc-dragging .cc-scrub-value{color:var(--color-primary)}.cc-scrub-arrow{color:var(--color-text-muted)}.cc-dragging .cc-scrub-arrow{color:var(--color-primary)}.cc-text-input{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.cc-text-input:focus,.cc-text-input.cc-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.cc-text-input.cc-editing{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.cc-preview{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.cc-range-track:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.cc-range-groove{background:var(--color-border)}.cc-range-fill{background:var(--color-primary)}.cc-range-thumb{background:var(--color-bg);border-color:var(--color-text-muted)}.cc-range-thumb.cc-dragging{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px #1a73e833}.cc-toggle-group{background:var(--color-surface);border:1px solid var(--color-border)}.cc-toggle-btn{color:var(--color-text-muted)}.cc-toggle-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.cc-toggle-btn:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.cc-toggle-btn.cc-active{background:var(--color-primary);color:var(--color-text-inverse)}.cc-toggle-btn.cc-active:hover{background:var(--color-primary-dark);color:var(--color-text-inverse)}.cc-select{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.cc-select:hover{border-color:var(--color-text-muted)}.cc-select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.cc-display-value{color:var(--color-primary)}.cc-display-value.cc-warn{color:var(--color-caution-text)}.cc-display-warn-icon{color:var(--color-caution-border)}.cc-disabled .cc-scrub-display:hover,.cc-disabled .cc-scrub-display:focus-visible{border-color:var(--color-border);box-shadow:none;background:var(--color-bg)}.dilution-diagram{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dilution-diagram__svg{width:100%;max-width:600px;height:auto}.serial-step-diagram{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;overflow-x:auto}.serial-step-diagram__tube{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px}.serial-step-diagram__tube-icon{width:40px;height:56px;border:2px solid var(--color-primary);border-radius:0 0 8px 8px;border-top:none;position:relative;overflow:hidden}.serial-step-diagram__tube-fill{position:absolute;bottom:0;left:0;right:0;background:var(--color-primary-light)}.serial-step-diagram__tube-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.serial-step-diagram__arrow{color:var(--color-primary);font-size:var(--font-size-lg);flex-shrink:0}.reference-panel{padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.reference-panel__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text)}.reference-panel__section{margin-bottom:var(--spacing-lg)}.reference-panel__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.reference-panel__definition{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.reference-panel__term{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-text);overflow-wrap:anywhere;word-break:break-word}.reference-panel__description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px;line-height:1.5;overflow-wrap:anywhere}.reference-panel__formula{font-family:var(--font-mono);background-color:var(--color-bg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin:var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--color-primary);overflow-x:auto;overflow-wrap:anywhere;word-break:break-all}.error-entry{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background-color:var(--color-bg)}.error-entry__title{font-weight:var(--font-weight-bold);color:var(--color-danger-text);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.error-entry__description{font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.5;overflow-wrap:anywhere}.error-entry__example{font-family:var(--font-mono);font-size:var(--font-size-xs);background-color:var(--color-surface);padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-muted);overflow-x:auto;overflow-wrap:anywhere;word-break:break-all}.error-entry__prevention{font-size:var(--font-size-sm);color:var(--color-ok-text);margin-top:var(--spacing-xs)}.tutorial{padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tutorial__progress{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.tutorial__step-dot{width:12px;height:12px;border-radius:50%;background-color:var(--color-border)}.tutorial__step-dot--active{background-color:var(--color-primary)}.tutorial__step-dot--complete{background-color:var(--color-ok-border)}.tutorial__content{min-height:200px}.tutorial__step-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.tutorial__step-text{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.tutorial__actions{display:flex;justify-content:space-between;margin-top:var(--spacing-lg)}.tutorial__button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text)}.tutorial__button--primary{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.practice-problem{padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.practice-problem__question{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-md)}.practice-problem__input{display:flex;gap:var(--spacing-sm);align-items:center}.practice-problem__input input{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--font-size-base);width:150px}.practice-problem__feedback{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.practice-problem__feedback--correct{background-color:var(--color-ok-bg);color:var(--color-ok-text)}.practice-problem__feedback--incorrect{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.pk-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.pk-result__card{padding:var(--spacing-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.pk-result__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.pk-result__value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-all}.range-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.range-indicator--below{background-color:var(--color-info-bg);color:var(--color-info-text)}.range-indicator--in-range{background-color:var(--color-ok-bg);color:var(--color-ok-text)}.range-indicator--above{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.formulation-card{padding:var(--spacing-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.formulation-card__name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formulation-card__meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.formulation-card__actions{display:flex;gap:var(--spacing-xs)}.formulation-card__delete{border-color:var(--color-danger-border);color:var(--color-danger-text)}.formulation-card__delete:hover{background-color:var(--color-danger-bg)}.population-warning{padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid;margin-bottom:var(--spacing-md)}.population-warning--pediatric{background-color:var(--color-caution-bg);border-color:var(--color-caution-border)}.population-warning--geriatric{background-color:var(--color-danger-bg);border-color:var(--color-danger-border)}.population-warning__title{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.population-warning__text{font-size:var(--font-size-sm);line-height:1.5;overflow-wrap:anywhere}.resource-panel{max-width:800px;margin:0 auto}.resource-panel__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.resource-panel__advisory{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:.85em;border:1px solid;line-height:1.5}.resource-panel__advisory--danger{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.resource-panel__advisory--caution{background:var(--color-caution-bg);color:var(--color-caution-text);border-color:var(--color-caution-border)}.resource-panel__card{background:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.resource-panel__section-title{font-size:.95em;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.resource-panel__input{width:100%;height:40px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.resource-panel__input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #1a73e826}.resource-panel__input::placeholder{color:var(--color-text-muted)}.resource-panel__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs)}.resource-panel__badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-align:center;min-width:80px}.resource-panel__row{display:flex;gap:var(--spacing-sm);align-items:center}.resource-panel__list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.resource-panel__list-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:.85em}.resource-panel__empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}@media print{.sidebar,.header__actions,.preferences-panel,.disclaimer-banner,.toast{display:none!important}.app,.calculation-view{display:block!important}}.applock-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--color-surface)}.applock-screen__card{width:100%;max-width:28rem;padding:2rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.applock-screen__icon{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--color-primary)}.applock-screen__title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--color-text)}.applock-screen__text{margin:0 0 1rem;color:var(--color-text-muted);line-height:1.5}.applock-screen__warning{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:0 0 1rem;padding:.5rem .75rem;font-size:var(--font-size-sm);color:var(--color-caution-text);background:var(--color-caution-bg);border:1px solid var(--color-caution-border);border-radius:var(--radius-md)}.applock-screen__form{display:flex;flex-direction:column;gap:.75rem;text-align:left}.applock-screen__field{display:flex;flex-direction:column;gap:.25rem}.applock-screen__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.applock-screen__field input{padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text)}.applock-screen__field input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-primary-light)}.applock-screen__error{padding:.5rem .75rem;font-size:var(--font-size-sm);color:var(--color-danger-text);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);text-align:center}.applock-screen__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.applock-screen__button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;font-size:var(--font-size-base);font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background .15s ease}.applock-screen__button:hover:not(:disabled){background:var(--color-surface-hover)}.applock-screen__button:disabled{opacity:.6;cursor:not-allowed}.applock-screen__button--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.applock-screen__button--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.applock-screen__button--danger{background:var(--color-danger-border);border-color:var(--color-danger-border);color:var(--color-text-inverse)}.applock-screen__button--danger:hover:not(:disabled){opacity:.9}.lock-menu{position:relative}.lock-menu__panel{position:absolute;top:calc(100% + .35rem);right:0;min-width:16rem;padding:.4rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:30}.lock-menu__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .7rem;font-size:var(--font-size-sm);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.lock-menu__item:hover{background:var(--color-surface-hover)}.lock-menu__item--danger{color:var(--color-danger-text)}.lock-menu__form{display:flex;flex-direction:column;gap:.5rem;padding:.4rem}.lock-menu__form-actions{display:flex;gap:.4rem;margin-top:.25rem}.lock-menu__form-actions .applock-screen__button{flex:1}.feedback-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--color-overlay)}.feedback-modal__panel{width:100%;max-width:672px;max-height:90vh;overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);outline:none}.feedback-modal__body{padding:var(--spacing-xl)}.feedback-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.feedback-modal__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.feedback-modal__close{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.feedback-modal__close:hover{background:var(--color-surface-hover);color:var(--color-text)}.feedback-modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.feedback-modal__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.feedback-modal__textarea{width:100%;min-height:120px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);font-family:inherit;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.feedback-modal__textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #1a73e826}.feedback-modal__priorities{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.feedback-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.feedback-modal__success{text-align:center;padding:var(--spacing-2xl) 0}.feedback-modal__success-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-sm)}.feedback-modal__success-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-md);line-height:1.5}.feedback-modal__ref{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--spacing-md)}.feedback-button{position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);z-index:45;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;border-radius:50%;background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.feedback-button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.feedback-button:active{transform:translateY(0)}.feedback-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}