.peptide-calc{--orange:#ff6b35;--magenta:#c850c0;--purple:#8b5cf6;--page-bg:#f9fafb;--page-text:#1f2937;--heading-color:#111827;--subtitle-color:#6b7280;--card-bg:#fff;--card-border:#e5e7eb;--btn-border:#d1d5db;--btn-bg:#fff;--btn-text:#374151;--btn-hover-border:#9ca3af;--btn-selected:#0d0d0d;--btn-selected-text:#fff;--syringe-bg:#fff;--syringe-border:#e5e7eb;--syringe-selected-bg:#f9fafb;--input-color:#374151;--input-unit-color:#6b7280;--result-text:#374151;--result-highlight:#111827;--doses-color:#6b7280;--header-bg:#0d0d0d;--header-text:#fff;--svg-bar-bg:#f3f4f6;--svg-bar-stroke:#d1d5db;--svg-fill:#60a5fa;--svg-tick:#374151;background-color:var(--page-bg);color:var(--page-text);min-height:100vh;font-family:var(--font-space-mono), monospace;line-height:1.6;transition:background-color .3s,color .3s}.peptide-calc.dark{--page-bg:#0d0d0d;--page-text:#e5e7eb;--heading-color:#fff;--subtitle-color:#9ca3af;--card-bg:#1a1a1a;--card-border:#2a2a2a;--btn-border:#404040;--btn-bg:#1a1a1a;--btn-text:#d1d5db;--btn-hover-border:#6b7280;--btn-selected:#fff;--btn-selected-text:#0d0d0d;--syringe-bg:#1a1a1a;--syringe-border:#2a2a2a;--syringe-selected-bg:#252525;--input-color:#e5e7eb;--input-unit-color:#9ca3af;--result-text:#d1d5db;--result-highlight:#fff;--doses-color:#9ca3af;--header-bg:#000;--header-text:#fff;--svg-bar-bg:#2a2a2a;--svg-bar-stroke:#404040;--svg-fill:#3b82f6;--svg-tick:#d1d5db}.peptide-calc :is(h1,h2,h3,h4){font-family:var(--font-bebas), sans-serif;letter-spacing:.02em;font-weight:400;line-height:1.2}.peptide-calc .header{background:var(--header-bg);text-align:center;justify-content:center;align-items:center;padding:16px 24px;display:flex;position:relative}.peptide-calc .header a{color:var(--header-text);align-items:center;text-decoration:none;display:inline-flex}.peptide-calc .header-logo{width:auto;height:40px}.peptide-calc .theme-toggle{cursor:pointer;color:var(--header-text);font-family:var(--font-space-mono), monospace;background:0 0;border:1.5px solid #404040;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.7rem;transition:border-color .2s;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.peptide-calc .theme-toggle:hover{border-color:#9ca3af}.peptide-calc .theme-toggle .icon-sun,.peptide-calc .theme-toggle .icon-moon{width:16px;height:16px}.peptide-calc .container{max-width:1100px;margin:0 auto;padding:32px 20px 60px}.peptide-calc .page-title{color:var(--heading-color);text-align:center;margin-bottom:8px;font-size:2.5rem}.peptide-calc .page-subtitle{color:var(--subtitle-color);text-align:center;margin-bottom:36px;font-size:.8rem}.peptide-calc .calc-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin-bottom:24px;padding:32px}.peptide-calc .calc-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.peptide-calc .section-label{font-family:var(--font-space-mono), monospace;color:var(--heading-color);margin-bottom:16px;font-size:.85rem;font-weight:700}.peptide-calc .syringe-options{flex-direction:column;gap:12px;display:flex}.peptide-calc .syringe-option{border:2px solid var(--syringe-border);cursor:pointer;background:var(--syringe-bg);border-radius:10px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.peptide-calc .syringe-option:hover{border-color:var(--btn-hover-border)}.peptide-calc .syringe-option.selected{border-color:var(--btn-selected);background:var(--syringe-selected-bg)}.peptide-calc .syringe-option .label{white-space:nowrap;min-width:50px;font-size:.85rem;font-weight:700}.peptide-calc .syringe-option img{object-fit:contain;height:36px}.peptide-calc .right-section{margin-bottom:28px}.peptide-calc .right-section:last-child{margin-bottom:0}.peptide-calc .right-section .section-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.peptide-calc .right-section .section-header img{object-fit:contain;border-radius:6px;height:70px}.peptide-calc .btn-group{flex-wrap:wrap;gap:8px;display:flex}.peptide-calc .btn-option{border:1.5px solid var(--btn-border);background:var(--btn-bg);cursor:pointer;font-family:var(--font-space-mono), monospace;color:var(--btn-text);border-radius:8px;padding:8px 18px;font-size:.8rem;font-weight:700;transition:all .2s}.peptide-calc .btn-option:hover{border-color:var(--btn-hover-border)}.peptide-calc .btn-option.selected{border-color:var(--btn-selected);background:var(--btn-selected);color:var(--btn-selected-text)}.peptide-calc .custom-input-wrapper{margin-top:10px;display:none}.peptide-calc .custom-input-wrapper.visible{align-items:center;gap:8px;display:flex}.peptide-calc .custom-input{border:1.5px solid var(--btn-border);width:100px;font-family:var(--font-space-mono), monospace;color:var(--input-color);background:var(--btn-bg);border-radius:8px;outline:none;padding:8px 12px;font-size:.8rem;font-weight:700;transition:border-color .2s}.peptide-calc .custom-input:focus{border-color:var(--btn-selected)}.peptide-calc .custom-input-unit{color:var(--input-unit-color);font-size:.8rem;font-weight:700}.peptide-calc .result-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:12px;padding:32px}.peptide-calc .result-text{color:var(--result-text);margin-bottom:24px;font-size:1.1rem;line-height:1.6}.peptide-calc .result-text .highlight{color:var(--result-highlight);font-weight:700}.peptide-calc .syringe-viz{width:100%;max-width:700px;height:80px;margin:0 auto;position:relative}.peptide-calc .syringe-svg{width:100%;height:90px}.peptide-calc .doses-info{color:var(--doses-color);margin-top:20px;font-size:.8rem}.peptide-calc .doses-info .highlight{color:var(--result-highlight);font-weight:700}.peptide-calc .homepage-link{text-align:center;margin-top:24px}.peptide-calc .homepage-btn{background:linear-gradient(135deg, var(--orange), var(--magenta), var(--purple));color:#fff;font-family:var(--font-bebas), sans-serif;letter-spacing:.05em;border:none;border-radius:12px;padding:21px 62px;font-size:2rem;text-decoration:none;transition:all .2s;display:inline-block}.peptide-calc .homepage-btn:hover{opacity:.9;transform:translateY(-1px)}.peptide-calc .error-msg{color:#ef4444;margin-top:4px;font-size:.75rem}@media (max-width:768px){.peptide-calc .calc-grid{grid-template-columns:1fr;gap:28px}.peptide-calc .page-title{font-size:2rem}.peptide-calc .calc-card,.peptide-calc .result-card{padding:20px}.peptide-calc .syringe-option img{height:28px}.peptide-calc .right-section .section-header img{height:55px}}