:root{--pstc-primary:#0072ce;--pstc-primary-deep:#005fa3;--pstc-secondary:#00a86b;--pstc-secondary-light:#e6f0ff;--pstc-danger:#e74c3c;--pstc-bg:#f7f9fb;--pstc-white:#ffffff;--pstc-text:#26282c;--pstc-border:#d8dce2;--pstc-radius:8px;--pstc-spacing:1.5rem;--pstc-gap:0.6rem;--pstc-text-muted:#6b7280;--pstc-text-light:#9ca3af;--pstc-warning:#f59e0b;--pstc-success:#10b981;--pstc-shadow:0 1px 4px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.05);--pstc-shadow-md:0 2px 8px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.07);--pstc-transition:0.18s ease}.pstc-header{padding:1.5rem 1rem;border:1px solid var(--pstc-border)!important;border-radius:var(--pstc-radius);background:var(--pstc-white);box-shadow:var(--pstc-shadow);margin-bottom:1.2rem}.pstc-logo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.9rem}.pstc-logo-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.pstc-logo-title{display:block;font-size:clamp(1.5rem, 4vw, 2rem)!important;font-weight:800;color:var(--pstc-text);letter-spacing:-.02em;line-height:1.1;text-align:center}.pstc-logo-sub{display:block;font-size:0.72rem!important;font-weight:400;color:var(--pstc-text-muted);letter-spacing:.03em;text-transform:uppercase;margin-top:2px;text-align:center}.pstc-layout{display:flex;flex-direction:column;justify-content:center;gap:1rem}.pstc-col-inputs{display:flex;flex-direction:column;gap:1.2rem}.pstc-col-results{top:1.5rem}.pstc-card{background:var(--pstc-white);border:1px solid var(--pstc-border);border-radius:var(--pstc-radius);padding:var(--pstc-spacing);box-shadow:var(--pstc-shadow);transition:box-shadow var(--pstc-transition)}.pstc-card:hover{box-shadow:var(--pstc-shadow-md)}.pstc-card-head{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:1.2rem}.pstc-step-badge{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--pstc-primary)!important;color:var(--pstc-white)!important;font-size:0.9rem!important;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;padding:0}.pstc-card-title{font-size:1.05rem!important;font-weight:700;color:var(--pstc-text);line-height:1.2;margin-bottom:.2rem}.pstc-card-sub{font-size:0.8rem!important;color:var(--pstc-text-muted)}.pstc-volume-mode-tabs{display:flex;background:var(--pstc-bg)!important;border:1px solid var(--pstc-border)!important;border-radius:var(--pstc-radius);padding:3px;margin-bottom:1.1rem;gap:3px}.pstc-tab{flex:1;padding:.45rem .75rem;border:none;border-radius:var(--pstc-radius);background:#fff0;font-size:0.8rem!important;font-weight:500;color:var(--pstc-text-muted)!important;cursor:pointer;transition:all var(--pstc-transition);white-space:nowrap}.pstc-tab:hover{color:var(--pstc-text)!important;background-color:var(--pstc-white)!important;box-shadow:var(--pstc-shadow)}.pstc-tab-active{background:var(--pstc-white)!important;color:var(--pstc-primary)!important;font-weight:600;box-shadow:0 1px 4px rgb(0 0 0 / .1)}.pstc-tab-panel{display:block}.pstc-tab-panel-hidden{display:none}.pstc-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--pstc-gap);margin-bottom:.9rem}.pstc-field-row.pstc-three-col{grid-template-columns:1fr 1fr 1fr}.pstc-field-group{display:flex;flex-direction:column;gap:.3rem}.pstc-field-group-full{grid-column:1 / -1}.pstc-label{font-size:0.8rem!important;font-weight:600;color:var(--pstc-text);display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.pstc-ppm{font-size:0.7rem!important;font-weight:500;color:var(--pstc-text-muted);background:var(--pstc-bg);padding:1px 5px;border-radius:3px}.pstc-hint{font-size:0.7rem!important;font-weight:400;color:var(--pstc-text-muted);font-style:italic}.pstc-unit-label{font-size:0.7rem!important;font-weight:500;color:var(--pstc-primary);background:var(--pstc-secondary-light);padding:1px 5px;border-radius:3px}.pstc-input,.pstc-select{width:100%;padding:.55rem .75rem;border:1px solid var(--pstc-border)!important;border-radius:var(--pstc-radius);font-size:0.9rem!important;color:var(--pstc-text);background:var(--pstc-white);transition:border-color var(--pstc-transition),box-shadow var(--pstc-transition);outline:none;appearance:none;-webkit-appearance:none}.pstc-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}.pstc-input:focus,.pstc-select:focus{border-color:var(--pstc-primary);box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.pstc-input:hover,.pstc-select:hover{border-color:#b0b8c4}.pstc-input-auto{background:#f8fafb;color:var(--pstc-primary);font-weight:600}.pstc-input.pstc-input-error{border-color:var(--pstc-danger);box-shadow:0 0 0 3px rgb(231 76 60 / .1)}.pstc-calc-vol-row{display:flex;align-items:center;gap:1rem;margin-top:.4rem;margin-bottom:.2rem;flex-wrap:wrap}.pstc-btn-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border:1px solid var(--pstc-primary)!important;border-radius:var(--pstc-radius);background:var(--pstc-primary)!important;color:var(--pstc-white)!important;font-size:0.82rem!important;font-weight:600;cursor:pointer;transition:all var(--pstc-transition)}.pstc-btn-secondary:hover{background:var(--pstc-secondary-light)!important;color:var(--pstc-primary)!important}.pstc-vol-preview{font-size:0.85rem!important;font-weight:600;color:var(--pstc-secondary)!important;display:flex;align-items:center;gap:.35rem}.pstc-vol-preview-label{font-weight:400;color:var(--pstc-text-muted);font-size:0.8rem!important}.pstc-ph-bar-wrap{margin-top:.4rem}.pstc-ph-bar{position:relative;height:8px;border-radius:4px;background:linear-gradient(to right,#ff4444,#ff8c00,#ffd700,#90ee90,#4caf50,#2196f3,#9c27b0);overflow:visible}.pstc-ph-bar-fill{position:absolute;left:0;top:0;height:100%;border-radius:4px;background:#fff0;transition:width 0.3s ease}.pstc-ph-bar-marker{position:absolute;width:14px;height:14px;background:var(--pstc-white);border:2.5px solid var(--pstc-text);border-radius:50%;top:50%;transform:translateY(-50%);transition:left 0.3s ease;left:0;box-shadow:0 1px 4px rgb(0 0 0 / .2)}.pstc-ph-bar-labels{display:flex;justify-content:space-between;font-size:0.65rem!important;color:var(--pstc-text-muted);margin-top:4px}.pstc-product-chip{display:none;align-items:center;gap:.5rem;padding:.55rem .9rem;background:var(--pstc-secondary-light);border:1px solid rgb(0 114 206 / .2);border-radius:var(--pstc-radius);font-size:0.8rem!important;color:var(--pstc-primary-deep);margin-bottom:.9rem;flex-wrap:wrap}.pstc-product-chip.pstc-chip-visible{display:flex}.pstc-chip-dot{width:8px;height:8px;border-radius:50%;background:var(--pstc-secondary);flex-shrink:0}.pstc-goal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.pstc-goal-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;padding:.8rem .6rem;border:1px solid var(--pstc-border)!important;border-radius:8px;background:var(--pstc-white)!important;cursor:pointer;transition:all var(--pstc-transition)}.pstc-goal-card:hover{border-color:var(--pstc-primary)!important;background:var(--pstc-secondary-light)!important}.pstc-goal-card input[type="radio"]{display:none}.pstc-goal-card.pstc-goal-selected{border-color:var(--pstc-primary)!important;background:var(--pstc-secondary-light)!important;box-shadow:0 0 0 2px rgb(0 114 206 / .15)!important}.pstc-goal-icon{font-size:1.4rem!important;line-height:1}.pstc-goal-name{font-size:0.77rem!important;font-weight:600;color:var(--pstc-text);line-height:1.2}.pstc-goal-desc{font-size:0.68rem!important;color:var(--pstc-text-muted);line-height:1.3}.pstc-info-callout{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .85rem;border-radius:var(--pstc-radius);font-size:0.8rem!important;line-height:1.5;margin-bottom:.9rem}.pstc-callout-blue{background:#eff6ff;color:#1d4ed8;border-left:3px solid #3b82f6}.pstc-callout-blue svg{flex-shrink:0;margin-top:1px;color:#3b82f6}.pstc-btn-calculate{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;padding:.95rem 2rem;background:var(--pstc-primary)!important;color:var(--pstc-white)!important;font-size:1rem!important;font-weight:600;letter-spacing:.01em;border:1px solid var(--pstc-primary)!important;border-radius:8px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgb(0 114 206 / .3)}.pstc-btn-calculate:hover{background:var(--pstc-primary-deep)!important;box-shadow:0 6px 20px rgb(0 114 206 / .4);transform:translateY(-1px)}.pstc-btn-calculate:active{transform:translateY(0);box-shadow:0 2px 8px rgb(0 114 206 / .25)}.pstc-error-box{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fca5a5;border-left:3px solid var(--pstc-danger)!important;border-radius:var(--pstc-radius);color:#b91c1c;font-size:0.85rem!important;line-height:1.4;margin-top:.6rem;animation:pstc-fadeIn 0.2s ease}.pstc-error-box svg{flex-shrink:0;margin-top:1px}.pstc-results-placeholder{background:var(--pstc-white);border:1px dashed var(--pstc-border);border-radius:10px;padding:3rem 1.5rem}.pstc-placeholder-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.pstc-placeholder-inner p{font-size:0.85rem!important;color:var(--pstc-text-muted);line-height:1.6;max-width:260px}#pstc-results-panel{display:flex;flex-direction:column;gap:1rem;animation:pstc-fadeIn 0.3s ease}.pstc-result-hero{background:linear-gradient(135deg,var(--pstc-primary) 0%,var(--pstc-primary-deep) 100%);color:var(--pstc-white);border-radius:10px;padding:1.6rem 1.4rem;text-align:center;box-shadow:0 4px 20px rgb(0 114 206 / .3)}.pstc-result-hero-label{font-size:0.72rem!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-bottom:.6rem}.pstc-result-hero-amount{font-size:2rem!important;font-weight:800;line-height:1;margin-bottom:.4rem}.pstc-result-hero-product{font-size:0.9rem!important;font-weight:500;opacity:.9;margin-bottom:.3rem}.pstc-result-hero-sub{font-size:0.78rem!important;opacity:.7}.pstc-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.pstc-metric-card{background:var(--pstc-white);border:1px solid var(--pstc-border);border-radius:8px;padding:.85rem 1rem}.pstc-metric-label{font-size:0.68rem!important;font-weight:600;color:var(--pstc-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem}.pstc-metric-value{font-size:1.15rem!important;font-weight:700;color:var(--pstc-text);line-height:1}.pstc-metric-value.pstc-val-green{color:var(--pstc-secondary)}.pstc-metric-value.pstc-val-blue{color:var(--pstc-primary)}.pstc-metric-value.pstc-val-orange{color:var(--pstc-warning)}.pstc-metric-value.pstc-val-red{color:var(--pstc-danger)}.pstc-metric-sub{font-size:0.7rem!important;color:var(--pstc-text-muted);margin-top:2px}.pstc-result-section{background:var(--pstc-white);border:1px solid var(--pstc-border);border-radius:8px;padding:1.1rem 1.2rem}.pstc-section-title{font-size:0.82rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pstc-text);display:flex;align-items:center;gap:.4rem;margin-bottom:.9rem;padding-bottom:.6rem;border-bottom:1px solid var(--pstc-border)}.pstc-bp-row{display:flex;align-items:baseline;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid #f3f4f6;font-size:0.83rem!important}.pstc-bp-row:last-child{border-bottom:none}.pstc-bp-key{color:var(--pstc-text-muted);font-size:0.8rem!important}.pstc-bp-val{font-weight:600;color:var(--pstc-text)}.pstc-chem-status-grid{display:flex;flex-direction:column;gap:.5rem}.pstc-chem-row{display:flex;align-items:center;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid #f3f4f6;font-size:0.83rem!important;gap:.5rem}.pstc-chem-row:last-child{border-bottom:none}.pstc-chem-key{color:var(--pstc-text-muted);flex:1}.pstc-chem-val{font-weight:600}.pstc-status-badge{font-size:0.65rem!important;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase}.pstc-badge-ok{background:#dcfce7;color:#15803d}.pstc-badge-warn{background:#fef9c3;color:#a16207}.pstc-badge-bad{background:#fee2e2;color:#b91c1c}.pstc-badge-neutral{background:#f3f4f6;color:#6b7280}.pstc-instructions-list{padding-left:1.2rem;display:flex;flex-direction:column;gap:.55rem}.pstc-instructions-list li{font-size:0.84rem!important;line-height:1.55;color:var(--pstc-text)}.pstc-instructions-list li strong{color:var(--pstc-text)}.pstc-safety-card{background:#fff8f0;border:1px solid #fed7aa;border-left:3px solid var(--pstc-warning);border-radius:8px;padding:1rem 1.2rem}.pstc-safety-title{display:flex;align-items:center;gap:.4rem;font-size:0.8rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#92400e;margin-bottom:.7rem}.pstc-safety-list{padding-left:1.2rem;display:flex;flex-direction:column;gap:.4rem}.pstc-safety-list li{font-size:0.8rem!important;color:#78350f;line-height:1.5}.pstc-warning-alert{display:flex;align-items:flex-start;gap:.5rem;padding:.7rem .9rem;border-radius:var(--pstc-radius);font-size:0.8rem!important;line-height:1.5;border:1px solid}.pstc-warning-alert+.pstc-warning-alert{margin-top:.5rem}.pstc-warning-alert.pstc-warn-yellow{background:#fef9c3;border-color:#fde047;color:#a16207}.pstc-warning-alert.pstc-warn-red{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.pstc-warning-alert svg{flex-shrink:0;margin-top:1px}.pstc-action-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.pstc-btn-action{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .8rem;border-radius:var(--pstc-radius);font-size:0.78rem!important;font-weight:600;cursor:pointer;transition:all var(--pstc-transition);border:1px solid;white-space:nowrap}.pstc-btn-pdf{background:var(--pstc-primary)!important;color:var(--pstc-white)!important;border:1px solid var(--pstc-primary)!important}.pstc-btn-pdf:hover{background:var(--pstc-primary-deep)!important;border:1px solid var(--pstc-primary-deep)!important;box-shadow:0 2px 8px rgb(0 114 206 / .25)!important}.pstc-btn-copy{background:var(--pstc-white)!important;color:var(--pstc-secondary)!important;border:1px solid var(--pstc-secondary)!important}.pstc-btn-copy:hover{background:#f0fdf4}.pstc-btn-reset{background:var(--pstc-white)!important;color:var(--pstc-danger)!important;border:1px solid var(--pstc-danger)!important}.pstc-btn-reset:hover{background:#fef2f2!important}.pstc-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:pstc-fadeIn 0.15s ease}.pstc-modal{background:var(--pstc-white)!important;border-radius:var(--pstc-radius);padding:2rem;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px rgb(0 0 0 / .3);animation:pstc-slideUp 0.2s ease}.pstc-modal-icon{display:flex;justify-content:center;margin-bottom:1rem}.pstc-modal-title{font-size:1.2rem!important;font-weight:700;margin-bottom:.6rem}.pstc-modal-body{font-size:0.85rem!important;color:var(--pstc-text-muted);line-height:1.55;margin-bottom:1.5rem}.pstc-modal-actions{display:flex;gap:.75rem}.pstc-btn-modal-cancel,.pstc-btn-modal-confirm{flex:1;padding:.65rem;border-radius:var(--pstc-radius);font-size:0.9rem!important;font-weight:600;cursor:pointer;transition:all var(--pstc-transition)}.pstc-btn-modal-cancel{background:var(--pstc-white)!important;border:1px solid var(--pstc-border)!important;color:var(--pstc-text-muted)!important;box-shadow:var(--pstc-shadow)!important}.pstc-btn-modal-cancel:hover{border-color:var(--pstc-text-muted);color:var(--pstc-text)}.pstc-btn-modal-confirm{background:var(--pstc-danger);border:1px solid var(--pstc-danger);color:#fff}.pstc-btn-modal-confirm:hover{background:#c0392b;border-color:#c0392b}.pstc-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:#1a202c;color:#fff;padding:.7rem 1.4rem;border-radius:100px;font-size:0.82rem!important;font-weight:600;display:flex;align-items:center;gap:.5rem;z-index:2000;box-shadow:0 8px 30px rgb(0 0 0 / .25);transition:transform 0.3s ease,opacity 0.3s ease;opacity:0}.pstc-toast.pstc-toast-show{transform:translateX(-50%) translateY(0);opacity:1}@keyframes pstc-fadeIn{from{opacity:0}to{opacity:1}}@keyframes pstc-slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.pstc-col-results{position:static;order:-1}.pstc-results-placeholder{display:none}}@media (max-width:640px){.pstc-card{padding:1.1rem}.pstc-field-row,.pstc-field-row.pstc-three-col{grid-template-columns:1fr}.pstc-goal-grid{grid-template-columns:1fr 1fr}.pstc-action-buttons{grid-template-columns:1fr}.pstc-metrics-grid{grid-template-columns:1fr 1fr}.pstc-volume-mode-tabs{flex-direction:column}}@media (max-width:420px){.pstc-goal-grid{grid-template-columns:1fr}}