*{box-sizing:border-box;margin:0;padding:0}:root{--background-color:#fff;--bg-secondary:#f8f9fa;--text-primary:#212529;--text-secondary:#6c757d;--border-color:#dee2e6;--primary-color:#007bff;--primary-color-dark:#0056b3;--hover-color:#e9ecef;--disabled-color:#ced4da;--orange-accent:#3fa8ab;--orange-accent-hover:#2e8c8f;--input-bg:#fff;--input-border:#ced4da;--input-text:#495057;--text-error:#dc3545}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background-color);color:#212529;color:var(--text-primary);font-family:Arial,sans-serif;min-height:100vh;padding:20px;transition:background-color .3s,color .3s}body.dark-mode{--background-color:#1a1a1a;--bg-primary:#1e1e1e;--bg-secondary:#2c2c2c;--text-primary:#e0e0e0;--text-secondary:#adb5bd;--border-color:#495057;--primary-color:#4dabf7;--primary-color-dark:#17a2b8;--hover-color:#343a40;--disabled-color:#495057;--orange-accent:#3fa8ab;--orange-accent-hover:#5dbfc2;--input-bg:#2c2c2c;--input-border:#495057;--input-text:#e0e0e0;--text-error:#f8d7da;background-color:#1a1a1a;color:#fff}@media (max-width:500px){body{padding:10px}}.App{min-height:100vh;padding:20px}@media (max-width:500px){.App{padding:10px}}.unit-warning{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;color:#b45309;font-size:.78rem;line-height:1.35;margin-top:4px;padding:4px 8px}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{animation:modalFadeIn .3s ease-out;box-shadow:0 4px 20px #00000026;max-width:800px;padding:25px;position:relative}.dark-mode .modal-content{background-color:#1a1a1a;background-color:var(--background-color,#1a1a1a);border:1px solid #333;color:#fff}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:30px}.modal-close:hover{background-color:#0000001a}.dark-mode .modal-close{color:#fff;color:var(--text-color,#fff)}.dark-mode .modal-close:hover{background-color:#ffffff1a}.project-manager-modal h2{color:#333;color:var(--heading-color,#333);font-size:1.8rem;margin-bottom:15px;margin-top:0}.dark-mode .project-manager-modal h2{color:#fff;color:var(--heading-color,#fff)}.project-manager-info{color:var(--text-color-secondary,#666)}.dark-mode .project-manager-info{color:#aaa;color:var(--text-color-secondary,#aaa)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn-create,.btn-delete,.btn-primary,.btn-quick-guide,.btn-secondary{align-items:center;border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Arial,sans-serif;font-size:14px;font-weight:600;gap:8px;height:40px;justify-content:center;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.btn-create:hover:not(:disabled),.btn-delete:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-quick-guide:hover:not(:disabled),.btn-secondary:hover:not(:disabled){box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-create:disabled,.btn-delete:disabled,.btn-primary:disabled,.btn-quick-guide:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background-color:#2196f3}.btn-primary:hover:not(:disabled){background-color:#1976d2}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-quick-guide{background-color:#3fa8ab;color:#fff}.btn-quick-guide:hover:not(:disabled){background-color:#e380a7}.btn-delete{background-color:#dc3545}.btn-delete:hover:not(:disabled){background-color:#c82333}.btn-create{background-color:#28a745;color:#fff}.btn-create:hover:not(:disabled){background-color:#218838}.btn-create svg,.btn-delete svg,.btn-primary svg,.btn-quick-guide svg,.btn-secondary svg{flex-shrink:0;height:16px;width:16px}@media (max-width:768px){.btn-create,.btn-delete,.btn-primary,.btn-quick-guide,.btn-secondary{font-size:13px;padding:10px 12px}}.cookie-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:25px;padding:20px}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.form-title-section{align-items:center;display:flex;gap:8px}.help-button{align-items:center;background:none;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:20px}.help-button:hover{background-color:var(--hover-color);border-color:#3fa8ab;color:#3fa8ab}.tooltip{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;color:var(--text-primary);font-size:14px;margin-top:8px;opacity:0;padding:16px;position:absolute;transition:opacity .2s,visibility .2s;visibility:hidden;width:300px;z-index:1000}.tooltip.visible{opacity:1;visibility:visible}.tooltip h3{color:var(--text-primary);font-size:16px;margin:0 0 12px}.tooltip ul{padding-left:20px}.tooltip p,.tooltip ul{color:var(--text-secondary);margin:8px 0}.tooltip p{line-height:1.4}.tooltip-footer{margin-top:12px;text-align:right}.see-more-link{color:#3fa8ab;cursor:pointer;font-size:13px;text-decoration:none}.see-more-link:hover{text-decoration:underline}.form-header h2{margin:0}.reset-section{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:5px;padding:6px 12px;transition:all .2s}.reset-section:hover{background-color:var(--hover-color);color:#3fa8ab}.form-header-clear-btn{align-items:center;background-color:#e53935;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.form-header-clear-btn:hover:not(:disabled){background-color:#c62828;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.form-header-clear-btn:disabled{cursor:not-allowed;opacity:.5}.form-header-clear-btn .button-icon{flex-shrink:0}@media (max-width:768px){.form-header-clear-btn .button-label{display:none}.form-header-clear-btn{justify-content:center;min-height:44px;min-width:44px;padding:10px}}@media (max-width:380px){.input-group{grid-template-columns:1fr}.input-field:first-child,.input-field:nth-child(2),.input-field:nth-child(3),.input-field:nth-child(4),.input-field:nth-child(5),.input-field:nth-child(6){grid-column:span 1}input[type=number]{font-size:16px;min-height:44px}}@media (min-width:769px){.form-header-clear-btn .button-label{display:inline}}.input-group{grid-gap:15px;display:grid;gap:15px;margin-bottom:20px}@media (max-width:767px){.input-group{grid-template-columns:repeat(2,1fr)}.input-field:first-child,.input-field:nth-child(2),.input-field:nth-child(3),.input-field:nth-child(4),.input-field:nth-child(5),.input-field:nth-child(6){grid-column:span 1}}@media (min-width:768px){.input-group{grid-template-columns:repeat(4,1fr)}.input-field:first-child,.input-field:nth-child(2),.input-field:nth-child(3),.input-field:nth-child(4){grid-column:span 1}.input-field:nth-child(5),.input-field:nth-child(6){grid-column:span 2}}.input-field{display:flex;flex-direction:column;gap:5px}label{color:var(--text-secondary);font-size:14px;font-weight:500}.unit-label,.weight-unit{color:var(--text-secondary);font-weight:400}input[type=number]{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:14px;padding:8px 12px;width:100%}input[type=number]:focus{border-color:#ff69b4;box-shadow:0 0 0 2px #ff69b41a;outline:none}input[type=number]:disabled,input[type=number]:read-only{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.8}.input-field:has(input[readonly]) label{color:var(--text-secondary);font-style:italic}.install-button{align-items:center;background-color:#3fa8ab;border:none;border-radius:25px;bottom:20px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;justify-content:center;left:50%;min-width:180px;padding:12px 20px;position:fixed;transform:translateX(-50%);transition:all .3s ease;z-index:1000}.install-button:not(:disabled):hover{background-color:#ff6b00;box-shadow:0 4px 12px #0000004d;transform:translate(-50%,-2px)}.install-button:not(:disabled):active{transform:translate(-50%)}.install-button:disabled{background-color:#3fa8ab;cursor:default}.install-button small{margin-top:4px;opacity:.9}@media (max-width:600px){.install-button{bottom:16px;font-size:13px;min-width:160px;padding:10px 16px}.install-button small{font-size:11px}}.Toggle__input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.Toggle__display{--track-width:70px;--track-height:34px;--handle-size:26px;--handle-offset:4px;align-items:center;background-color:#3fa8ab;border-radius:100vw;box-shadow:inset 0 2px 4px #0000001a;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--track-height);justify-content:space-between;padding:0 6px;position:relative;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,transform .15s ease;width:var(--track-width)}.Toggle__display:hover{box-shadow:inset 0 2px 4px #00000026,0 2px 8px #0000001a;transform:scale(1.02)}.Toggle__display:before{background-color:#fff;border-radius:50%;box-shadow:0 2px 6px #0003,0 1px 3px #00000026;content:"";height:var(--handle-size);left:var(--handle-offset);position:absolute;top:var(--handle-offset);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;width:var(--handle-size);z-index:2}.Toggle__input:focus+.Toggle__display{box-shadow:inset 0 2px 4px #00000026,0 0 0 3px #3498db33;outline:2px solid #3498db;outline-offset:2px}.Toggle__input:focus:not(:focus-visible)+.Toggle__display{box-shadow:inset 0 2px 4px #0000001a;outline:0}.Toggle__input:checked+.Toggle__display{background-color:#e380a7;box-shadow:inset 0 2px 4px #0000001a,0 0 8px #e380a74d}.Toggle__input:checked+.Toggle__display:hover{background-color:#d4669a;box-shadow:inset 0 2px 4px #00000026,0 0 12px #e380a766}.Toggle__input:checked+.Toggle__display:before{box-shadow:0 2px 8px #00000040,0 1px 4px #0003;transform:translateX(36px)}.Toggle__input:disabled+.Toggle__display{cursor:not-allowed;filter:grayscale(60%);opacity:.5;transform:none}.Toggle__input:disabled+.Toggle__display:hover{box-shadow:inset 0 2px 4px #0000001a;transform:none}body.dark-mode .Toggle__display{background-color:#2e8e91;box-shadow:inset 0 2px 4px #0000004d}body.dark-mode .Toggle__input:checked+.Toggle__display{background-color:#e380a7;box-shadow:inset 0 2px 4px #0003,0 0 8px #e380a766}body.dark-mode .Toggle__display:before{background-color:#ecf0f1;box-shadow:0 2px 6px #0006,0 1px 3px #0000004d}.section-help{margin-top:10px;width:100%}.help-text{color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.5}.help-buttons,.help-text{margin-bottom:10px;margin-top:5px}.help-buttons{display:flex;gap:10px}.info-button,.more-button,.video-button{background-color:#3fa8ab;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .2s}.info-button:hover,.more-button:hover,.video-button:hover{background-color:#5dbfc2}.detailed-help{background-color:var(--bg-secondary);border-left:3px solid #3fa8ab;border-radius:4px;margin-bottom:15px;margin-top:10px;padding:15px}.detailed-help p{font-size:.9rem;line-height:1.5;margin:.5rem 0}.detailed-help p:first-child{margin-top:0}.detailed-help p:last-child{margin-bottom:0}.help-content-container{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.section-help-mobile .info-button{margin-bottom:.5rem}@media (max-width:768px){.help-text{font-size:.9rem}.detailed-help p{font-size:.85rem}}.login-gate-overlay{align-items:center;animation:login-gate-fade .15s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes login-gate-fade{0%{opacity:0}to{opacity:1}}.login-gate-modal{animation:login-gate-pop .18s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 18px 50px #0000004d;max-width:420px;padding:30px 26px 24px;position:relative;text-align:center;width:100%}@keyframes login-gate-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}body.dark-mode .login-gate-modal{background:#1e1e22;border:1px solid #34343a}.login-gate-close{background:none;border:none;color:#999;color:var(--text-secondary,#999);cursor:pointer;font-size:26px;line-height:1;position:absolute;right:14px;top:10px}.login-gate-close:hover{color:#333;color:var(--text-primary,#333)}.login-gate-icon{font-size:2.2rem;margin-bottom:6px}.login-gate-title{color:#222;color:var(--text-primary,#222);font-size:1.35rem;font-weight:800;margin:0 0 10px}.login-gate-text{color:#666;color:var(--text-secondary,#666);font-size:.95rem;line-height:1.55;margin:0 0 22px}.login-gate-buttons{display:flex;gap:12px;margin-bottom:14px}.login-gate-btn{border-radius:9px;cursor:pointer;flex:1 1;font-size:.98rem;font-weight:700;padding:13px 16px;transition:background .15s,transform .1s,border-color .15s}.login-gate-btn:hover{transform:translateY(-1px)}.login-gate-btn.primary{background:#3fa8ab;border:1.5px solid #3fa8ab;color:#fff}.login-gate-btn.primary:hover{background:#ef7e00}.login-gate-btn.secondary{background:#0000;border:1.5px solid #3fa8ab;color:#3fa8ab}.login-gate-btn.secondary:hover{background:#ff8c001a}.login-gate-keep{background:none;border:none;color:#999;color:var(--text-secondary,#999);cursor:pointer;font-size:.85rem;text-decoration:underline}.login-gate-keep:hover{color:#555;color:var(--text-primary,#555)}@media (max-width:480px){.login-gate-buttons{flex-direction:column}}.pcf-toast{animation:pcfFadeIn .2s ease;border-radius:8px;bottom:80px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:600;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:9999}.pcf-toast-success{background:#43a047;color:#fff}.pcf-toast-error{background:#e53935;color:#fff}@keyframes pcfFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.pro-calculator-footer{align-items:center;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between;margin-top:20px;min-height:44px;padding-top:20px}.footer-left-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.btn-primary{align-items:center;background-color:#3fa8ab;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:36px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.btn-primary:hover:not(:disabled){background-color:#e380a7;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-primary.btn-saved{background-color:#a8c8c9;color:#fff;cursor:not-allowed}.btn-primary.btn-saved:disabled{opacity:1}.pro-calculator-footer .btn-secondary{align-items:center;background-color:initial;border:1.5px solid #3fa8ab;border-radius:4px;box-sizing:border-box;color:#3fa8ab;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:36px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.pro-calculator-footer .btn-secondary:hover:not(:disabled){background-color:#3fa8ab;color:#fff}.pro-calculator-footer .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-success{align-items:center;background-color:#3fa8ab;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:36px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.btn-success:hover:not(:disabled){background-color:#e380a7;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.btn-success:disabled{cursor:not-allowed;opacity:.5}.btn-warning{align-items:center;background-color:#3fa8ab;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:36px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.btn-warning:hover:not(:disabled){background-color:#e380a7;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.btn-warning:disabled{cursor:not-allowed;opacity:.5}.btn-delete{align-items:center;background-color:#e05c6e;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:36px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.btn-delete:hover:not(:disabled){background-color:#c0392b;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.footer-button{align-items:center;background-color:#3fa8ab;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;padding:10px 16px;transition:all .2s ease}.footer-button:hover:not(:disabled){background-color:#e380a7;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.footer-button:disabled{cursor:not-allowed;opacity:.5}.footer-button .button-icon{flex-shrink:0}.save-as-button,.save-button{background-color:#3fa8ab}.clear-button{background-color:#e05c6e}.clear-button:hover:not(:disabled){background-color:#c0392b}.next-section-button{box-sizing:border-box;font-size:14px;gap:8px;height:40px;padding:10px 20px;white-space:nowrap}.next-section-button:hover:not(:disabled){background-color:#e380a7}.next-section-button:disabled{cursor:not-allowed;opacity:.5}.next-section-button svg{flex-shrink:0}.footer-nav-buttons{align-items:center;display:flex;gap:8px}@media (max-width:768px){.footer-button .button-label{display:none}.footer-button{justify-content:center;min-width:44px;padding:10px}.btn-delete,.btn-primary,.btn-secondary,.btn-success,.btn-warning,.footer-button{min-height:44px}.footer-left-buttons,.pro-calculator-footer{gap:8px}.next-section-button{min-height:44px}}@media (min-width:769px){.footer-button .button-label{display:inline}}.form-group{margin-bottom:20px}.form-group label{color:#333;color:var(--text-color,#333);margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ccc;border:1px solid var(--border-color,#ccc);font-family:inherit}.form-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-button,.submit-button{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-button{background-color:initial;border:1px solid #ccc;border:1px solid var(--border-color,#ccc);color:#333;color:var(--text-color,#333)}.cancel-button:hover{background-color:#f5f5f5;background-color:var(--hover-background,#f5f5f5)}.submit-button{background-color:#3fa8ab;border:none;color:#fff}.submit-button:hover:not(:disabled){background-color:#e380a7}.submit-button:disabled{cursor:not-allowed;opacity:.5}.dark-mode .form-group input,.dark-mode .form-group textarea{background-color:#3d3d3d;border-color:#555;color:#e0e0e0}.dark-mode .cancel-button{border-color:#555;color:#e0e0e0}.dark-mode .cancel-button:hover{background-color:#3d3d3d}.pro-signup-nudge{align-items:center;background:#ddf2f2;border:1px solid #3fa8ab;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:14px 16px}body.dark-mode .pro-signup-nudge{background:#0d2424;border-color:#3fa8ab}.pro-signup-nudge-icon{flex-shrink:0;font-size:1.4rem}.pro-signup-nudge-text{color:#374151;flex:1 1;font-size:.93rem;line-height:1.5;min-width:200px}body.dark-mode .pro-signup-nudge-text{color:#d1f0f0}.pro-signup-nudge-text strong{color:#1e6e70}body.dark-mode .pro-signup-nudge-text strong{color:#7fd8da}.pro-signup-nudge-btn{background:#3fa8ab;border-radius:8px;box-shadow:0 2px 6px #3fa8ab4d;color:#fff;display:inline-block;flex-shrink:0;font-size:.88rem;font-weight:700;padding:9px 20px;text-decoration:none;transition:background .18s,transform .12s;white-space:nowrap}.pro-signup-nudge-btn:hover{background:#e380a7;box-shadow:0 4px 10px #e380a759;transform:translateY(-1px)}.get-started-intro-box{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #e6e6e6;border:1px solid var(--border-color,#e6e6e6);border-radius:8px;margin-bottom:14px;padding:16px 18px 12px}body.dark-mode .get-started-intro-box{background-color:#1a1a20;border-color:#34343a}.get-started-intro-box .section-header{margin-bottom:6px}.get-started-intro-box .reference-subtitle{margin:0 0 16px}.ref-how-steps{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.ref-how-step{align-items:center;background:#f7f7f9;background:var(--bg-secondary,#f7f7f9);border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:100px;padding:12px 8px;text-align:center}body.dark-mode .ref-how-step{background:#26262e}.ref-how-num{align-items:center;background:#3fa8ab;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:800;height:30px;justify-content:center;width:30px}.ref-how-step strong{color:#222;color:var(--text-primary,#222);font-size:.85rem}.ref-how-step p{color:#666;color:var(--text-secondary,#666);font-size:.78rem;line-height:1.4;margin:0}body.dark-mode .ref-how-step p{color:#aaa}.ref-how-arrow{align-self:center;color:#ccc;color:var(--text-secondary,#ccc);flex-shrink:0;font-size:1.1rem;padding:0 2px}@media (max-width:480px){.ref-how-steps{gap:6px}.ref-how-arrow{display:none}.ref-how-step{flex-basis:calc(33% - 8px);flex-grow:1;flex-shrink:1;min-width:80px;padding:10px 6px}.ref-how-step strong{font-size:.78rem}.ref-how-step p{font-size:.72rem}}.unit-prefs-box{background-color:#f0f4ff;border:1px solid #d0d9f5;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:14px 18px}body.dark-mode .unit-prefs-box{background-color:#1e2235;border-color:#3a4060}.unit-prefs-title{color:#3a4a8a;font-size:14px;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}body.dark-mode .unit-prefs-title{color:#8fa8e8}.unit-prefs-desc{color:#555;font-size:13px;line-height:1.4;margin:0}body.dark-mode .unit-prefs-desc{color:#aaa}.unit-prefs-box .unit-toggles{display:flex;flex-wrap:wrap;gap:24px;margin:0}.unit-prefs-box .Toggle__display{background-color:#3fa8ab;box-shadow:inset 0 2px 4px #0000001a}.unit-prefs-box .Toggle__display:hover{background-color:#2e8e91}.unit-prefs-box .Toggle__input:checked+.Toggle__display{background-color:#e380a7;box-shadow:inset 0 2px 4px #0000001a,0 0 8px #e380a74d}.unit-prefs-box .Toggle__input:checked+.Toggle__display:hover{background-color:#d4669a;box-shadow:inset 0 2px 4px #00000026,0 0 12px #e380a766}body.dark-mode .unit-prefs-box .Toggle__display{background-color:#2e8e91}body.dark-mode .unit-prefs-box .Toggle__input:checked+.Toggle__display{background-color:#e380a7;box-shadow:inset 0 2px 4px #0003,0 0 8px #e380a766}.reference-subtitle{color:#555;font-size:14px;line-height:1.5;margin:0 0 12px}body.dark-mode .reference-subtitle{color:#bbb}.reference-section{background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;min-height:180px}.reference-quick-start-hint{background:#fff8f0;border-left:3px solid #3fa8ab;border-radius:4px;color:#555;font-size:13.5px;line-height:1.5;margin:0 0 10px;padding:9px 12px}body.dark-mode .reference-quick-start-hint{background:#2a2010;border-left-color:#3fa8ab;color:#ccc}.unit-toggles{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.unit-toggle-container{align-items:center;display:flex;gap:10px;margin-bottom:8px}.convert-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:background-color .2s}.convert-button:hover{background-color:#0069d9}.dark-mode .convert-button{background-color:#5c9ce6}.dark-mode .convert-button:hover{background-color:#4a90e2}.unit-label{font-weight:500;margin-right:5px}.reference-toggle-container{align-items:center;border-bottom:1px solid #0000001a;display:flex;flex-direction:row}.dark-mode .reference-toggle-container{border-bottom-color:#ffffff1a}.reference-toggle-container.unit-toggles{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px}.unit-toggle-group{align-items:center;display:flex;gap:8px}.reference-toggle-label{font-size:15px;margin-right:10px;-webkit-user-select:none;user-select:none}.reference-field-row,.reference-form{display:flex;flex-direction:column;gap:15px}.reference-field-row.input-row{flex-direction:column;gap:15px}@media (min-width:768px){.reference-field-row.input-row{align-items:flex-end;flex-direction:row}.reference-field-row.input-row .reference-field{flex:1 1;min-width:0}.reference-field-row.calculated-row{flex-direction:row;gap:30px}.reference-field-row.calculated-row .reference-field{flex:1 1}}.reference-field{display:flex;flex-direction:column;gap:4px}.dark-mode .reference-field label{color:#e0e0e0}.reference-field label{color:#333;font-size:.9em;font-weight:500}.unit-label{color:#555;font-size:.85em;text-align:right}.section-navigation{bottom:20px;display:flex;justify-content:flex-end;left:20px;margin-top:20px;position:absolute;right:20px;width:100%}@media (min-width:769px){.reference-field-row{align-items:flex-start;flex-direction:row;gap:20px}.reference-field{max-width:220px;min-width:0}}@media (max-width:768px){.unit-toggles{flex-direction:column;gap:10px}.section-navigation{bottom:auto;justify-content:flex-end;left:auto;margin-top:16px;position:static;right:auto}.reference-input{font-size:16px;min-height:44px;width:100%}.reference-field{width:100%}.reference-field-row{flex-direction:column;gap:12px}}body.dark-mode .reference-field label{color:#e0e0e0}body.dark-mode .reference-input{background-color:#444;border-color:#666;color:#f0f0f0}body.dark-mode .reference-input:not(:disabled):focus{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf74d;outline:none}body.dark-mode .reference-input:disabled{background-color:#555;color:#aaa}.calculated-field .calculated-value{border-radius:4px;box-sizing:border-box;color:#333;display:block;font-size:1em;font-weight:700;min-height:38px;padding:9px 12px;text-align:left;width:100%}body.dark-mode .calculated-field .calculated-value{color:#f0f0f0;padding:9px 12px;text-align:left}body.dark-mode .unit-label{color:#ccc}body.dark-mode .reference-toggle-label{color:#e0e0e0}.calculated-value-input{background-color:#e9ecef;border:1px solid #ccc;border-radius:4px;color:#495057;cursor:default;font-family:inherit;font-size:.9em;padding:9px 12px;text-align:right;width:100%}.dark-mode .calculated-value-input{background-color:#444;border-color:#555;color:#ccc}.reference-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1em;padding:9px 12px;width:100px}.reference-input:not(:disabled):focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.reference-input:disabled{background-color:#f0f0f0;cursor:not-allowed}.cookie-names-section{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);margin-bottom:20px;padding:20px}.cookie-row{margin-bottom:10px}.cookie-name-input{border:1px solid #ccc;border-radius:4px;flex-grow:1;font-size:1rem;padding:8px 12px}body.dark-mode .cookie-name-input{background-color:#444;border-color:#666;color:#f0f0f0}body.dark-mode .cookie-name-input:focus{border-color:#4dabf7;box-shadow:0 0 0 3px #4dabf74d}.add-row-button{background-color:#28a745}.add-row-button:hover{background-color:#218838}body.dark-mode .add-row-button{background-color:#007bff;border-color:#0056b3;color:#fff}body.dark-mode .add-row-button:hover{background-color:#0056b3}.plus-icon{font-size:1.2rem;margin-right:5px}.minus-icon{font-size:1.2rem;line-height:1}.delete-row-button{align-items:center;background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;padding:8px 12px;transition:background-color .3s ease}.delete-row-button:hover{background-color:#c82333}.delete-row-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}body.dark-mode .delete-row-button{background-color:#a02c38;border-color:#8b2630}body.dark-mode .delete-row-button:hover{background-color:#8b2630}body.dark-mode .delete-row-button:disabled{background-color:#555;opacity:.5}@media (max-width:768px){.add-row-button,.delete-row-button{min-height:44px;padding:8px 14px}}.cookie-names-controls{flex-wrap:wrap;gap:12px;margin-bottom:12px}.sort-cookies-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;padding:8px 14px;transition:background-color .2s}.sort-cookies-button:hover:not(:disabled){background-color:#5a6268}.sort-cookies-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}body.dark-mode .sort-cookies-button{background-color:#495057}body.dark-mode .sort-cookies-button:hover:not(:disabled){background-color:#343a40}.dnd-hint{color:#666;font-size:.85rem}body.dark-mode .dnd-hint{color:#bbb}.drag-handle{align-items:center;color:#999;cursor:grab;display:inline-flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;-webkit-user-select:none;user-select:none;width:24px}.drag-handle:active{cursor:grabbing}body.dark-mode .drag-handle{color:#888}.cookie-row.dragging{opacity:.5}.cookie-row.drag-over{border-radius:4px;outline:2px dashed #4dabf7;outline-offset:2px}@media (max-width:768px){.drag-handle{display:none}}.sets-section{background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}body.dark-mode .sets-section{background-color:#333;box-shadow:0 2px 4px #0000004d;color:#f0f0f0}.section-title{color:#333;font-size:1.4em;margin:0 0 10px}body.dark-mode .section-title{color:#f5f5f5}.sets-toggle-container{align-items:center;border-bottom:1px solid #0000001a;display:flex;flex-direction:row;margin-bottom:20px;padding-bottom:15px}body.dark-mode .sets-toggle-container{border-bottom-color:#ffffff1a}.sets-toggle-label{font-size:15px;font-weight:500;margin-right:10px;-webkit-user-select:none;user-select:none}.set-row,.sets-table-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:10px;padding:10px 0}body.dark-mode .set-row,body.dark-mode .sets-table-header{border-bottom-color:#444}.cookie-name-field,.cookie-name-header,.set-name-field,.set-name-header{flex:2 1}.count-field,.count-header{flex:1 1;text-align:center}.actions-field,.actions-header{flex:1 1;text-align:right}.cookie-name-select,.count-input,.set-name-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;max-width:100%;padding:8px;width:100%}@media (max-width:600px){.sets-table-header{display:none}.set-row{border-bottom:2px solid #eee;border-bottom:2px solid var(--border-color,#eee);flex-direction:column;gap:10px;padding:12px 0}.actions-field,.cookie-name-field,.count-field,.set-name-field{flex:initial;width:100%}.count-input{width:100%}.cookie-name-select,.count-input,.set-name-input{font-size:16px;min-height:44px}}body.dark-mode .cookie-name-select,body.dark-mode .count-input,body.dark-mode .set-name-input{background-color:#444;border-color:#666;color:#f0f0f0}.actions-field{gap:5px;justify-content:flex-end}.add-row-button,.remove-row-button{cursor:pointer;font-size:.9em;padding:5px 10px}.sets-section .remove-row-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff}.sets-section .remove-row-button:hover{background-color:#c82333}.sets-section .add-row-button{background-color:#28a745;border:none;border-radius:4px;color:#fff}.sets-section .add-row-button:hover{background-color:#218838}body.dark-mode .sets-section .remove-row-button{background-color:#a02c38}body.dark-mode .sets-section .remove-row-button:hover{background-color:#8b2630}body.dark-mode .sets-section .add-row-button{background-color:#007bff}body.dark-mode .sets-section .add-row-button:hover{background-color:#0056b3}.colors-section,.cookie-cutters-section,.cookie-names-section,.dimensions-section,.orders-section,.reference-section,.results-section,.sets-section{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;margin-bottom:20px;padding:20px 20px 0}.pro-calculator-content>div:first-of-type{padding-top:30px}.next-section-button{border-radius:5px;font-size:.9rem;font-weight:500;padding:12px 20px;transition:all .2s ease}.next-section-button:hover{z-index:1}.dark-mode .section-button.active{border-bottom-color:#5dbfc2;color:#000}.section-button:focus{box-shadow:0 0 0 2px var(--border-color);outline:none}.dark-mode .section-button.active{background-color:#5dbfc2;border-color:#5dbfc2}.reference-section{margin-bottom:25px;padding:15px}.section-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;width:100%}.section-header{flex:1 1;margin-right:20px;width:100%}.loaded-plan-name{color:var(--text-primary)!important;display:inline-block;flex-shrink:0;font-size:1.25rem;font-style:normal;margin:0 0 0 20px;max-width:300px;overflow:hidden;text-align:right;text-overflow:ellipsis;vertical-align:initial;white-space:nowrap}.loaded-plan-name,.section-title{font-family:Arial,sans-serif;font-weight:700;line-height:1.2}.section-title{flex:1 1;font-size:1.5rem;font-style:italic;margin:0 0 5px;text-align:left!important}.section-header .help-text{color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.5;margin-top:5px}.add-rows-button{flex-shrink:0;white-space:nowrap}.switch-label{gap:8px}.cookie-rows,.switch-label{align-items:center;display:flex}.cookie-rows{flex-direction:column;gap:10px;width:100%}.cookie-row{gap:15px;width:100%}.cookie-name-input,.set-select{flex:1 1}.cookie-name-input,.cookies-in-set-input,.set-select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:8px}.cookies-in-set-input{width:80px}.add-row-button,.add-rows-button{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;padding:8px 16px;transition:background-color .2s}.add-row-button:hover,.add-rows-button:hover{background-color:var(--bg-hover)}.cookie-row{gap:10px;margin:0 auto;max-width:400px;padding:10px}.add-row-button,.cookie-row{align-items:center;display:flex;justify-content:center}.add-row-button{background-color:#3fa8ab;border:none;border-radius:50%;color:#fff;cursor:pointer;height:32px;margin:0;padding:0;transition:background-color .2s;width:32px}.add-row-button:hover{background-color:#5dbfc2}.plus-icon{font-size:20px;font-weight:700;line-height:1}.reference-header{display:block;margin-bottom:15px;text-align:left;width:100%}.reference-header h2{margin-right:20px}.reference-toggle-container,.sets-toggle-container{align-items:center;display:flex;margin:15px 0;width:100%}.toggle-text{font-size:.95rem;margin-right:10px;white-space:nowrap}.toggle-label{display:inline-block;height:24px;margin-left:10px;position:relative;width:48px}.toggle-label input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--border-color);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.toggle-slider{background-color:#3fa8ab}.dark-mode input:checked+.toggle-slider{background-color:#5dbfc2}input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-text{color:var(--text-secondary);font-size:14px}input:disabled{background-color:var(--bg-primary);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.dark-mode input:disabled{background-color:var(--bg-secondary);border-color:var(--border-color)}.sets-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:25px;padding:15px}.sets-info{color:var(--text-secondary);font-style:italic;line-height:1.4;margin:1rem 0;padding:0}.sets-section .section-controls{margin-top:1rem}.sets-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.calculation-toggle-button,.sort-cookies-button,.sort-sets-button{background-color:#e7f3ff;border:1px solid #007bff;border-radius:4px;color:#0056b3;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.calculation-toggle-button:hover,.sort-cookies-button:hover,.sort-sets-button:hover{background-color:#d0e8ff}.dark-mode .calculation-toggle-button,.dark-mode .sort-cookies-button,.dark-mode .sort-sets-button{background-color:#5dbfc2;color:#000}.dark-mode .calculation-toggle-button:hover,.dark-mode .sort-cookies-button:hover,.dark-mode .sort-sets-button:hover{background-color:#ffb366}.calculation-toggle-button.active{background-color:#4caf50}.dark-mode .calculation-toggle-button.active{background-color:#66bb6a;color:#000}.calculation-toggle-button.active:hover{background-color:#66bb6a}.dark-mode .calculation-toggle-button.active:hover{background-color:#81c784}.cookie-names-controls{gap:10px}.cookie-names-controls,.dimensions-controls-row{align-items:center;display:flex;justify-content:flex-start;margin-top:15px}.dimensions-controls-row{flex-wrap:wrap;gap:15px;margin-bottom:10px;max-width:100%}.modal-overlay{background-color:#000000b3}.modal-content{background-color:var(--bg-primary);box-shadow:0 4px 20px #0000004d;max-height:90%;max-width:90%}.analyze-button-container{display:flex;justify-content:center;margin-top:10px}.analyze-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .2s ease}.analyze-button:hover{background-color:#0d8bf2;transform:translateY(-2px)}.dimensions-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:25px;padding:15px}.dimensions-info{color:var(--text-secondary);font-style:italic;line-height:1.4;margin:1rem 0;padding:0}.dimensions-table{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:20px;overflow:hidden;width:100%}.dimensions-table-header{grid-gap:10px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:grid;font-weight:600;gap:10px;grid-template-columns:1fr 100px minmax(200px,1fr) auto auto;padding:10px}.shape-type-header{min-width:120px}.dimensions-header{min-width:150px}.area-header,.icing-header{min-width:80px}.dimensions-row{grid-gap:10px;align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:10px;grid-template-columns:1fr 100px minmax(200px,1fr) auto auto;padding:10px}.dimensions-row.show-calculations,.dimensions-table-header.show-calculations,.dimensions-table.show-calculations .dimensions-row,.dimensions-table.show-calculations .dimensions-table-header{grid-template-columns:1.5fr 1fr 2fr 1fr 1fr}.dimensions-row:last-child{border-bottom:none}.shape-type-select{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);max-width:140px;padding:8px 10px;width:90%}.dimensions-fields{gap:15px}.dimension-field{align-items:center;gap:5px}.dimension-field label{font-size:.9em;font-weight:500;min-width:75px}.dimension-input{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 8px;width:65px}.unit-label{color:var(--text-secondary);font-size:.9em}.area-field,.icing-field{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-mono);padding:6px;text-align:center}.area-header,.icing-header{font-size:.9em;text-align:center}.sets-table{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:20px;overflow:hidden;width:100%}.sets-table-header{grid-gap:10px;background-color:var(--bg-hover);display:grid;font-weight:700;grid-template-columns:1fr 1fr 80px 50px;padding:12px 15px}.set-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;gap:10px;padding:10px 15px;width:100%}.set-row:last-child{border-bottom:none}.cookie-name-field,.set-name-field{align-items:center;display:flex;flex:2 1;min-width:150px}.count-field{align-items:center;min-width:80px;width:80px}.actions-field{align-items:center;display:flex;min-width:50px;width:50px}.cookie-name-select,.set-name-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:8px 12px;width:100%}.cookie-name-select{min-width:150px}.count-input{text-align:right}@media (max-width:768px){.order-row{display:flex;flex-direction:column;gap:15px;padding:15px 10px}.order-row .cookie-name-field,.order-row .count-field{min-width:0;min-width:auto;padding:5px 0;width:100%}.order-row .cookie-name-field:before{content:"Cookie Name:";display:block;font-weight:700;margin-bottom:5px}.order-row .count-field:before{content:"Number of Cookies:";display:block;font-weight:700;margin-bottom:5px}.dimensions-row{display:flex;flex-direction:column;gap:15px;padding:15px 10px}.area-field,.cookie-name-field,.dimensions-fields,.icing-field,.shape-type-field{min-width:0;min-width:auto;padding:5px 0;width:100%}.shape-type-field:before{content:"Shape Type:";display:block;font-weight:700;margin-bottom:5px}.dimensions-fields:before{content:"Dimensions:"}.area-field:before,.dimensions-fields:before{display:block;font-weight:700;margin-bottom:5px}.area-field:before{content:"Area:"}.icing-field:before{content:"Icing:";display:block;font-weight:700;margin-bottom:5px}.set-row{display:flex;flex-direction:column;font-size:14px;padding:15px 10px;row-gap:10px}.sets-table-header{display:none!important}.actions-field,.cookie-name-field,.count-field,.set-name-field{min-width:0;min-width:auto;padding:5px 0;width:100%}.set-name-field:before{content:"Set Name:";display:block;font-weight:700;margin-bottom:5px}.cookie-name-field:before{content:"Cookie Name:"}.cookie-name-field:before,.count-field:before{display:block;font-weight:700;margin-bottom:5px}.count-field:before{content:"Count:"}.actions-field{border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-bottom:10px;width:100%}.cookie-name-select,.count-input,.set-name-input{font-size:14px;padding:6px 8px}}.colors-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:25px;padding:15px}.colors-info{color:var(--text-secondary);font-style:italic;line-height:1.4;margin:1rem 0;padding:0}.color-management{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:block;margin:1.5rem 0;padding:1rem;width:100%}.color-list h3{font-size:1.1rem;margin-bottom:1rem;margin-top:0}.color-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1rem}.color-chip{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;padding:5px 10px}.color-name{font-size:.9rem}.add-color-button{background-color:#3fa8ab;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.add-color-button:disabled{background-color:#a8c8c9;cursor:not-allowed}.dark-mode .add-color-button{background-color:#3fa8ab;color:#fff}.dark-mode .add-color-button:hover{background-color:#e380a7}.dark-mode .add-color-button:disabled{background-color:#666;color:#999}.colors-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;margin-bottom:10px;margin-top:15px;max-width:100%;padding-left:15px}.colors-table{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:20px;overflow:hidden;width:100%}.colors-table-header{background-color:var(--bg-hover);border-bottom:1px solid var(--border-color);display:flex;font-weight:700}.colors-table-header .cookie-name-header{flex:0 0 150px;padding:12px 15px;text-align:left}.colors-table-header .color-header{border-left:1px solid var(--border-color);flex:1 1;min-width:100px;padding:12px 15px;text-align:center}.color-header-content{align-items:center;display:flex;gap:8px;justify-content:center}.color-header-content .color-sample{height:15px;width:15px}.color-row{border-bottom:1px solid var(--border-color);display:flex}.color-row:nth-child(2n){background-color:var(--bg-primary)}.color-row .cookie-name-field{align-items:center;display:flex;flex:0 0 150px;padding:12px 15px}.color-row .color-percentage-field{align-items:center;border-left:1px solid var(--border-color);display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:100px;padding:12px 15px}.color-slider{background:#ddd;border-radius:5px;height:10px}.color-slider::-webkit-slider-thumb{background:#3fa8ab;height:20px;width:20px}.color-slider::-moz-range-thumb{background:#3fa8ab;border:none;height:20px;width:20px}.dark-mode .color-slider::-webkit-slider-thumb{background:#5dbfc2}.dark-mode .color-slider::-moz-range-thumb{background:#5dbfc2}.color-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:5px;text-align:center;width:60px}.percentage-label{color:var(--text-secondary);font-size:.9rem}@media (max-width:768px){.colors-controls-row{gap:10px;padding-left:0}.color-row,.colors-table-header{flex-wrap:wrap}.color-row .cookie-name-field,.colors-table-header .cookie-name-header{border-bottom:1px solid var(--border-color);border-right:none;flex:0 0 100%}.color-row .color-percentage-field,.colors-table-header .color-header{flex:1 0 40%;min-width:80px;padding:10px 8px}.color-input{width:52px}.color-slider::-webkit-slider-thumb{height:28px;width:28px}.color-slider::-moz-range-thumb{height:26px;width:26px}.color-slider{height:12px}}@media (max-width:600px){.color-row .color-percentage-field,.colors-table-header .color-header{border-left:none;border-top:1px solid var(--border-color);flex:1 0 100%}.colors-table-header{display:none}.color-row{border-bottom:2px solid var(--border-color);display:block;padding:12px}.color-row .cookie-name-field{border-bottom:1px solid var(--border-color);flex:initial;font-size:.95rem;font-weight:600;margin-bottom:10px;padding:0 0 8px}.color-row .color-percentage-field{align-items:center;border:none;flex:initial;flex-direction:row;flex-wrap:wrap;gap:8px;padding:6px 0}.color-percentage-field .color-header-content,.color-percentage-field .color-sample{flex-shrink:0}.color-slider{flex:1 1;min-width:80px}.color-input{text-align:center;width:56px}}.orders-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:25px;padding:15px}.orders-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:15px}.cookie-cutters-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:25px;padding:15px}.orders-table{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;overflow:hidden;width:100%}.orders-table-header{grid-gap:10px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:grid;font-weight:600;gap:10px;grid-template-columns:2fr 1fr;padding:10px 15px}.orders-table-header .cookie-name-header{min-width:150px}.orders-table-header .count-header{min-width:80px;text-align:center}.sets-table-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;font-weight:600;gap:10px;padding:10px 15px;width:100%}.cookie-name-header,.set-name-header{flex:2 1;min-width:150px}.count-header{min-width:80px;text-align:center;width:80px}.actions-header{display:flex;justify-content:center;min-width:50px;width:50px}.order-row{grid-gap:10px;align-items:center;border-bottom:1px solid var(--border-color);display:grid;gap:10px;grid-template-columns:2fr 1fr;padding:10px 15px}.order-row .cookie-name-field{min-width:150px}.order-row .count-field{min-width:80px}.order-row:last-child{border-bottom:none}.count-field{display:flex;justify-content:center}.count-input{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:1rem;padding:8px;width:80px}.results-section{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:25px;overflow-x:auto;padding:15px}.results-table{min-width:max-content}.results-section::-webkit-scrollbar{height:12px}.results-section::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.results-section::-webkit-scrollbar-track{background:#f5f5f5;border-radius:6px}.results-section{scrollbar-color:#ccc #f5f5f5;scrollbar-width:thin}.results-info{color:var(--text-secondary);font-style:italic;line-height:1.4;margin:1rem 0;padding:0}.results-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;margin-bottom:1rem}.orders-input-container{align-items:center;display:flex;gap:10px}.orders-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:8px 12px;text-align:center;width:80px}.results-table{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:20px;overflow:hidden;width:100%}.results-table-header{background-color:var(--bg-hover);border-bottom:1px solid var(--border-color);display:flex;font-weight:700;justify-content:flex-start}.results-table-header .cookie-name-header,.results-table-header .set-name-header{border-right:1px solid var(--border-color);flex:0 0 150px;padding:12px 15px;text-align:left}.results-table-header .count-header{border-right:2px solid var(--border-color);flex:0 0 90px;padding:12px 15px;text-align:center}.results-table-header .color-amount-header{align-items:center;border-right:1px solid var(--border-color);display:flex;flex:0 0 110px;flex-direction:column;gap:4px;padding:12px 8px;text-align:center;word-break:break-word}.results-table-header .total-header{background-color:var(--bg-primary);border-left:2px solid var(--border-color);flex:0 0 120px;padding:12px 15px;text-align:center}.results-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:flex-start}.results-row:nth-child(2n){background-color:var(--bg-primary)}.results-row .cookie-name-field,.results-row .set-name-field{border-right:1px solid var(--border-color);flex:0 0 150px;padding:12px 15px}.results-row .count-field{border-right:2px solid var(--border-color);flex:0 0 90px;justify-content:center;padding:12px 15px;text-align:center}.results-row .color-amount-field{border-right:1px solid var(--border-color);flex:0 0 110px;padding:12px 8px;text-align:center}.results-row .total-field{border-left:2px solid var(--border-color);flex:0 0 120px;font-weight:500;padding:12px 15px;text-align:center}.totals-row{background-color:var(--bg-hover)!important;border-top:2px solid var(--border-color);font-weight:700}.detail-row .count-field,.total-plus-detail-row .count-field,.totals-row .count-field{border-right:2px solid var(--border-color);flex:0 0 100px;justify-content:center;padding:12px 15px;text-align:center}.totals-label-field{border-right:1px solid var(--border-color);flex:0 0 150px;padding:12px 15px}.totals-label-field.with-sets{flex:0 0 300px;grid-column:span 2}.count-field.count-total{align-items:center;display:flex;justify-content:center}.color-amount-field.total-value,.count-field.count-total{background-color:#3fa8ab1a}.total-field.grand-total{background-color:#3fa8ab33}.total-oz{color:#888;color:var(--text-secondary,#888);font-size:.78rem;font-weight:400;margin-top:2px}.detail-row{border-top:1px dashed var(--border-color)}.detail-label{color:var(--text-secondary);font-style:italic}.color-amount-field.detail-input-cell{align-items:center;display:flex;gap:4px;justify-content:center}.detail-amount-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.9rem;padding:4px 6px;text-align:right;width:70px}.detail-amount-input:focus{border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);box-shadow:0 0 0 2px #4a90d940;outline:none}.detail-unit{color:var(--text-secondary);font-size:.82rem;white-space:nowrap}.total-field.detail-total{background-color:#64a0641f;font-style:italic}.total-plus-detail-row{background-color:var(--bg-hover)!important;border-top:2px solid var(--border-color);font-weight:700}.total-plus-detail-label{font-weight:700}.color-amount-field.total-plus-detail-value{background-color:#4a90d91f}.total-field.grand-total-plus-detail{background-color:#4a90d938;font-weight:700}.button-container{justify-content:flex-end;margin-bottom:10px;margin-top:10px;width:100%}.results-button-row{align-items:center;flex-wrap:wrap;justify-content:space-between}.results-export-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.next-section-button{align-items:center;background-color:#3fa8ab;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;margin-left:auto;margin-right:0;margin-top:20px;padding:8px 20px;transition:background-color .2s ease}.next-section-button:hover{background-color:#e380a7}.next-section-button svg{margin-left:8px}.copy-button,.excel-button,.pdf-button{align-items:center;background-color:#3fa8ab;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px 16px;transition:background-color .2s ease}.copy-button:hover,.excel-button:hover,.pdf-button:hover{background-color:#e380a7}.copy-button.copied,.excel-button.exported,.pdf-button.exported{background-color:#3fa8ab;color:#fff}.export-chooser-wrapper{display:inline-flex;position:relative}.export-button{align-items:center;background-color:#3fa8ab;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:background-color .15s}.export-button:hover{background-color:#e380a7}.export-button.exported{background-color:#3fa8ab}.export-chooser{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 16px #00000026;display:flex;flex-direction:column;gap:6px;min-width:130px;padding:8px;position:absolute;right:0;z-index:100}body.dark-mode .export-chooser{background:#2a2a32;border-color:#444;box-shadow:0 4px 16px #0006}.export-chooser-item{background:#0000;border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#222;color:var(--text-primary,#222);cursor:pointer;font-size:14px;font-weight:600;padding:9px 12px;text-align:left;transition:background .12s}.export-chooser-item:hover{background:#f5f5f5;background:var(--bg-secondary,#f5f5f5)}body.dark-mode .export-chooser-item{border-color:#555;color:#eee}body.dark-mode .export-chooser-item:hover{background:#36363e}.export-chooser-item.exported{border-color:#4caf50;color:#4caf50}.color-summary{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-top:10px;padding:20px}.color-summary h3{font-size:1.2rem;margin-bottom:15px;margin-top:0}.color-summary-list{display:flex;flex-wrap:wrap;gap:20px}.color-summary-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1 1;gap:10px;min-width:200px;padding:10px 15px}.color-summary-item .color-sample{border-radius:4px;height:30px;width:30px}.color-summary-content{display:flex;flex-direction:column}.color-summary-content .color-name{font-weight:700;margin-bottom:5px}.color-measurements{align-items:center;color:var(--text-secondary);display:flex;gap:10px}.measurement-separator{color:var(--border-color)}@media (max-width:768px){.results-section{padding:10px}.results-controls-row{gap:10px}.results-export-buttons{flex-wrap:wrap;gap:8px}.results-row,.results-table-header{flex-wrap:wrap}.results-row .cookie-name-field,.results-row .set-name-field,.results-table-header .cookie-name-header,.results-table-header .set-name-header,.totals-label-field,.totals-label-field.with-sets{border-bottom:1px solid var(--border-color);border-right:none;flex:0 0 100%}.results-row .color-amount-field,.results-table-header .color-amount-header{flex:1 0 30%;font-size:.9rem;min-width:80px;padding:10px 8px}.results-row .total-field,.results-table-header .total-header{border-left:none;border-top:2px solid var(--border-color);flex:0 0 100%}.color-summary-item{min-width:100%}.copy-button,.excel-button,.pdf-button{font-size:13px;padding:10px 14px}}@media (max-width:600px){.results-table-header{display:none}.results-row{border-bottom:2px solid var(--border-color);display:block;margin-bottom:4px;padding:12px}.results-row .cookie-name-field,.results-row .set-name-field{border:none;display:block;flex:initial;font-size:.95rem;font-weight:600;padding:2px 0}.results-row .set-name-field:before{color:var(--text-secondary);content:"Set: ";font-size:.8rem;font-weight:400}.results-row .cookie-name-field:before{color:var(--text-secondary);content:"Cookie: ";font-size:.8rem;font-weight:400}.results-row .count-field{border:none;color:var(--text-secondary);display:block;flex:initial;font-size:.88rem;padding:4px 0}.results-row .count-field:before{color:var(--text-secondary);content:"Qty: ";font-weight:600}.results-row .color-amount-field{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;display:inline-flex;flex:initial;flex-direction:column;font-size:.85rem;margin:4px 4px 0 0;min-width:70px;padding:6px 8px;vertical-align:top}.results-row .total-field{border-left:none;border-top:2px solid var(--border-color);display:block;flex:initial;font-size:1rem;font-weight:700;margin-top:8px;padding:8px 0 0;text-align:left}.results-row .total-field:before{color:var(--text-secondary);content:"Total: ";font-size:.85rem;font-weight:400}.totals-row{display:block;padding:12px}.totals-label-field,.totals-label-field.with-sets{border:none;display:block;flex:initial;font-weight:700;padding:0 0 6px}.totals-row .count-field{border:none;display:inline-flex;flex:initial;font-size:.9rem;padding:2px 0}.totals-row .color-amount-field{align-items:center;background:#ff8c0014;border:1px solid var(--border-color);border-radius:6px;display:inline-flex;flex-direction:column;font-size:.85rem;margin:4px 4px 0 0;min-width:70px;padding:6px 8px;vertical-align:top}.totals-row .total-field{border-left:none;border-top:2px solid var(--border-color);display:block;flex:initial;font-size:1rem;margin-top:8px;padding:8px 0 0;text-align:left}.results-export-buttons{flex-direction:column;width:100%}.copy-button,.excel-button,.pdf-button{font-size:14px;justify-content:center;padding:12px;width:100%}.results-button-row{flex-direction:column;gap:10px}.detail-row,.total-plus-detail-row{border-bottom:2px solid var(--border-color);display:block;padding:12px}.detail-row .color-amount-field,.total-plus-detail-row .color-amount-field{align-items:center;border:1px solid var(--border-color);border-radius:6px;display:inline-flex;flex-direction:column;font-size:.85rem;margin:4px 4px 0 0;min-width:70px;padding:6px 8px;vertical-align:top}.detail-row .total-field,.total-plus-detail-row .total-field{border-left:none;border-top:2px solid var(--border-color);display:block;font-size:1rem;margin-top:8px;padding:8px 0 0;text-align:left}.detail-row .count-field,.total-plus-detail-row .count-field{border:none;display:block;flex:initial;font-size:.9rem;padding:2px 0}}.disabled-calculator button:not(.section-button),.disabled-calculator input,.disabled-calculator select,.disabled-calculator textarea{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.7;pointer-events:none}.disabled-calculator .section-button{opacity:.8}.login-notification{background-color:#0066cc1a;border:2px solid #06c;border:2px solid var(--button-bg,#06c);border-radius:8px;color:var(--text-primary);margin:0 0 20px;padding:15px 20px;text-align:center}.login-notification p{font-size:16px;margin:5px 0}.login-notification strong.auth-link{color:#06c;color:var(--button-bg,#06c);cursor:pointer;font-weight:600;text-decoration:underline;transition:color .2s ease}.login-notification strong.auth-link:hover{color:#0052a3;color:var(--button-hover,#0052a3)}.subscription-status{background-color:#f0f8ff;border:1px solid #06c;border-radius:4px;color:#06c;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.subscription-status.logged-out{background-color:#fff8f0;border-color:#3fa8ab;color:#3fa8ab}.subscription-status.admin{background-color:#f0fff0;border-color:#0a0;color:#060}.dimensions-section .unit-prefs-box{background-color:#f0f4ff;border:1px solid #d0d9f5;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:14px 18px}body.dark-mode .dimensions-section .unit-prefs-box{background-color:#1e2235;border-color:#3a4060}.dimensions-section .unit-prefs-title{color:#3a4a8a;font-size:14px;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}body.dark-mode .dimensions-section .unit-prefs-title{color:#8fa8e8}.dimensions-section .unit-prefs-desc{color:#555;font-size:13px;line-height:1.4;margin:0}body.dark-mode .dimensions-section .unit-prefs-desc{color:#aaa}.dimensions-section .unit-prefs-box .unit-toggles{display:flex;flex-wrap:wrap;gap:24px;margin:0}.dimensions-section .unit-prefs-box .unit-toggle-group{align-items:center;display:flex;gap:8px}.dimensions-section .unit-prefs-box .Toggle__display{background-color:#3fa8ab;box-shadow:inset 0 2px 4px #0000001a}.dimensions-section .unit-prefs-box .Toggle__display:hover{background-color:#2e8e91}.dimensions-section .unit-prefs-box .Toggle__input:checked+.Toggle__display{background-color:#e380a7;box-shadow:inset 0 2px 4px #0000001a,0 0 8px #e380a74d}.dimensions-section .unit-prefs-box .Toggle__input:checked+.Toggle__display:hover{background-color:#d4669a}body.dark-mode .dimensions-section .unit-prefs-box .Toggle__display{background-color:#2e8e91}body.dark-mode .dimensions-section .unit-prefs-box .Toggle__input:checked+.Toggle__display{background-color:#e380a7;box-shadow:inset 0 2px 4px #0003,0 0 8px #e380a766}.section-header{align-items:flex-start;margin-bottom:5px}.section-title{flex-shrink:0}.section-help-container{color:#555;font-size:.9em;margin-bottom:20px;text-align:left;width:100%}body.dark-mode .section-help-container{color:#ccc}.section-actions-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.section-actions-container .calculation-toggle-button,.section-actions-container .sort-cookies-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;padding:8px 15px;transition:background-color .2s ease}.section-actions-container .calculation-toggle-button:hover,.section-actions-container .sort-cookies-button:hover{background-color:#e0e0e0}body.dark-mode .section-actions-container .calculation-toggle-button,body.dark-mode .section-actions-container .sort-cookies-button{background-color:#444;border-color:#666;color:#eee}.dimension-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.95em;padding:8px 10px;width:100px}body.dark-mode .dimension-input{background-color:#555;border-color:#777;color:#eee}.dimension-field{display:flex;flex-direction:column;gap:4px}.dimension-field label{color:#555;font-size:.85em}body.dark-mode .dimension-field label{color:#bbb}.unit-label{align-self:flex-start;color:#777;font-size:.8em;padding-left:2px}body.dark-mode .unit-label{color:#aaa}.dimensions-row,.dimensions-table-header{grid-gap:15px;align-items:center;border-bottom:1px solid #eee;display:grid;gap:15px;grid-template-columns:150px 130px minmax(220px,1fr);padding:10px 5px}.dimensions-table-header .cookie-name-header{grid-area:1/1}.dimensions-table-header .shape-type-header{grid-area:1/2}.dimensions-table-header .dimensions-header{grid-area:1/3}.dimensions-row .cookie-name-field{grid-area:1/1}.dimensions-row .shape-type-field{grid-area:1/2}.dimensions-row .dimensions-fields{grid-area:1/3}.dimensions-table-header{border-bottom-width:2px;border-color:#ccc;font-weight:700;margin-bottom:5px;padding-bottom:12px}.dimensions-row.show-calculations,.dimensions-table-header.show-calculations{grid-template-columns:150px 130px minmax(220px,1fr) 100px 100px}.dimensions-table-header.show-calculations .cookie-name-header{grid-area:1/1}.dimensions-table-header.show-calculations .shape-type-header{grid-area:1/2}.dimensions-table-header.show-calculations .dimensions-header{grid-area:1/3}.dimensions-table-header.show-calculations .area-header{grid-area:1/4}.dimensions-table-header.show-calculations .icing-header{grid-area:1/5}.dimensions-row.show-calculations .cookie-name-field{grid-area:1/1}.dimensions-row.show-calculations .shape-type-field{grid-area:1/2}.dimensions-row.show-calculations .dimensions-fields{grid-area:1/3}.dimensions-row.show-calculations .area-field{grid-area:1/4}.dimensions-row.show-calculations .icing-field{grid-area:1/5}.dimensions-row .area-field,.dimensions-row .icing-field{display:none}.dimensions-row.show-calculations .area-field,.dimensions-row.show-calculations .icing-field{align-items:center;display:flex;flex-direction:column;font-size:.9em;gap:2px}.dimensions-fields{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px}body.dark-mode .dimensions-row,body.dark-mode .dimensions-table-header{border-color:#444}body.dark-mode .dimensions-table-header{border-color:#666}body.dark-mode .dimensions-row.show-calculations .calculation-field{color:#ddd}.calculation-value{font-weight:500}body.dark-mode .calculation-value{color:#fff}.dimensions-table-header>div{text-align:center}.dimensions-row .cookie-name-field,.dimensions-table-header .cookie-name-header,.dimensions-table-header .dimensions-header{text-align:left}.dimensions-row .shape-type-field{text-align:center}.mobile-only-label{display:none}@media (max-width:768px){.dimensions-section{padding:10px}.section-actions-container{flex-direction:row;flex-wrap:wrap;gap:8px}.section-actions-container button{min-height:44px}.dimension-input{font-size:16px;min-height:44px}.dimensions-table{display:block;width:100%}.dimensions-table-header{display:none}.dimensions-row{align-items:stretch;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:15px;margin-bottom:15px;padding-bottom:15px}.dimensions-row:last-child{border-bottom:none;margin-bottom:0}.calculation-field,.cookie-name-field,.dimensions-inputs-group,.shape-type-field{display:flex;flex-direction:column;gap:5px;width:100%}.dimensions-inputs-group .dimension-field{align-items:center;flex-direction:row;gap:8px}.dimension-field label{min-width:60px;text-align:left}.dimension-input{flex-grow:1}.unit-label{margin-left:5px}.calculation-field label,.dimension-field label{color:var(--text-secondary);display:inline;font-size:.9em;font-weight:600;margin-right:5px}.mobile-only-label{display:inline}.analyze-button-container{margin-top:10px}}.colors-section{display:flex;flex-direction:column;gap:20px}.colors-section .section-header{margin-bottom:5px}.colors-section .section-help-container{color:#555;font-size:.9em;margin-bottom:10px;text-align:left;width:100%}body.dark-mode .colors-section .section-help-container{color:#ccc}.color-management-row{align-items:flex-start;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:30px;justify-content:space-between;padding:15px}body.dark-mode .color-management-row{background-color:#333;border-color:#444}@media (max-width:768px){.color-management-row{flex-direction:column;gap:15px}}.color-names-container{display:flex;flex-direction:column;gap:10px}.color-names-container h3{font-size:1.1em;margin:0 0 5px}.color-names-list{display:flex;flex-direction:column;gap:8px}.color-name-item{align-items:center;display:flex;gap:8px}.color-sample{border:1px solid #ccc;border-radius:4px;flex-shrink:0;height:20px;width:20px}body.dark-mode .color-sample{border-color:#555}.color-name-input{border:1px solid #ccc;border-radius:4px;flex-grow:1;padding:6px 8px}body.dark-mode .color-name-input{background-color:#444;border-color:#666;color:#eee}.add-color-button,.remove-color-button{align-items:center;background-color:#3fa8ab;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9em;gap:5px;padding:5px 10px;transition:background-color .2s ease}.add-color-button:hover{background-color:#e380a7}.remove-color-button{background-color:#e05c6e;border:none;color:#fff;padding:3px 8px}.add-color-button .plus-icon,.remove-color-button .minus-icon{font-weight:700}body.dark-mode .add-color-button{background-color:#3fa8ab;color:#fff}body.dark-mode .add-color-button:hover{background-color:#e380a7}body.dark-mode .remove-color-button{background-color:#e05c6e;color:#fff}.input-type-toggle{display:flex;justify-content:flex-start;padding:10px 0}.slider-toggle-label{align-items:center;cursor:pointer;display:inline-flex;font-size:.95em;gap:10px;position:relative}.slider-toggle-input{height:0;opacity:0;position:absolute;width:0}.toggle-switch{background-color:#3fa8ab;border-radius:12px;display:inline-block;height:24px;position:relative;transition:background-color .2s ease;width:44px}.toggle-switch:before{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.slider-toggle-input:checked+.toggle-switch{background-color:#e380a7}.slider-toggle-input:checked+.toggle-switch:before{transform:translateX(20px)}.slider-toggle-input:focus+.toggle-switch{box-shadow:0 0 0 2px #4caf5080}body.dark-mode .toggle-switch{background-color:#2e8e91}body.dark-mode .slider-toggle-input:checked+.toggle-switch{background-color:#e380a7}body.dark-mode .toggle-switch:before{background-color:#ddd}.normalization-controls{display:flex;justify-content:flex-start;padding:5px 0}.normalize-button{background-color:#3fa8ab;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 15px;transition:background-color .2s ease}.normalize-button:hover{background-color:#e380a7}body.dark-mode .normalize-button{background-color:#3fa8ab;color:#fff}body.dark-mode .normalize-button:hover{background-color:#e380a7}.color-percentages-table{border-collapse:collapse;margin-top:10px;width:100%}.color-percentages-header,.color-row{grid-gap:10px;align-items:center;border-bottom:1px solid #eee;display:grid;gap:10px;grid-template-columns:150px repeat(auto-fit,minmax(100px,1fr));padding:10px 5px}body.dark-mode .color-percentages-header,body.dark-mode .color-row{border-color:#444}.color-percentages-header{border-bottom-width:2px;border-color:#ccc;font-weight:700}body.dark-mode .color-percentages-header{border-color:#666}.color-header{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.cookie-name-field,.cookie-name-header{font-weight:500;text-align:left}.color-percentage-field{align-items:center;display:flex;flex-direction:column;gap:4px}.color-input,.color-slider{border:1px solid #ccc;border-radius:4px;padding:6px 8px;text-align:center;width:80px}.color-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#3fa8ab 0,#3fa8ab var(--percentage),#d3d3d3 var(--percentage),#d3d3d3 100%);border-radius:4px;cursor:pointer;height:8px;outline:none;padding:0;transition:background .1s ease;width:100%}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e380a7;border:1px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;margin-top:-5px;width:18px}.color-slider::-moz-range-thumb{background:#e380a7;border:1px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:16px;width:16px}.color-slider::-moz-range-track{background:linear-gradient(to right,#3fa8ab 0,#3fa8ab var(--percentage),#d3d3d3 var(--percentage),#d3d3d3 100%);border:none;border-radius:4px;cursor:pointer;height:8px;width:100%}.color-slider::-moz-focus-outer{border:0}body.dark-mode .color-slider{background:linear-gradient(to right,#3fa8ab 0,#3fa8ab var(--percentage),#555 var(--percentage),#555 100%)}body.dark-mode .color-slider::-webkit-slider-thumb{background:#e380a7;border:1px solid #333}body.dark-mode .color-slider::-moz-range-thumb{background:#e380a7;border:1px solid #333}body.dark-mode .color-slider::-moz-range-track{background:linear-gradient(to right,#3fa8ab 0,#3fa8ab var(--percentage),#555 var(--percentage),#555 100%)}body.dark-mode .color-input{background-color:#444;border-color:#666;color:#eee}.percentage-label{color:#555;font-size:.85em}body.dark-mode .percentage-label{color:#bbb}.incomplete-row .cookie-name-display{color:#dc3545;font-weight:600}body.dark-mode .incomplete-row .cookie-name-display{color:#f8d7da}.orders-section{min-height:300px}.orders-tip-banner{align-items:flex-start;background:#f8e3ec;border:1px solid #e380a7;border-left-width:4px;border-radius:8px;display:flex;gap:10px;margin:12px 0 16px;padding:12px 16px}.orders-tip-icon{flex-shrink:0;font-size:18px;margin-top:1px}.orders-tip-banner p{color:#374151;font-size:13.5px;line-height:1.5;margin:0}body.dark-mode .orders-tip-banner{background:#3d1a2a;border-color:#e380a7}body.dark-mode .orders-tip-banner p{color:#f8c8dc}.cookies-orders-table,.sets-orders-table{border-collapse:collapse;margin-top:20px;width:100%}.cookie-order-row,.cookies-orders-header,.set-row,.sets-orders-header{align-items:center;border-bottom:1px solid var(--input-border-color);display:flex;justify-content:space-between;padding:8px 5px}.cookies-orders-header,.sets-orders-header{background-color:var(--background-secondary);border-bottom:2px solid var(--input-border-color);font-weight:700}.cookie-name-field,.cookie-name-header,.set-name-field,.set-name-header{flex:1 1;margin-right:10px}.count-field,.count-header{flex:0 0 120px;text-align:right}.count-input{background-color:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;color:var(--text-color);padding:5px;text-align:center;width:60px}.next-button-container{display:flex;justify-content:flex-end;margin-top:20px;padding:10px 0}.cookie-order-row:last-child,.set-row:last-child{border-bottom:none}@media (max-width:600px){.cookies-orders-header,.sets-orders-header{display:none}.cookie-order-row,.set-row{align-items:flex-start;border-bottom:2px solid var(--input-border-color);flex-direction:column;gap:8px;padding:12px 4px}.cookie-name-field,.set-name-field{flex:initial;font-size:.95rem;font-weight:600;margin-right:0;width:100%}.count-field{align-items:center;display:flex;flex:initial;gap:10px;text-align:left;width:100%}.count-input{font-size:16px;min-height:44px;padding:8px;width:80px}}.results-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.section-tagline{color:var(--text-secondary);font-size:16px;font-weight:400;line-height:1.5;margin:10px 0 20px}body.dark-mode .section-tagline{color:var(--text-primary);opacity:.9}.color-summary{display:none;margin-bottom:20px;margin-right:10px}.color-summary,.results-section .section-help-container,.results-section>.orders-tip-banner{max-width:900px}.results-content-wrapper{position:relative}.results-content-wrapper.blur-active>:not(.results-blur-overlay){filter:blur(4px);opacity:.6;pointer-events:none}.results-blur-overlay{align-items:flex-start;background-color:#ffffffe0;border-radius:8px;bottom:0;color:#333;display:flex;flex-direction:column;justify-content:flex-start;left:0;overflow-y:auto;padding:24px 28px;position:absolute;right:0;top:0;z-index:10}.results-blur-heading{color:#c0392b;font-size:1.05em;font-weight:700;margin:0 0 12px}.results-blur-list{color:#333;font-size:.95em;font-weight:400;line-height:1.7;margin:0;padding-left:1.4em;text-align:left}@media (max-width:600px){.results-blur-overlay{padding:16px}.results-blur-heading{font-size:.95em}.results-blur-list{font-size:.88em;line-height:1.6}.color-summary{margin-right:0}.section-tagline{font-size:14px}}.amazon-links-section{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);margin-top:24px;padding-top:16px}.amazon-links-title{color:#222;color:var(--text-primary,#222);font-size:1.1rem;font-weight:700;margin:0 0 16px}.amazon-links-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));list-style:none;margin:0;padding:0}.amazon-products-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:12px}.amazon-product-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:box-shadow .18s,border-color .18s}.amazon-product-card:hover{border-color:#c47b2b;border-color:var(--accent-color,#c47b2b);box-shadow:0 4px 16px #0000001f}.amazon-product-img-wrap{align-items:center;background:#f8f8f8;display:flex;height:140px;justify-content:center;padding:10px}.amazon-product-img{max-height:120px;max-width:100%;object-fit:contain}.amazon-product-body{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:10px 12px 12px}.amazon-product-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#222;color:var(--text-primary,#222);display:-webkit-box;font-size:.82rem;font-weight:600;line-height:1.35;overflow:hidden}.amazon-product-price{color:#c47b2b;font-size:.9rem;font-weight:700}.amazon-product-cta{align-items:center;display:flex;gap:6px;margin-top:auto;padding-top:6px}.amazon-badge{background:#f90;border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:2px 7px;text-transform:lowercase}.amazon-card-arrow{font-size:.9rem}.amazon-card-arrow,.amazon-disclaimer{color:#888;color:var(--text-secondary,#888)}.amazon-disclaimer{font-size:.75rem;margin-top:8px}.amazon-fallback-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 12px;padding:0}.amazon-fallback-item{display:block}.amazon-fallback-link{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#222;color:var(--text-primary,#222);display:flex;gap:10px;padding:10px 14px;text-decoration:none;transition:box-shadow .15s,border-color .15s,background .15s}.amazon-fallback-link:hover{background:#fafafa;background:var(--bg-hover,#fafafa);border-color:#c47b2b;border-color:var(--accent-color,#c47b2b);box-shadow:0 2px 10px #0000001a}.amazon-fallback-icon{flex-shrink:0;font-size:1.1rem}.amazon-fallback-label{flex:1 1;font-size:.92rem;font-weight:500;line-height:1.3}.dark-mode .amazon-fallback-link{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border-color:#444;border-color:var(--border-color,#444)}.dark-mode .amazon-fallback-link:hover{background:#333;background:var(--bg-hover,#333)}.dark-mode .amazon-product-card{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border-color:#444;border-color:var(--border-color,#444)}.dark-mode .amazon-product-img-wrap{background:#1e1e1e}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;background-color:var(--background-color,#fff);border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h2{color:#333;color:var(--text-color,#333);margin-bottom:20px;margin-top:0}.dark-mode .modal-content{background-color:#2d2d2d;color:#e0e0e0}.project-manager{background-color:#fff;background-color:var(--card-background,#fff);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:20px 0;padding:20px}.project-actions button:hover:not(:disabled){transform:translateY(-1px)}.quick-save-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-right:auto;padding:.5rem 1rem;transition:all .2s ease}.quick-save-button:hover:not(:disabled){background-color:var(--primary-color-dark);transform:translateY(-1px)}.quick-save-button:disabled{background-color:var(--disabled-color);cursor:not-allowed;transform:none}.project-manager-header h2{color:#333;color:var(--text-color,#333);font-size:1.5rem;margin:0}.project-message{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px}.project-message.error{background-color:#ff00001a;border:1px solid #ffcdd2;color:#d32f2f}.project-message.success{background-color:#4caf501a;border:1px solid #c8e6c9;color:#388e3c}.project-form{background-color:var(--form-bg);border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;padding:1.5rem}.form-group{margin-bottom:16px}.form-group label{color:var(--label-color,#555);font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{background-color:#fff;background-color:var(--input-background,#fff);border:1px solid #ddd;border:1px solid var(--input-border,#ddd);border-radius:4px;color:#333;color:var(--text-color,#333);font-size:14px;padding:10px;width:100%}.form-group textarea{min-height:80px}.project-button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.project-button.primary{background-color:#06c;background-color:var(--primary-color,#06c);color:#fff}.project-button.primary:hover{background-color:#0052a3;background-color:var(--primary-color-dark,#0052a3)}.project-button.secondary{background-color:#f0f0f0;background-color:var(--secondary-color,#f0f0f0);color:#333;color:var(--text-color,#333)}.project-button.secondary:hover{background-color:#e0e0e0;background-color:var(--secondary-color-dark,#e0e0e0)}.project-button.danger{background-color:#f44336;background-color:var(--danger-color,#f44336);color:#fff}.project-button.danger:hover{background-color:#d32f2f;background-color:var(--danger-color-dark,#d32f2f)}.project-button:disabled{cursor:not-allowed;opacity:.7}.backups-list,.projects-list{margin-top:2rem}.plans-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.projects-section-title{color:#212529;color:var(--text-primary,#212529);font-size:1.2rem;font-weight:700;margin:0}.view-toggle-buttons{background-color:#f5f5f5;background-color:var(--card-background-alt,#f5f5f5);border-radius:6px;display:flex;gap:5px;padding:4px}.view-toggle-btn{align-items:center;background-color:initial;border:none;border-radius:4px;color:#666;color:var(--text-color,#666);cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s ease}.view-toggle-btn:hover{background-color:#0000000d;background-color:var(--hover-background,#0000000d)}.view-toggle-btn.active{background-color:#3fa8ab;color:#fff}.view-toggle-btn svg{display:block}.project-manager-container{margin-top:1rem;width:100%}.project-manager-controls{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.project-manager{margin-top:1rem;width:100%}.project-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem}.project-content{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;margin-top:1rem;padding:1.5rem}.project-list{grid-gap:1rem;gap:1rem;margin-top:1rem}.project-list.row-view{display:flex;flex-direction:column;gap:.5rem}.project-list.row-view .project-item{align-items:center;flex-direction:row;gap:1rem;padding:.75rem 1rem}.project-list.row-view .project-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.project-list.row-view .project-info h3{font-size:1rem}.project-list.row-view .project-info h3,.project-list.row-view .project-info p{margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list.row-view .project-info p{font-size:.85rem}.project-list.row-view .project-meta{flex-shrink:0;flex-wrap:wrap;gap:.5rem;margin:0}.project-list.row-view .project-actions{flex-shrink:0;flex-wrap:nowrap;margin-top:0}@media (max-width:600px){.project-list.row-view .project-actions{flex-wrap:wrap}}.project-item{transition:all .2s ease}.project-info h3{color:var(--text-color)}.project-meta{color:var(--text-color-secondary);font-size:.8rem;gap:1rem;margin-top:.5rem}.project-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:20px}.project-item{background-color:var(--background-color);border:1px solid var(--border-color);gap:1rem;padding:1rem}.project-info{flex:1 1}.project-info h3{font-size:1.1rem;margin:0 0 .5rem}.project-info p{color:var(--text-color-secondary);font-size:.9rem;margin:0}.backup-info{background-color:#ffc1071a;border-left:3px solid #ffc107;border-radius:0 4px 4px 0;color:#666;color:var(--text-muted,#666);font-size:14px;grid-column:1/-1;margin-bottom:15px;padding:10px 15px}.project-item{background-color:#f9f9f9;background-color:var(--card-background-alt,#f9f9f9);border:1px solid #eee;border:1px solid var(--border-color,#eee);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.project-item.backup{background-color:#fff8e180;border:1px solid #ffc1074d;position:relative}.project-item.backup:before{background-color:#ffc107;border-radius:8px 8px 0 0;content:"";height:4px;left:0;position:absolute;top:0;width:100%}.project-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-info{margin-bottom:16px}.project-info h3{color:#333;color:var(--text-color,#333);font-size:18px;margin:0 0 8px}.project-info p{color:#666;color:var(--text-muted,#666);font-size:14px;margin:0 0 8px}.project-meta{align-items:center;color:#888;color:var(--text-muted,#888);display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.backup-badge{background-color:#ffc107;border-radius:4px;color:#000;font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.project-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:15px}.project-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.project-actions button:first-child{background-color:#3fa8ab;border:none;color:#fff}.project-actions button:first-child:hover:not(:disabled){background-color:#e380a7;box-shadow:0 2px 4px #3fa8ab4d;transform:translateY(-1px)}.project-actions button:nth-child(2):not(.delete){background-color:initial;border:1.5px solid #3fa8ab;color:#3fa8ab}.project-actions button:nth-child(2):not(.delete):hover:not(:disabled){background-color:#3fa8ab;color:#fff;transform:translateY(-1px)}.project-actions button.delete{background-color:#e05c6e;border:none;color:#fff}.project-actions button.delete:hover:not(:disabled){background-color:#c0392b;box-shadow:0 2px 4px #c0392b4d;transform:translateY(-1px)}.project-actions button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}body.dark-mode .project-actions button:first-child{background-color:#3fa8ab}body.dark-mode .project-actions button:first-child:hover:not(:disabled){background-color:#e380a7;box-shadow:0 2px 4px #3fa8ab66}body.dark-mode .project-actions button:nth-child(2):not(.delete){background-color:initial;border-color:#3fa8ab;color:#3fa8ab}body.dark-mode .project-actions button:nth-child(2):not(.delete):hover:not(:disabled){background-color:#3fa8ab;color:#fff}.loading{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:30px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #06c3;border-radius:50%;border-top:4px solid var(--primary-color,#06c);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#333;color:var(--text-color,#333);font-size:16px;font-weight:500}.loading-subtext{color:#777;color:var(--text-muted,#777);font-size:14px;margin:0 auto;max-width:300px}.no-projects,.project-manager-message{color:#777;color:var(--text-muted,#777);font-style:italic;padding:30px 20px;text-align:center}.message{border-radius:6px;margin-bottom:15px;padding:15px}.message.error{background-color:#f443361a;border:1px solid #f443364d;color:#d32f2f}.message.info{background-color:#2196f31a;border:1px solid #2196f34d;color:#1976d2}.message.success{background-color:#4caf501a;border:1px solid #4caf504d;color:#388e3c}.subscription-notice{background-color:#fff8e1;background-color:var(--notice-background,#fff8e1);border:1px solid #ffe082;border:1px solid var(--notice-border,#ffe082);border-radius:8px;margin:20px 0;padding:16px;text-align:center}.subscription-notice p{color:#ff8f00;color:var(--notice-text,#ff8f00);margin:0 0 12px}@media (max-width:600px){.modal-content{max-height:85vh;padding:18px 16px}.project-list{grid-template-columns:1fr}.project-actions{flex-wrap:wrap;gap:6px}.project-actions button{font-size:.82rem;padding:6px 10px}.project-list.row-view .project-info h3{min-width:0;min-width:auto;width:100%}.plans-header{align-items:flex-start;flex-direction:column;gap:8px}}@media (prefers-color-scheme:dark){.project-manager{--card-background:#1e1e1e;--card-background-alt:#2a2a2a;--text-color:#e1e1e1;--text-muted:#999;--label-color:#bbb;--border-color:#444;--input-border:#444;--input-background:#333;--form-background:#2a2a2a;--secondary-color:#333;--secondary-color-dark:#444;--notice-background:#332700;--notice-border:#664d00;--notice-text:#ffb300}}.auth-page{align-items:flex-start;background:linear-gradient(160deg,#ddf2f2,#f8e3ec);display:flex;justify-content:center;min-height:100vh;padding:40px 16px 60px}body.dark-mode .auth-page{background:linear-gradient(160deg,#0e2424,#2a1020)}.auth-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000f;display:flex;flex-direction:column;gap:0;max-width:420px;padding:36px 36px 32px;width:100%}body.dark-mode .auth-card{background:#1a1e1e;box-shadow:0 8px 32px #0006}.auth-header{align-items:center;display:flex;flex-direction:column;margin-bottom:28px;text-align:center}.auth-back-link{align-self:flex-start;color:#3fa8ab;font-size:.82rem;margin-bottom:16px;text-decoration:none;transition:color .15s}.auth-back-link:hover{color:#e380a7;text-decoration:underline}body.dark-mode .auth-back-link{color:#5dbfc2}body.dark-mode .auth-back-link:hover{color:#e380a7}.auth-logo{height:auto;margin-bottom:10px;width:110px}.auth-title{color:#374151;font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}body.dark-mode .auth-title{color:#e0eaea}.auth-context-msg{background:#f8e3ec;border:1px solid #e380a7;border-radius:8px;color:#374151;font-size:.88rem;margin:8px 0 0;padding:8px 14px}body.dark-mode .auth-context-msg{background:#3d1a2a;border-color:#e380a7;color:#f8c8dc}.auth-btn-google{align-items:center;background:#fff;border:2px solid #b0b8c8;border-radius:10px;box-shadow:0 2px 6px #0000001a;color:#3c3c3c;cursor:pointer;display:flex;font-size:.97rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:6px;padding:13px 20px;transition:background .15s,box-shadow .15s,border-color .15s;width:100%}.auth-btn-google:hover:not(:disabled){background:#f4f6ff;border-color:#7090c0;box-shadow:0 3px 10px #00000024}body.dark-mode .auth-btn-google{background:#1a2828;border-color:#3fa8ab;box-shadow:0 2px 6px #0000004d;color:#e0eaea}body.dark-mode .auth-btn-google:hover:not(:disabled){background:#1e3030;border-color:#5dbfc2;box-shadow:0 3px 10px #0006}.auth-google-note{color:#6b7280;font-size:.78rem;margin:0 0 20px;text-align:center}body.dark-mode .auth-google-note{color:#9ca3af}.auth-divider{align-items:center;color:#6b7280;display:flex;font-size:.78rem;font-weight:600;gap:12px;letter-spacing:.07em;margin:4px 0 20px;text-transform:uppercase}.auth-divider:after,.auth-divider:before{background:#ddf2f2;border-radius:2px;content:"";flex:1 1;height:2px}body.dark-mode .auth-divider{color:#9ca3af}body.dark-mode .auth-divider:after,body.dark-mode .auth-divider:before{background:#2e8e91}.auth-mode-toggle{background:#ddf2f2;border:2px solid #3fa8ab;border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px}body.dark-mode .auth-mode-toggle{background:#0e2424;border-color:#3fa8ab}.auth-mode-btn{background:#0000;border:none;border-radius:7px;color:#3fa8ab;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:9px 12px;transition:background .18s,color .18s,box-shadow .18s}.auth-mode-btn.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#374151;font-weight:700}body.dark-mode .auth-mode-btn{color:#5dbfc2}body.dark-mode .auth-mode-btn.active{background:#1a2828;box-shadow:0 1px 4px #0000004d;color:#e0eaea}.auth-message{border-radius:8px;display:flex;flex-direction:column;font-size:.88rem;gap:6px;line-height:1.5;margin-bottom:16px;padding:11px 14px}.auth-message-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.auth-message-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.auth-message-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}body.dark-mode .auth-message-error{background:#2d0a0a;border-color:#7f1d1d;color:#fca5a5}body.dark-mode .auth-message-success{background:#052e16;border-color:#14532d;color:#86efac}body.dark-mode .auth-message-info{background:#0c1a3a;border-color:#1e3a6e;color:#93c5fd}.auth-form{gap:14px;margin-bottom:20px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:5px}.auth-field label{color:#374151;font-size:.85rem;font-weight:600}body.dark-mode .auth-field label{color:#c0d4d4}.auth-field-hint{color:#6b7280;font-size:.8rem;font-weight:400}.auth-field input{background:#f9fefe;border:1.5px solid #d1e8e8;border-radius:8px;box-sizing:border-box;color:#374151;font-size:.97rem;padding:11px 14px;transition:border-color .18s,box-shadow .18s;width:100%}.auth-field input::placeholder{color:#9ca3af}.auth-field input:focus{background:#fff;border-color:#3fa8ab;box-shadow:0 0 0 3px #3fa8ab26;outline:none}body.dark-mode .auth-field input{background:#1a2828;border-color:#2e4a4a;color:#e0eaea}body.dark-mode .auth-field input::placeholder{color:#6b8080}body.dark-mode .auth-field input:focus{background:#1e3030;border-color:#3fa8ab;box-shadow:0 0 0 3px #3fa8ab33}.auth-btn{align-items:center;border:none;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;font-size:.97rem;font-weight:700;gap:8px;justify-content:center;padding:13px 20px;text-decoration:none;transition:background .18s,transform .12s,box-shadow .18s;width:100%}.auth-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.auth-btn-primary{background:linear-gradient(135deg,#3fa8ab,#2e9496);box-shadow:0 2px 8px #3fa8ab59;color:#fff}.auth-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e380a7,#d4669a);box-shadow:0 4px 12px #e380a766;transform:translateY(-1px)}.auth-switch-hint{color:#6b7280;font-size:.85rem;margin:0;text-align:center}body.dark-mode .auth-switch-hint{color:#9ca3af}.auth-inline-link{background:none;border:none;color:#3fa8ab;cursor:pointer;font-size:inherit;font-weight:700;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.auth-inline-link:hover{color:#e380a7}body.dark-mode .auth-inline-link{color:#5dbfc2}body.dark-mode .auth-inline-link:hover{color:#e380a7}.auth-forgot-link{font-size:.85rem;margin:0 0 4px;text-align:right}.auth-card-confirm{text-align:center}.auth-confirm-icon{font-size:56px;line-height:1;margin-bottom:16px}.auth-card-confirm h2{color:#374151;font-size:1.5rem;font-weight:700;margin:0 0 12px}body.dark-mode .auth-card-confirm h2{color:#e0eaea}.auth-confirm-lead{color:#6b7280;font-size:.95rem;margin:0 0 6px}.auth-confirm-email{color:#3fa8ab;font-size:1rem;font-weight:700;margin:0 0 20px;word-break:break-all}.auth-confirm-body{color:#374151;font-size:.92rem;line-height:1.7;margin:0 0 10px}body.dark-mode .auth-confirm-body{color:#c0d4d4}.auth-confirm-sender{color:#aaa;font-size:.82rem;font-style:italic}.auth-confirm-hint{color:#aaa;font-size:.82rem;margin:0 0 28px}.auth-confirm-btn{display:inline-flex;padding:12px 36px;text-decoration:none;width:auto}@media (max-width:480px){.auth-page{align-items:flex-start;padding:20px 12px 40px}.auth-card{border-radius:12px;padding:28px 20px 24px}.auth-logo{width:90px}}.pro-calculator-wrapper{margin:0 auto;max-width:1200px;padding:20px;width:100%}.action-bar{border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:20px;padding-bottom:15px}.action-bar h1{color:#333;color:var(--text-color,#333);font-size:1.8rem}.action-buttons{margin-left:auto}.action-button{background-color:#e0e0e0;margin-left:.5rem}.action-button.save-button{background-color:#4caf50;color:#fff;font-weight:500}.action-button:hover{background-color:#d0d0d0}.action-button.save-button:hover{background-color:#3d8b40}.action-button.projects{background-color:#2196f3;color:#fff}.action-button.projects:hover{background-color:#0b7dda}.action-button.login{background-color:#06c;background-color:var(--primary-color,#06c);color:#fff}.action-button.login:hover{background-color:#0052a3;background-color:var(--primary-color-dark,#0052a3)}.action-button.subscribe{background-color:#4caf50;background-color:var(--accent-color,#4caf50);color:#fff}.action-button.subscribe:hover{background-color:#388e3c;background-color:var(--accent-color-dark,#388e3c)}.action-button.admin{background-color:#4caf50;background-color:var(--accent-color,#4caf50);color:#fff}.action-button.admin:hover{background-color:#388e3c;background-color:var(--accent-color-dark,#388e3c)}.auth-error-message{background-color:#f443361a;border:1px solid #f443364d;border-radius:4px;color:#f44336;color:var(--warning-color,#f44336);font-size:14px;margin:10px 0;padding:12px 15px}.subscription-modal{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.subscription-modal.visible{opacity:1;visibility:visible}.subscription-modal.hidden{opacity:0;visibility:hidden}.subscription-modal-content{background-color:#fff;background-color:var(--card-background,#fff);border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:90%}.subscription-modal h2{color:#333;color:var(--text-color,#333);font-size:1.8rem;margin-bottom:20px;margin-top:0}.subscription-info p,.subscription-modal p{color:#666;color:var(--text-muted,#666);font-size:1rem;line-height:1.5;margin-bottom:20px}.close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:15px;top:10px;transition:background-color .2s;width:30px;z-index:10}.close-button:hover{background-color:#0000001a}.auth-container-modal{background-color:#f5f5f5;background-color:var(--form-background,#f5f5f5);border-radius:8px;margin:20px 0;padding:20px}.subscription-info{padding:20px}.subscription-info h2{color:#06c;color:var(--primary-color,#06c);font-size:1.8rem;margin-bottom:20px;margin-top:0;text-align:center}.subscription-features{background-color:#f9f9f9;background-color:var(--card-background-alt,#f9f9f9);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin:20px 0;padding:20px}.subscription-features h3{color:#333;color:var(--text-color,#333);font-size:1.2rem;margin-bottom:15px;margin-top:0}.subscription-features ul{margin:0;padding-left:20px}.subscription-features li{color:#555;color:var(--text-color,#555);margin-bottom:8px}.coming-soon-note{border-top:1px dashed #ddd;border-top:1px dashed var(--border-color,#ddd);color:#777;color:var(--text-muted,#777);font-style:italic;margin-top:20px;padding-top:15px;text-align:center}.subscription-cta{border-top:1px solid #eee;border-top:1px solid var(--border-color,#eee);margin-top:25px;padding-top:20px;text-align:center}.subscribe-button,.trial-button{border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;margin:10px;padding:12px 24px;transition:all .2s ease}.trial-button{background-color:#4caf50;background-color:var(--accent-color,#4caf50);border:none;color:#fff}.subscribe-button:hover:not(:disabled),.trial-button:hover:not(:disabled){box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.subscribe-button:disabled,.trial-button:disabled{cursor:not-allowed;opacity:.7}.project-manager-container{background-color:#fff;background-color:var(--card-background,#fff);border-radius:8px;box-shadow:0 2px 8px #00000026;margin-bottom:30px;max-height:0;opacity:0;overflow:hidden;padding:20px;transform:translateY(-20px);transition:opacity .4s ease,max-height .4s ease,transform .4s ease}.project-manager-container.visible{max-height:2000px;opacity:1;transform:translateY(0)}.project-manager-container.hidden{margin:0;max-height:0;opacity:0;padding:0;transform:translateY(-20px)}.project-manager-container h2{color:#06c;color:var(--primary-color,#06c);font-size:1.5rem;margin-bottom:10px;margin-top:0}.project-manager-info{color:#666;color:var(--text-muted,#666);font-size:.95rem;margin-bottom:20px}.notification-toast{background-color:#4caf50;background-color:var(--success-color,#4caf50);border-radius:30px;bottom:30px;box-shadow:0 4px 12px #0003;color:#fff;font-weight:500;left:50%;opacity:0;padding:12px 25px;position:fixed;transform:translateX(-50%) translateY(100px);transition:transform .4s ease,opacity .4s ease;z-index:1000}.notification-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.notification-toast.hidden{opacity:0;transform:translateX(-50%) translateY(100px)}.subscription-options{margin-top:30px}.subscription-options h3{color:#333;color:var(--text-color,#333);font-size:1.4rem;margin-bottom:20px}.subscription-plans{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.subscription-plan{background-color:#f9f9f9;background-color:var(--card-background-alt,#f9f9f9);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;padding:25px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.subscription-plan:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.subscription-plan.featured{border-color:#4caf50;border-color:var(--accent-color,#4caf50);box-shadow:0 5px 15px #4caf5033}.plan-badge{background-color:#4caf50;background-color:var(--accent-color,#4caf50);border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;position:absolute;right:20px;top:-10px}.subscription-plan h4{color:#333;color:var(--text-color,#333);font-size:1.2rem;margin-bottom:10px;margin-top:0}.subscription-plan .price{color:#06c;color:var(--primary-color,#06c);font-size:1.8rem;font-weight:700;margin-bottom:20px}.subscription-plan ul{list-style-type:none;margin:0 0 25px;padding:0 0 0 20px}.subscription-plan li{color:#666;color:var(--text-muted,#666);margin-bottom:10px;padding-left:5px;position:relative}.subscription-plan li:before{content:"✓";left:-20px;position:absolute}.status-label,.subscription-plan li:before{color:#4caf50;color:var(--accent-color,#4caf50);font-weight:700}.status-label.beta-status{background-color:#2196f31a;border:1px solid #2196f34d;border-radius:12px;color:#2196f3;padding:3px 8px}.beta-notice{color:#2196f3;font-weight:500;margin:5px 0}.subscribe-button{background-color:#06c;background-color:var(--primary-color,#06c);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s ease;width:100%}.subscribe-button:hover{background-color:#0052a3;background-color:var(--primary-color-dark,#0052a3)}.subscription-plan.featured .subscribe-button{background-color:#4caf50;background-color:var(--accent-color,#4caf50)}.subscription-plan.featured .subscribe-button:hover{background-color:#388e3c;background-color:var(--accent-color-dark,#388e3c)}.pro-calculator-login,.pro-calculator-preview,.pro-calculator-subscription{align-items:center;background-color:#f9f9f9;background-color:var(--card-background-alt,#f9f9f9);border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:40px 20px;text-align:center}.pro-login-message,.pro-preview-message,.pro-subscription-message{max-width:600px}.pro-login-message h2,.pro-preview-message h2,.pro-subscription-message h2{color:#06c;color:var(--primary-color,#06c);margin-bottom:20px}.pro-login-cta,.pro-preview-cta,.pro-subscription-cta{background-color:#06c;background-color:var(--primary-color,#06c);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .2s ease}.pro-login-cta:hover,.pro-preview-cta:hover,.pro-subscription-cta:hover{background-color:#0052a3;background-color:var(--primary-color-dark,#0052a3);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.pro-calculator-wrapper{--card-background:#1e1e1e;--card-background-alt:#2a2a2a;--text-color:#e1e1e1;--text-muted:#999;--border-color:#444;--form-background:#2a2a2a;--secondary-color:#333;--secondary-color-dark:#444}.subscription-plan{--card-background-alt:#2a2a2a}.pro-calculator-login,.pro-calculator-preview,.pro-calculator-subscription{background-color:#2a2a2a}}.preview-banner,.pro-preview-banner{background-color:#f8f9fa;border-left:4px solid #4a90e2;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:15px 0;padding:15px}.dark-mode .preview-banner,.dark-mode .pro-preview-banner{background-color:#2a2a2a;border-left:4px solid #5a9aef;box-shadow:0 2px 4px #0000004d}.preview-content,.pro-preview-content{text-align:center}.preview-content h3,.pro-preview-content h3{color:#4a90e2;font-size:1.2rem;margin-top:0}.dark-mode .preview-content h3,.dark-mode .pro-preview-content h3{color:#5a9aef}.preview-content p,.pro-preview-content p{font-size:.95rem;line-height:1.4;margin:8px 0}.preview-buttons,.pro-preview-buttons{display:flex;gap:10px;justify-content:center;margin-top:12px}.preview-button,.pro-preview-button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.preview-button.login,.pro-preview-button.login{background-color:#4a90e2;color:#fff}.preview-button.signup{background-color:#5cb85c;color:#fff}.preview-button:hover,.pro-preview-button:hover{box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.preview-button.login:hover,.pro-preview-button.login:hover{background-color:#357ab8}.preview-button.signup:hover{background-color:#4a9d4a}.pro-calculator-preview{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:20px 0;min-height:300px;padding:30px}.dark-mode .pro-calculator-preview{background-color:#2a2a2a}.pro-preview-message{max-width:600px;text-align:center}.pro-preview-message h2{color:#4a90e2;margin-bottom:20px}.dark-mode .pro-preview-message h2{color:#5a9aef}.pro-features-list{margin:20px auto;padding-left:20px;text-align:left}.pro-features-list li{margin-bottom:10px;padding-left:10px;position:relative}.pro-features-list li:before{color:#5cb85c;content:"✓";left:-15px;position:absolute}.dark-mode .pro-features-list li:before{color:#6bd86b}.pro-preview-cta{background-color:#5cb85c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:15px;padding:12px 24px;transition:all .2s ease}.pro-preview-cta:hover{background-color:#4a9d4a;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}:root{--bg-primary:#fff;--bg-secondary:#f8f8f8;--text-primary:#222;--text-secondary:#333;--border-color:#e0e0e0;--shadow-color:#0000001a;--hover-color:#f0f0f0}.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#fff;--text-secondary:#ccc;--border-color:#404040;--shadow-color:#0000004d;--hover-color:#404040}.calculator{background-color:#fff;background-color:var(--bg-primary);border-radius:10px;box-shadow:0 2px 5px #0000001a;box-shadow:0 2px 5px var(--shadow-color);margin:0 auto;padding:20px;position:relative}.action-bar{align-items:center;background-color:#f8f8f8;background-color:var(--bg-secondary);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 20px}.action-bar h1{color:#222;color:var(--text-primary);font-size:1.5em;margin:0}.action-buttons{display:flex;gap:10px}.action-button{background-color:#f0f0f0;background-color:var(--button-bg,#f0f0f0);border:none;border-radius:4px;color:#333;color:var(--text-color,#333);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.action-button.logout{background-color:#f44336;background-color:var(--warning-color,#f44336);color:#fff}.action-button.logout:hover{background-color:#d32f2f;background-color:var(--warning-color-dark,#d32f2f)}.dark-mode .action-bar{border-bottom-color:#e0e0e0;border-bottom-color:var(--border-color,#444)}.dark-mode .action-bar h1{color:#e1e1e1;color:var(--text-color,#e1e1e1)}@media (max-width:767px){.calculator{max-width:100%;padding:15px}}@media (min-width:768px){.calculator{max-width:1200px;padding:30px}}.attribution{color:#333;font-size:14px;margin:10px 0;text-align:center}.attribution a{color:#3fa8ab;transition:color .2s ease}.attribution a:hover{color:#ff6b00}.dark-mode .attribution a{color:#5dbfc2}.dark-mode .attribution a:hover{color:#3fa8ab}h1{color:#222;color:var(--text-primary);font-size:24px;margin-bottom:15px;text-align:center}.unit-selectors{background-color:#f8f8f8;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:25px;padding:15px;text-align:center}h2{color:#222;color:var(--text-primary);font-size:18px;margin-bottom:15px}.basic-calc-footer,.button-container{display:flex;gap:10px;margin-bottom:25px}.basic-calc-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);padding-top:10px}.basic-calc-footer .footer-button{background-color:#e53935}.basic-calc-footer .footer-button:hover:not(:disabled){background-color:#c62828;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.calculate-button{background-color:#3fa8ab;flex:1 1}.calculate-button,.clear-button{border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s}.clear-button{background-color:#e0e0e0;width:120px}.dark-mode .clear-button{background-color:#404040;color:#f0f0f0}.clear-button:hover{background-color:#d0d0d0}.dark-mode .clear-button:hover{background-color:#505050}.dark-mode button:not(.theme-toggle){color:#f0f0f0}button:hover{background-color:#ff6b00}.results{background-color:#f8f8f8;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#222;color:var(--text-primary);margin-top:30px;padding:20px}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.results-header h2{color:#222;color:var(--text-primary);font-size:1.5rem;margin:0}.results p{font-size:1.1rem;line-height:1.6;margin:0;text-align:center;white-space:pre-wrap}.imperial-weight{color:#007bff;color:var(--info-color,#007bff);font-weight:400}.copy-button{background-color:#3fa8ab;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 15px;transition:background-color .2s ease,opacity .2s ease}.copy-button:hover:not(:disabled){background-color:#e380a7}.copy-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.dark-mode .copy-button:disabled{background-color:#555;color:#999}.copy-button.success{cursor:default}.copy-button.success,.copy-button.success:hover{background-color:#3fa8ab}.basic-icing-tip{align-items:flex-start;background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;color:#78350f;display:flex;font-size:.875rem;gap:10px;line-height:1.55;margin-top:16px;padding:12px 14px}.basic-icing-tip-icon{flex-shrink:0;font-size:1rem;margin-top:1px}.basic-icing-tip strong{font-weight:700}.dark-mode .basic-icing-tip{background:#2d1f00;border-color:#b45309;color:#fcd34d}.dark-mode .results{background-color:#f8f8f8;background-color:var(--bg-secondary);color:#222;color:var(--text-primary)}.dark-mode .copy-button{background-color:#3fa8ab;box-shadow:0 2px 4px #0003}.dark-mode .copy-button:hover{background-color:#e380a7;box-shadow:0 3px 6px #00000040}.total-amount{color:#3fa8ab;font-weight:700}.alternate-amount{color:#3498db;font-weight:700;margin-left:5px}.metric-total{color:orange;font-weight:700}.imperial-total{color:#007bff;font-weight:700}.pro-calculator{margin-top:1rem}.coming-soon{background-color:#f8f8f8;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;margin:2rem 0;padding:2rem;text-align:center}.coming-soon h2{color:#222;color:var(--text-primary);margin-bottom:1rem}.coming-soon p{color:#333;color:var(--text-secondary);font-size:16px;line-height:1.5}.calculator .unit-prefs-box{background-color:#f0f4ff;border:1px solid #d0d9f5;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:14px 18px}.calculator.dark-mode .unit-prefs-box{background-color:#1e2235;border-color:#3a4060}.calculator .unit-prefs-title{color:#3a4a8a;font-size:14px;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.calculator.dark-mode .unit-prefs-title{color:#8fa8e8}.calculator .unit-prefs-desc{color:#555;font-size:13px;line-height:1.4;margin:0}.calculator.dark-mode .unit-prefs-desc{color:#aaa}.calculator .unit-prefs-box .unit-toggles{display:flex;flex-wrap:wrap;gap:24px;margin:0}.calculator .unit-prefs-box .unit-toggle-group{align-items:center;display:flex;gap:8px}.calculator .unit-prefs-box .Toggle__display{background-color:#4a7fc1;box-shadow:inset 0 2px 4px #0000001a}.calculator .unit-prefs-box .Toggle__display:hover{background-color:#3d6daa}.calculator .unit-prefs-box .Toggle__input:checked+.Toggle__display{background-color:#0d9488;box-shadow:inset 0 2px 4px #0000001a,0 0 8px #0d94884d}.calculator .unit-prefs-box .Toggle__input:checked+.Toggle__display:hover{background-color:#0b7a70}.calculator.dark-mode .unit-prefs-box .Toggle__display{background-color:#3d6daa}.calculator.dark-mode .unit-prefs-box .Toggle__input:checked+.Toggle__display{background-color:#14b8a6;box-shadow:inset 0 2px 4px #0003,0 0 8px #14b8a666}.calculator .reference-subtitle{color:#555;font-size:14px;line-height:1.5;margin:0 0 12px}.calculator.dark-mode .reference-subtitle{color:#bbb}.calculator .reference-quick-start-hint{background:#fff8f0;border-left:3px solid #3fa8ab;border-radius:4px;color:#555;font-size:13.5px;line-height:1.5;margin:0 0 14px;padding:9px 12px}.calculator.dark-mode .reference-quick-start-hint{background:#2a2010;border-left-color:#3fa8ab;color:#ccc}.reference-section{background-color:#f8f8f8;background-color:var(--bg-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px;position:relative}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-title{color:#222;color:var(--text-primary);font-size:18px;margin:0}.reference-toggle-container{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);justify-content:flex-start;margin-bottom:20px;padding-bottom:15px}.reference-toggle-label{color:var(--text-color-dark);font-size:1rem;font-weight:500}@media (max-width:768px){.calculator{padding:15px}.unit-selectors{gap:12px;padding:10px}.action-bar{align-items:flex-start;flex-direction:column;gap:10px;padding:10px}.action-bar h1{font-size:1.3em}.calculate-button,.clear-button{font-size:15px;min-height:44px}.copy-button{min-height:44px;padding:10px 18px}.results p{font-size:1rem}}@media (max-width:500px){.calculator{padding:12px}.unit-selectors{gap:8px;padding:8px}.button-container{gap:8px}.calculate-button{font-size:15px}.clear-button{font-size:14px;width:90px}}.basic-tip-jar-cta{align-items:center;background:#fff8e1;border:1px solid #f9a825;border-radius:10px;box-shadow:0 2px 6px #f9a82526;display:flex;gap:16px;justify-content:space-between;margin:20px 0;padding:16px 20px}.basic-tip-jar-text{color:#6d4c00;flex:1 1;font-size:.92rem;margin:0}.basic-tip-jar-btn{background:#f9a825;border-radius:8px;color:#fff;display:inline-block;flex-shrink:0;font-size:.9rem;font-weight:700;padding:9px 20px;text-decoration:none;transition:background .18s,transform .12s;white-space:nowrap}.basic-tip-jar-btn:hover{background:#f57f17;transform:translateY(-1px)}.dark-mode .basic-tip-jar-cta{background:#2e2200;border-color:#f9a825}.dark-mode .basic-tip-jar-text{color:#e0c060}@media (max-width:500px){.basic-tip-jar-cta{align-items:flex-start;flex-direction:column}}.settings-page{margin:0 auto;max-width:800px;padding:20px}.settings-page h1{color:var(--text-primary);font-size:2rem;margin-bottom:30px}.settings-card{background-color:var(--bg-primary);border-radius:10px;box-shadow:0 2px 8px var(--shadow-color);margin-bottom:30px;padding:20px}.settings-card h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.setting-item,.settings-card h2{border-bottom:1px solid var(--border-color)}.setting-item{align-items:center;display:flex;justify-content:space-between;padding:15px 0}.setting-item:last-child{border-bottom:none}.setting-item label{color:var(--text-primary);font-weight:500}.setting-label-group{display:flex;flex-direction:column}.setting-description{color:var(--text-secondary);font-size:.85rem;margin-top:4px}.dark-mode-setting{padding:20px 0}.ios-toggle-wrapper{display:inline-block;position:relative}.ios-toggle{height:0;opacity:0;position:absolute;width:0}.ios-toggle-label{background:#e9e9eb;border-radius:40px;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;display:block;height:40px;position:relative;transition:all .4s ease;width:80px}.ios-toggle-label:before{background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;content:"";height:36px;left:2px;position:absolute;top:2px;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);width:36px;z-index:2}.ios-toggle-label:after{background:linear-gradient(90deg,#141e30,#243b55);border-radius:40px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.ios-toggle-inner{display:block;height:100%;position:relative;width:100%;z-index:1}.ios-toggle-icon{font-size:18px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.ios-toggle-icon.light{left:10px;opacity:1}.ios-toggle-icon.dark{opacity:0;right:10px}.ios-toggle:checked+.ios-toggle-label{background:#34495e}.ios-toggle:checked+.ios-toggle-label:before{transform:translateX(40px)}.ios-toggle:checked+.ios-toggle-label:after{opacity:1}.ios-toggle:checked+.ios-toggle-label .ios-toggle-icon.light{opacity:0}.ios-toggle:checked+.ios-toggle-label .ios-toggle-icon.dark{opacity:1}.dark-mode .settings-card{background-color:var(--bg-secondary)}.dark-mode .toggle-label{background-color:#555}.dark-mode input:checked+.toggle-label{background-color:#6fcf97}.ios-toggle-label:hover{box-shadow:0 0 10px #00000026}.ios-toggle-label:active:before{transform:translateX(10px);width:45px}.ios-toggle:checked+.ios-toggle-label:active:before{transform:translateX(30px)}.ios-toggle:checked+.ios-toggle-label:before{box-shadow:0 0 15px #f1c40f80,0 0 5px #0003}.ios-toggle-icon.dark,.ios-toggle-icon.light{transition:all .4s cubic-bezier(.68,-.55,.27,1.55)}.ios-toggle:checked+.ios-toggle-label .ios-toggle-icon.light{transform:translateY(-50%) scale(.5)}.ios-toggle:checked+.ios-toggle-label .ios-toggle-icon.dark{transform:translateY(-50%) scale(1)}.dark-mode .ios-toggle-label{background-color:#2c3e50}.dark-mode .ios-toggle-icon.dark{color:#f1c40f}.home-calc{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e6e6e6;border:1px solid var(--border-color,#e6e6e6);border-radius:16px;box-shadow:0 6px 22px #0000000f;box-sizing:border-box;margin:0 auto 28px;max-width:640px;padding:24px 22px;width:100%}body.dark-mode .home-calc{background:#1e1e22;border-color:#34343a;box-shadow:0 6px 22px #00000059}.home-calc-title{color:#222;color:var(--text-primary,#222);font-size:1.5rem;font-weight:800;margin:0 0 6px;text-align:center}.home-calc-sub{color:#666;color:var(--text-secondary,#666);font-size:.95rem;line-height:1.5;margin:0 0 18px;text-align:center}.home-calc-units{background:#fff7ee;border:1px solid #ffe2c2;border-radius:10px;display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:center;margin-bottom:18px;padding:12px 14px}body.dark-mode .home-calc-units{background:#2a2218;border-color:#4a3a23}.home-calc-unit-group{align-items:center;color:#777;color:var(--text-secondary,#777);display:flex;font-size:.9rem;gap:10px}.home-calc-unit-active{color:#3fa8ab;font-weight:700}.home-calc-units .Toggle__display{background-color:#4a7fc1;box-shadow:inset 0 2px 4px #0000001a}.home-calc-units .Toggle__display:hover{background-color:#3d6daa}.home-calc-units .Toggle__input:checked+.Toggle__display{background-color:#0d9488;box-shadow:inset 0 2px 4px #0000001a,0 0 8px #0d94884d}.home-calc-units .Toggle__input:checked+.Toggle__display:hover{background-color:#0b7a70;box-shadow:inset 0 2px 4px #00000026,0 0 12px #0d948866}body.dark-mode .home-calc-units .Toggle__display{background-color:#3d6daa}body.dark-mode .home-calc-units .Toggle__input:checked+.Toggle__display{background-color:#14b8a6;box-shadow:inset 0 2px 4px #0003,0 0 8px #14b8a666}.home-calc-shape-toggle{display:flex;gap:8px;margin-bottom:16px}.home-calc-shape-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:2px solid #d8d8d8;border:2px solid var(--border-color,#d8d8d8);border-radius:9px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-flex;flex:1 1;font-size:.9rem;font-weight:600;gap:7px;justify-content:center;padding:10px 14px;transition:border-color .15s,color .15s,background .15s}.home-calc-shape-btn.active,.home-calc-shape-btn:hover{background:#ddf2f2;border-color:#3fa8ab;color:#374151}.home-calc-shape-btn.active{font-weight:700}body.dark-mode .home-calc-shape-btn{background:#2a2a30;border-color:#45454d;color:#aaa}body.dark-mode .home-calc-shape-btn.active,body.dark-mode .home-calc-shape-btn:hover{background:#2a2218;border-color:#3fa8ab;color:#3fa8ab}.home-calc-field-wide{grid-column:auto}.home-calc-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:18px}.home-calc-field{display:flex;flex-direction:column;gap:6px}.home-calc-field label{color:#333;color:var(--text-primary,#333);font-size:.82rem;font-weight:600}.home-calc-unit-label{color:#999;color:var(--text-secondary,#999);font-weight:500}.home-calc-field input{-webkit-appearance:textfield;appearance:textfield;background:#fff;background:var(--bg-primary,#fff);border:1.5px solid #d8d8d8;border:1.5px solid var(--border-color,#d8d8d8);border-radius:9px;box-sizing:border-box;color:#222;color:var(--text-primary,#222);font-size:1rem;padding:12px;text-align:center;width:100%}.home-calc-field input::-webkit-inner-spin-button,.home-calc-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.home-calc-field input:focus{border-color:#3fa8ab;box-shadow:0 0 0 3px #ff8c002e;outline:none}body.dark-mode .home-calc-field input{background:#2a2a30;border-color:#45454d;color:#f0f0f0}.home-calc-btn{background:#3fa8ab;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:800;letter-spacing:.3px;min-height:52px;padding:16px;transition:background .15s,transform .1s;width:100%}.home-calc-btn:hover:not(:disabled){background:#e380a7;transform:translateY(-1px)}.home-calc-btn:disabled{background:#cfcfcf;color:#8a8a8a;cursor:not-allowed}body.dark-mode .home-calc-btn:disabled{background:#3a3a40;color:#777}.home-calc-results{border-top:1px dashed #e0e0e0;border-top:1px dashed var(--border-color,#e0e0e0);margin-top:20px;padding-top:18px}.home-calc-results-head{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px;row-gap:8px}.home-calc-results-head h3{color:#222;color:var(--text-primary,#222);font-size:1.15rem;font-weight:800;margin:0}.home-calc-copy{background:#0000;border:1.5px solid #3fa8ab;border-radius:8px;color:#3fa8ab;cursor:pointer;font-size:.9rem;font-weight:700;min-height:44px;padding:10px 18px;transition:background .15s,color .15s;white-space:nowrap}.home-calc-copy:hover:not(:disabled){background:#3fa8ab;color:#fff}.home-calc-copy.copied{background:#2e7d32;border-color:#2e7d32;color:#fff}.home-calc-copy:disabled{cursor:not-allowed;opacity:.5}.home-calc-result-row{align-items:baseline;display:flex;font-size:.95rem;gap:12px;justify-content:space-between;padding:8px 0}.home-calc-result-label{color:#666;color:var(--text-secondary,#666)}.home-calc-result-value{color:#222;color:var(--text-primary,#222);font-weight:700;text-align:right}.home-calc-result-total{align-items:center;background:#fff7ee;border-radius:12px;display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:16px}body.dark-mode .home-calc-result-total{background:#2a2218}.home-calc-total-label{color:#888;color:var(--text-secondary,#888);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.home-calc-total-primary{color:#3fa8ab;font-size:1.8rem;font-weight:800;line-height:1.1}.home-calc-total-secondary{color:#777;color:var(--text-secondary,#777);font-size:1rem}.home-calc-tip{background:#f3f8ff;border-radius:10px;color:#555;color:var(--text-secondary,#555);display:flex;font-size:.85rem;gap:10px;line-height:1.5;margin-top:16px;padding:12px 14px}body.dark-mode .home-calc-tip{background:#18222e;color:#b9c6d6}.home-calc-tip-icon{flex-shrink:0}.home-calc-pro{align-items:center;background:linear-gradient(135deg,#fff3e0,#ffe9cc);border:1px solid #ffd8a8;border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-top:22px;padding:16px 18px}body.dark-mode .home-calc-pro{background:linear-gradient(135deg,#2c2418,#332a1a);border-color:#4a3a23}.home-calc-pro-text{color:#333;color:var(--text-primary,#333);flex:1 1 240px;font-size:.92rem;line-height:1.5}.home-calc-pro-badge{border-radius:5px;font-size:.7rem;font-weight:800;padding:1px 7px;vertical-align:middle}.home-calc-pro-badge,.home-calc-pro-btn{background:#3fa8ab;color:#fff;display:inline-block}.home-calc-pro-btn{border-radius:9px;flex-shrink:0;font-size:.92rem;font-weight:700;padding:12px 20px;text-decoration:none;transition:background .15s,transform .1s}.home-calc-pro-btn:hover{background:#e380a7;transform:translateY(-1px)}@media (max-width:640px){.home-calc{border-left:none;border-radius:0;border-right:none;box-shadow:none;margin-left:-16px;margin-right:-16px;padding:20px 16px}}@media (max-width:480px){.home-calc-title{font-size:1.25rem}.home-calc-sub{font-size:.88rem;margin-bottom:14px}.home-calc-units{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 12px}.home-calc-unit-group{font-size:.95rem}.home-calc-fields{gap:10px;grid-template-columns:1fr}.home-calc-field input{font-size:1.05rem;padding:14px 12px}.home-calc-results-head{align-items:stretch;flex-direction:column}.home-calc-results-head h3{font-size:1.05rem}.home-calc-copy{justify-content:center;text-align:center;width:100%}.home-calc-total-primary{font-size:1.55rem}.home-calc-pro{align-items:stretch;flex-direction:column;text-align:center}.home-calc-pro-btn{padding:14px 20px;text-align:center}.home-calc-tip{font-size:.82rem}}.hp-calc-row{align-items:flex-start;display:flex;gap:20px;margin-bottom:28px}.hp-calc-col{flex:1 1;min-width:0}.hp-calc-col .home-calc{margin-bottom:0;margin-left:0;margin-right:0;max-width:none}.hp-tip-jar-col{flex:0 0 220px;width:220px}.hp-tip-jar-card{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e6e6e6;border:1px solid var(--border-color,#e6e6e6);border-radius:16px;box-shadow:0 6px 22px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:22px 18px;text-align:center}body.dark-mode .hp-tip-jar-card{background:#1e1e22;border-color:#34343a;box-shadow:0 6px 22px #00000059}.hp-tip-jar-icon{font-size:2rem;line-height:1}.hp-tip-jar-title{color:#222;color:var(--text-primary,#222);font-size:1rem;font-weight:800;margin:0}.hp-tip-jar-text{color:#666;color:var(--text-secondary,#666);font-size:.82rem;line-height:1.5;margin:0}.hp-tip-jar-btn{background:#3fa8ab;border-radius:10px;box-sizing:border-box;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;padding:12px 14px;text-decoration:none;transition:background .15s,transform .1s;width:100%}.hp-tip-jar-btn:hover{background:#e380a7;transform:translateY(-1px)}.hp-tip-jar-sub{color:#aaa;color:var(--text-secondary,#aaa);font-size:.72rem;margin:0}@media (max-width:768px){.hp-calc-row{flex-direction:column;gap:0;margin-bottom:0}.hp-calc-col .home-calc{margin-bottom:16px}.hp-tip-jar-col{flex:none;padding:0 0 24px;width:100%}.hp-tip-jar-card{border-radius:12px;flex-direction:row;flex-wrap:wrap;gap:8px;padding:16px;text-align:left}.hp-tip-jar-icon{flex-shrink:0;font-size:1.6rem}.hp-tip-jar-title{font-size:.95rem}.hp-tip-jar-text{width:100%}.hp-tip-jar-btn{flex:1 1 auto;text-align:center}.hp-tip-jar-sub{text-align:center;width:100%}}.hp-page{box-sizing:border-box;margin:0 auto;max-width:1000px;overflow-x:hidden;padding:16px 16px 48px}.hp-deletion-pending-banner{background:#fff8e1;border:1.5px solid #f59e0b;border-radius:10px;color:#92400e;display:flex;flex-direction:column;gap:6px;margin-bottom:24px;padding:16px 20px;text-align:center}.hp-deletion-pending-banner strong{font-size:16px}.hp-deletion-pending-banner p{font-size:14px;line-height:1.5;margin:0}body.dark-mode .hp-deletion-pending-banner{background:#2d2000;border-color:#b45309;color:#fcd34d}.hp-resume-card{align-items:center;background:#f0faf8;border:1.5px solid #14a89a;border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:14px;margin-bottom:16px;padding:14px 18px;text-decoration:none;transition:background .15s,box-shadow .15s}.hp-resume-card:hover{background:#e2f5f2;box-shadow:0 2px 8px #14a89a26}.hp-resume-icon{flex-shrink:0;font-size:1.5rem}.hp-resume-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.hp-resume-label{color:#14a89a;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.hp-resume-name{color:#222;color:var(--text-primary,#222);font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-resume-arrow{color:#14a89a;flex-shrink:0;font-size:1.2rem;font-weight:700}body.dark-mode .hp-resume-card{background:#0d2420;border-color:#14a89a}body.dark-mode .hp-resume-card:hover{background:#122e29}body.dark-mode .hp-resume-name{color:#f0f0f0}.hp-hero{margin-bottom:16px;padding:40px 20px 32px;text-align:center}.hp-hero-lockup{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:center;text-align:left}.hp-hero-text{display:flex;flex-direction:column}.hp-hero-emoji{flex-shrink:0;line-height:1}.hp-hero-logo{display:block;height:130px;margin:0;object-fit:contain;width:130px}.hp-hero-title{color:#222;color:var(--text-primary,#222);font-size:2.6rem;font-weight:800;letter-spacing:-.5px;margin:0 0 10px}.hp-hero-tagline{color:#3fa8ab;font-size:1.3rem;font-weight:600;margin:0 0 8px;text-align:center}.hp-hero-sub{color:#666;color:var(--text-secondary,#666);font-size:1rem;line-height:1.6;margin:0 0 4px;max-width:520px;text-align:center}.hp-hero-ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.hp-cta{border-radius:8px;display:inline-block;font-size:15px;font-weight:700;padding:12px 26px;text-decoration:none;transition:transform .15s,box-shadow .15s}.hp-cta:hover{box-shadow:0 4px 14px #00000026;transform:translateY(-2px)}.hp-cta-primary{background:#3fa8ab;color:#fff}.hp-cta-secondary{border:2px solid #3fa8ab;color:#3fa8ab}.hp-benefits,.hp-cta-secondary{background:#fff;background:var(--bg-primary,#fff)}.hp-benefits{border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 1px 4px #0000000f;display:flex;gap:0;justify-content:center;margin-bottom:24px;overflow:hidden}.hp-benefit{align-items:center;border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0);color:#333;color:var(--text-primary,#333);display:flex;flex:1 1;font-size:14px;gap:8px;padding:14px 16px}.hp-benefit:last-child{border-right:none}.hp-benefit-icon{flex-shrink:0;font-size:20px}.hp-benefit strong{font-weight:700;white-space:nowrap}.hp-benefit-hide-mobile{color:#666;color:var(--text-secondary,#666)}.hp-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.hp-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;padding:28px 24px;position:relative;transition:transform .2s,box-shadow .2s}.hp-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.hp-card-pro{border-color:#3fa8ab;border-width:2px}.hp-card-badge{background:#3fa8ab;border-radius:4px;color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;padding:3px 8px;position:absolute;right:16px;top:16px}.hp-card-icon{font-size:2.4rem;line-height:1;margin-bottom:12px}.hp-card-title{color:#222;color:var(--text-primary,#222);font-size:1.25rem;font-weight:700;margin:0 0 10px}.hp-card-desc{color:#666;color:var(--text-secondary,#666);font-size:14px;line-height:1.6;margin:0 0 14px}.hp-card-list{flex:1 1;list-style:none;margin:0 0 20px;padding:0}.hp-card-list li{color:#555;color:var(--text-secondary,#555);font-size:13.5px;line-height:1.5;padding:4px 0 4px 18px;position:relative}.hp-card-list li:before{color:#3fa8ab;content:"✓";font-size:12px;font-weight:700;left:0;position:absolute}.hp-card-pricing{color:#888;font-size:12.5px;margin:-8px 0 12px;text-align:center}body.dark-mode .hp-card-pricing{color:#999}.hp-card-btn{border-radius:8px;display:block;font-size:14px;font-weight:700;margin-top:auto;padding:11px 20px;text-align:center;text-decoration:none;transition:opacity .15s,transform .15s}.hp-card-btn:hover{opacity:.88;transform:translateY(-1px)}.hp-card-btn-basic{background:#f5f5f5;border:1px solid #ddd;color:#333}.hp-card-btn-pro{background:#3fa8ab;color:#fff}.hp-how{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 1px 4px #0000000f;margin-bottom:20px;padding:28px 24px;text-align:center}.hp-how-title{color:#222;color:var(--text-primary,#222);font-size:1.2rem;font-weight:700;margin:0 0 24px}.hp-steps{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hp-step{flex:1 1;flex-direction:column;gap:6px;max-width:180px;min-width:120px}.hp-step,.hp-step-num{align-items:center;display:flex}.hp-step-num{background:#3fa8ab;border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;font-weight:800;height:36px;justify-content:center;width:36px}.hp-step strong{color:#222;color:var(--text-primary,#222);font-size:14px}.hp-step p{color:#888;color:var(--text-secondary,#888);font-size:12.5px;line-height:1.4;margin:0}.hp-step-arrow{align-self:flex-start;color:#ddd;flex-shrink:0;font-size:22px;margin-top:8px;padding-top:6px}.hp-footer-note{padding:8px 0;text-align:center}.hp-footer-note p{color:#999;color:var(--text-secondary,#999);font-size:13px;line-height:1.6;margin:0}.hp-footer-link{color:#3fa8ab;font-weight:600;text-decoration:none}.hp-footer-link:hover{text-decoration:underline}body.dark-mode .hp-hero-title{color:#f0f0f0}body.dark-mode .hp-hero-sub{color:#aaa}body.dark-mode .hp-cta-secondary{background:#1e1e1e;color:#3fa8ab}body.dark-mode .hp-benefits{background:#1e1e1e;border-color:#333}body.dark-mode .hp-benefit{border-right-color:#333;color:#e0e0e0}body.dark-mode .hp-benefit-hide-mobile{color:#aaa}body.dark-mode .hp-card{background:#1e1e1e;border-color:#333}body.dark-mode .hp-card-pro{border-color:#3fa8ab}body.dark-mode .hp-card-title{color:#f0f0f0}body.dark-mode .hp-card-desc{color:#aaa}body.dark-mode .hp-card-list li{color:#bbb}body.dark-mode .hp-card-btn-basic{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .hp-how{background:#1e1e1e;border-color:#333}body.dark-mode .hp-how-title{color:#f0f0f0}body.dark-mode .hp-step strong{color:#e0e0e0}body.dark-mode .hp-step p{color:#aaa}body.dark-mode .hp-step-arrow{color:#444}body.dark-mode .hp-footer-note p{color:#666}@media (max-width:600px){.hp-page{padding:0 0 40px}.hp-hero{margin-bottom:0;padding:28px 16px 22px}.hp-hero-lockup{align-items:center;flex-direction:column;gap:10px;text-align:center}.hp-hero-logo{display:none}.hp-hero-title{font-size:1.75rem}.hp-hero-tagline{font-size:1rem;margin-bottom:6px}.hp-hero-sub{font-size:.88rem;margin-bottom:0}.hp-benefit-hide-mobile,.hp-hero-sub br{display:none}.hp-benefits{border-left:none;border-radius:0;border-right:none;flex-wrap:wrap;margin:0}.hp-benefit{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);border-right:none;flex:1 1 45%;font-size:13px;padding:10px 12px}.hp-benefit:nth-child(odd){border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color,#e0e0e0)}.hp-benefit:nth-child(3),.hp-benefit:nth-child(4){border-bottom:none}.hp-cards{grid-template-columns:1fr}.hp-card{padding:22px 18px}.hp-how{border-left:none;border-radius:0;border-right:none;margin:16px 0;padding:22px 16px}.hp-steps{align-items:center;flex-direction:column;gap:4px}.hp-step{flex-direction:row;gap:12px;max-width:100%;min-width:0;min-width:auto;text-align:left;width:100%}.hp-step-num{flex-shrink:0}.hp-step-arrow{margin:0 auto;padding:0;transform:rotate(90deg)}.hp-footer-note{padding:8px 16px}}.shop-page{margin:24px auto;max-width:860px;padding:0 16px 48px}.shop-hero{margin-bottom:8px;padding:36px 24px 28px;text-align:center}.shop-hero-icon{font-size:48px;line-height:1;margin-bottom:12px}.shop-hero-title{color:#1a1a1a;color:var(--text-color,#1a1a1a);font-size:2rem;font-weight:800;margin:0 0 12px}.shop-hero-sub{color:#555;color:var(--text-color-secondary,#555);font-size:15px;line-height:1.65;margin:0 auto;max-width:560px}.shop-disclaimer{color:#999;font-size:12px;line-height:1.6;margin-top:32px;padding:0 16px;text-align:center}body.dark-mode .shop-hero-title{color:#f0f0f0}body.dark-mode .shop-hero-sub{color:#aaa}body.dark-mode .shop-disclaimer{color:#666}.privacy-policy-container{background-color:var(--background-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;color:var(--text-color);margin:20px auto;max-width:800px;padding:20px}.privacy-policy-container h1{color:var(--primary-color);margin-bottom:20px;text-align:center}.privacy-policy-container h2{border-bottom:1px solid var(--border-color);color:var(--secondary-color);margin-bottom:10px;margin-top:30px;padding-bottom:5px}.privacy-policy-container p,.privacy-policy-container ul{line-height:1.6;margin-bottom:15px}.privacy-policy-container ul{list-style-type:disc;padding-left:20px}.privacy-policy-container a{color:var(--accent-color);text-decoration:none}.privacy-policy-container a:hover{text-decoration:underline}.terms-of-service-container{background-color:var(--background-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;color:var(--text-color);margin:20px auto;max-width:800px;padding:20px}.terms-of-service-container h1{color:var(--primary-color);margin-bottom:20px;text-align:center}.terms-of-service-container h2{border-bottom:1px solid var(--border-color);color:var(--secondary-color);margin-bottom:10px;margin-top:30px;padding-bottom:5px}.terms-of-service-container p,.terms-of-service-container ul{line-height:1.6;margin-bottom:15px}.terms-of-service-container ul{list-style-type:disc;padding-left:20px}.terms-of-service-container a{color:var(--accent-color);text-decoration:none}.terms-of-service-container a:hover{text-decoration:underline}.policy-page-container{background-color:#fff;background-color:var(--background-color-light,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;color:#333;color:var(--text-color,#333);margin:20px auto;max-width:800px;padding:20px}.policy-page-container h1{color:#007bff;color:var(--primary-color,#007bff);margin-bottom:20px;text-align:center}.policy-page-container h2{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color-light,#eee);color:#555;color:var(--secondary-color,#555);margin-bottom:10px;margin-top:30px;padding-bottom:5px}.policy-page-container p,.policy-page-container ul{line-height:1.6;margin-bottom:15px}.policy-page-container ul{padding-left:20px}.policy-page-container a{color:#007bff;color:var(--accent-color,#007bff);text-decoration:none}.policy-page-container a:hover{text-decoration:underline}.return-link-container{margin-bottom:15px;text-align:left}.return-link-top{margin-bottom:25px}.return-link-bottom{border-top:1px solid #eee;border-top:1px solid var(--border-color-light,#eee);margin-top:30px;padding-top:20px}.return-link{background-color:#f0f0f0;background-color:var(--background-color-offset,#f0f0f0);border-radius:4px;color:#555;color:var(--text-color-secondary,#555);display:inline-block;font-size:.9em;padding:8px 12px;text-decoration:none;transition:background-color .2s ease}.return-link:hover{background-color:#e0e0e0;background-color:var(--background-color-offset-hover,#e0e0e0);color:#333;color:var(--text-color,#333);text-decoration:none}.dark-mode .policy-page-container{background-color:#2c2c2c;background-color:var(--dm-background-color-light,#2c2c2c);border-color:#444;border-color:var(--dm-border-color,#444);color:#ccc;color:var(--dm-text-color,#ccc)}.dark-mode .policy-page-container h1{color:#58a6ff;color:var(--dm-primary-color,#58a6ff)}.dark-mode .policy-page-container h2{border-bottom-color:#555;border-bottom-color:var(--dm-border-color-light,#555);color:#bbb;color:var(--dm-secondary-color,#bbb)}.dark-mode .policy-page-container a{color:#58a6ff;color:var(--dm-accent-color,#58a6ff)}.dark-mode .return-link-bottom{border-top-color:#555;border-top-color:var(--dm-border-color-light,#555)}.dark-mode .return-link{background-color:#3a3a3a;background-color:var(--dm-background-color-offset,#3a3a3a);color:#aaa;color:var(--dm-text-color-secondary,#aaa)}.dark-mode .return-link:hover{background-color:#4f4f4f;background-color:var(--dm-background-color-offset-hover,#4f4f4f);color:#ccc;color:var(--dm-text-color,#ccc)}.about-page{margin:24px auto;max-width:820px;padding:0 16px 48px}.about-hero{margin-bottom:24px;padding:48px 24px 36px;text-align:center}.about-hero-icon{line-height:1;margin-bottom:14px}.about-hero-logo{display:block;height:80px;margin:0 auto;object-fit:contain;width:80px}.about-hero-title{color:#222;color:var(--text-color,#222);font-size:2.4rem;font-weight:800;letter-spacing:-.5px;margin:0 0 10px}.about-hero-sub{color:#666;color:var(--text-color-secondary,#666);font-size:1.1rem;line-height:1.5;margin:0}.about-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:28px 32px}.about-card p{color:#444;color:var(--text-color,#444);font-size:15px;line-height:1.75;margin:0 0 14px}.about-card p:last-child{margin-bottom:0}.about-section-title{color:#222;color:var(--text-color,#222);font-size:1.25rem;font-weight:700;margin:0 0 16px}.about-card-highlight{background:linear-gradient(135deg,#fffde7,#fff8e1);border-color:#f9a825}.about-bakery-inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:28px}.about-bakery-text{flex:1 1;min-width:220px}.about-bakery-text p{color:#7a6055}.about-bakery-btn{background:#f9a825;border-radius:8px;box-shadow:0 2px 6px #f9a82559;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin-top:8px;padding:10px 22px;text-decoration:none;transition:background .18s,transform .12s}.about-bakery-btn:hover{background:#f57f17;transform:translateY(-1px)}.about-bakery-logo{align-items:center;display:flex;flex-shrink:0;justify-content:center}.about-bakery-logo-img{display:block;height:auto;max-width:100%;transition:opacity .2s;width:200px}.about-bakery-logo a:hover .about-bakery-logo-img{opacity:.85}.about-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:4px}.about-feature{align-items:flex-start;background:#f8f9fa;border:1px solid #eee;border-radius:10px;display:flex;gap:14px;padding:14px 16px}.about-feature-icon{flex-shrink:0;font-size:26px;line-height:1;margin-top:2px}.about-feature strong{color:#222;color:var(--text-color,#222);display:block;font-size:14px;font-weight:700;margin-bottom:4px}.about-feature p{color:#666!important;color:var(--text-color-secondary,#666)!important;font-size:13px!important;line-height:1.5!important;margin:0!important}.about-card-closing{background:#f1f8f1;border-color:#c8e6c9}.about-card-closing p{color:#2e4a2e}.about-closing-sign{font-size:15px!important;font-style:italic}.about-closing-name{color:#1b5e20!important;font-size:16px!important;font-weight:700;margin-top:4px!important}.about-social-links{display:flex;flex-wrap:wrap;gap:16px}.about-social-link{align-items:center;border:1.5px solid #4a90d9;border:1.5px solid var(--accent-color,#4a90d9);border-radius:10px;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 18px;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .12s}.about-social-link,.about-social-link:hover{color:#4a90d9;color:var(--accent-color,#4a90d9)}.about-social-link:hover{background:#f5f5f5;background:var(--bg-hover,#f5f5f5);border-color:#4a90d9;border-color:var(--accent-color,#4a90d9);transform:translateY(-1px)}.about-social-icon{flex-shrink:0;height:22px;width:22px}body.dark-mode .about-hero-title{color:#f0f0f0}body.dark-mode .about-hero-sub{color:#aaa}body.dark-mode .about-card{background:#1e1e1e;border-color:#333}body.dark-mode .about-card p{color:#ccc}body.dark-mode .about-section-title{color:#e0e0e0}body.dark-mode .about-card-highlight{background:linear-gradient(135deg,#2e2200,#3a2c00);border-color:#f9a825}body.dark-mode .about-bakery-text p{color:#b0a090}body.dark-mode .about-feature{background:#2a2a2a;border-color:#3a3a3a}body.dark-mode .about-feature strong{color:#e0e0e0}body.dark-mode .about-feature p{color:#aaa!important}body.dark-mode .about-card-closing{background:#0d200d;border-color:#2e7d32}body.dark-mode .about-card-closing p{color:#a5d6a7}body.dark-mode .about-closing-name{color:#81c784!important}.acct-page{margin:24px auto;max-width:860px;padding:0 16px 40px}.acct-loading{color:#666;color:var(--text-color-secondary,#666);padding:60px 20px;text-align:center}.acct-header{gap:20px;margin-bottom:24px}.acct-avatar,.acct-header{align-items:center;display:flex}.acct-avatar{background-color:#2196f3;background-color:var(--primary-color,#2196f3);border-radius:50%;color:#fff;flex-shrink:0;font-size:28px;font-weight:700;height:64px;justify-content:center;width:64px}.acct-header-info{flex:1 1;min-width:0}.acct-name{color:#222;color:var(--text-color,#222);font-size:1.6rem;font-weight:700;margin:0 0 2px}.acct-email{color:#666;color:var(--text-color-secondary,#666);font-size:14px;margin:0 0 10px}.acct-badges{display:flex;flex-wrap:wrap;gap:6px}.acct-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.acct-badge-admin{background:#e3f2fd;color:#1565c0}.acct-badge-lifetime{background:#fff8e1;color:#f57f17}.acct-badge-trial{background:#e8f5e9;color:#2e7d32}.acct-badge-sub{background:#e8f5e9;color:#1b5e20}.acct-badge-auth{background:#f3e5f5;color:#6a1b9a}.acct-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.acct-stat{align-items:center;background:#fff;background:var(--card-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;box-shadow:0 1px 4px #0000000f;display:flex;flex:1 1;flex-direction:column;min-width:110px;padding:14px 16px;text-align:center}.acct-stat-trial{background:#f1f8f1;border-color:#81c784}.acct-stat-num{color:#2196f3;color:var(--primary-color,#2196f3);font-size:1.6rem;font-weight:700;line-height:1.1}.acct-stat-date{font-size:.9rem}.acct-stat-trial .acct-stat-num{color:#2e7d32}.acct-stat-label{color:#888;color:var(--text-color-secondary,#888);font-size:11px;letter-spacing:.4px;margin-top:4px;text-transform:uppercase}.acct-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:10px;box-shadow:0 1px 4px #0000000f;margin-bottom:20px;padding:20px 24px}.acct-card-title{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color,#eee);color:#333;color:var(--text-color,#333);font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:10px}.acct-access-row{align-items:flex-start;border-radius:8px;display:flex;gap:14px;margin-bottom:10px;padding:12px 14px}.acct-access-row:last-child{margin-bottom:0}.acct-access-row p{color:#555;color:var(--text-color-secondary,#555);font-size:13.5px;line-height:1.5;margin:4px 0 0}.acct-access-icon{flex-shrink:0;font-size:20px;line-height:1.3}.acct-access-lifetime{background:#fff8e1}.acct-access-admin{background:#e3f2fd}.acct-access-trial{background:#e8f5e9}.acct-access-expired{background:#fff3e0}.acct-access-free,.acct-access-sub{background:#e8f5e9}.acct-cancel-warning{color:#e65100;font-weight:600}.acct-subscribe-cta{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px}.acct-subscribe-cta p{font-size:14px;margin:0}.acct-subscribe-btn{background:#2196f3;background:var(--primary-color,#2196f3);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;padding:8px 18px;text-decoration:none;white-space:nowrap}.acct-subscribe-btn:hover:not(:disabled){opacity:.88}.acct-subscribe-btn:disabled{cursor:not-allowed;opacity:.6}.acct-info-grid{display:flex;flex-direction:column;gap:0}.acct-info-row{align-items:baseline;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border-color,#f0f0f0);display:flex;gap:12px;padding:10px 0}.acct-info-row:last-child{border-bottom:none}.acct-info-label{color:#888;color:var(--text-color-secondary,#888);flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:.4px;min-width:130px;text-transform:uppercase}.acct-info-value{color:#333;color:var(--text-color,#333);font-size:14px}.acct-table-wrapper{overflow-x:auto}.acct-table{border-collapse:collapse;font-size:13.5px;width:100%}.acct-table thead th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#555;font-size:12px;font-weight:600;letter-spacing:.3px;padding:8px 12px;text-align:left;text-transform:uppercase}.acct-table tbody tr{border-bottom:1px solid #f0f0f0}.acct-table tbody tr:hover{background:#fafafa}.acct-table td{color:#333;color:var(--text-color,#333);padding:10px 12px;vertical-align:top}.acct-td-date{color:#888;font-size:12.5px;white-space:nowrap}.acct-td-type{text-transform:capitalize;white-space:nowrap}.acct-status{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;text-transform:capitalize}.acct-status-new{background:#e3f2fd;color:#1565c0}.acct-status-open{background:#fff8e1;color:#f57f17}.acct-status-resolved{background:#e8f5e9;color:#2e7d32}.acct-status-closed{background:#f5f5f5;color:#757575}.acct-muted{color:#888;color:var(--text-color-secondary,#888);font-size:14px}.acct-error{color:#c62828;font-size:13px}body.dark-mode .acct-name{color:#f0f0f0}body.dark-mode .acct-email{color:#aaa}body.dark-mode .acct-badge-admin{background:#1a3a5c;color:#90caf9}body.dark-mode .acct-badge-lifetime{background:#3a2e00;color:#ffe082}body.dark-mode .acct-badge-sub,body.dark-mode .acct-badge-trial{background:#1a3a1a;color:#a5d6a7}body.dark-mode .acct-badge-auth{background:#2e1a3a;color:#ce93d8}body.dark-mode .acct-stat{background:#2a2a2a;border-color:#444}body.dark-mode .acct-stat-trial{background:#1a2e1a;border-color:#388e3c}body.dark-mode .acct-stat-label{color:#aaa}body.dark-mode .acct-card{background:#1e1e1e;border-color:#333}body.dark-mode .acct-card-title{border-bottom-color:#333;color:#e0e0e0}body.dark-mode .acct-access-lifetime{background:#2e2500}body.dark-mode .acct-access-admin{background:#0d2137}body.dark-mode .acct-access-trial{background:#0d200d}body.dark-mode .acct-access-expired{background:#2e1a00}body.dark-mode .acct-access-free,body.dark-mode .acct-access-sub{background:#0d200d}body.dark-mode .acct-access-row p{color:#bbb}body.dark-mode .acct-subscribe-cta{background:#2a2a2a}body.dark-mode .acct-subscribe-cta p{color:#ccc}body.dark-mode .acct-info-row{border-bottom-color:#333}body.dark-mode .acct-info-label{color:#888}body.dark-mode .acct-info-value{color:#e0e0e0}body.dark-mode .acct-table thead th{background:#2a2a2a;border-bottom-color:#444;color:#aaa}body.dark-mode .acct-table tbody tr{border-bottom-color:#2a2a2a}body.dark-mode .acct-table tbody tr:hover{background:#ffffff08}body.dark-mode .acct-table td{color:#e0e0e0}body.dark-mode .acct-td-date{color:#888}body.dark-mode .acct-status-new{background:#0d2137;color:#90caf9}body.dark-mode .acct-status-open{background:#2e2500;color:#ffe082}body.dark-mode .acct-status-resolved{background:#0d200d;color:#a5d6a7}body.dark-mode .acct-status-closed{background:#2a2a2a;color:#888}.acct-noaccess-banner{align-items:flex-start;background:#fff3e0;border:1px solid #3fa8ab;border-left-width:4px;border-radius:10px;display:flex;gap:14px;margin-bottom:20px;padding:16px 20px}.acct-noaccess-icon{flex-shrink:0;font-size:22px;margin-top:1px}.acct-noaccess-banner strong{color:#e65100;display:block;font-size:15px;font-weight:700;margin-bottom:4px}.acct-noaccess-banner p{color:#bf360c;font-size:13.5px;line-height:1.5;margin:0}body.dark-mode .acct-noaccess-banner{background:#2e1a00;border-color:#3fa8ab}body.dark-mode .acct-noaccess-banner strong{color:#ffb74d}body.dark-mode .acct-noaccess-banner p{color:#ffcc80}.acct-trial-started-banner{align-items:flex-start;background:#e8f5e9;border:1.5px solid #43a047;border-radius:10px;display:flex;gap:14px;margin-bottom:20px;padding:16px 18px;position:relative}.acct-trial-started-icon{flex-shrink:0;font-size:28px;line-height:1}.acct-trial-started-banner>div{flex:1 1}.acct-trial-started-banner strong{color:#2e7d32;display:block;font-size:15px;font-weight:700;margin-bottom:4px}.acct-trial-started-banner p{color:#388e3c;font-size:13.5px;line-height:1.5;margin:0}.acct-trial-started-close{align-self:flex-start;background:none;border:none;color:#555;cursor:pointer;flex-shrink:0;font-size:18px;line-height:1;padding:0 4px}.acct-trial-started-close:hover{color:#111}body.dark-mode .acct-trial-started-banner{background:#1b2e1b;border-color:#66bb6a}body.dark-mode .acct-trial-started-banner strong{color:#a5d6a7}body.dark-mode .acct-trial-started-banner p{color:#81c784}body.dark-mode .acct-trial-started-close{color:#aaa}.acct-stat-no-trial{background:#f5f5f5;border-color:#bdbdbd}body.dark-mode .acct-stat-no-trial{background:#2a2a2a;border-color:#555}.acct-access-no-trial{background:#e8f5e9;border-left:4px solid #43a047}body.dark-mode .acct-access-no-trial{background:#0d200d;border-left-color:#388e3c}.acct-subscribe-btn-sm{background:#2196f3;background:var(--primary-color,#2196f3);border-radius:8px;box-shadow:0 2px 6px #2196f340;color:#fff;display:inline-block;font-size:13px;font-weight:700;margin-top:10px;padding:8px 18px;text-decoration:none;transition:background .18s,transform .12s}.acct-subscribe-btn-sm:hover{background:#1565c0;transform:translateY(-1px)}.acct-plan-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.acct-subscribe-btn-monthly{background:#2196f3;background:var(--primary-color,#2196f3);margin-top:0}.acct-subscribe-btn-annual{background:#1b7a3e;box-shadow:0 2px 6px #1b7a3e40;margin-top:0}.acct-subscribe-btn-annual:hover{background:#155c2f;transform:translateY(-1px)}.acct-start-trial-btn{background:#43a047;border:none;border-radius:8px;box-shadow:0 2px 6px #43a0474d;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-top:10px;padding:10px 22px;transition:background .18s,transform .12s}.acct-start-trial-btn:hover{background:#2e7d32;transform:translateY(-1px)}.acct-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.acct-modal{background:#fff;background:var(--card-background,#fff);border-radius:16px;box-shadow:0 8px 40px #0003;max-width:480px;padding:36px 32px;text-align:center;width:100%}.acct-modal-icon{font-size:48px;line-height:1;margin-bottom:14px}.acct-modal-title{color:#222;color:var(--text-color,#222);font-size:1.4rem;font-weight:800;margin:0 0 12px}.acct-modal-body{color:#555;color:var(--text-color,#555);font-size:15px;line-height:1.6;margin:0 0 16px}.acct-modal-list{display:inline-block;list-style:none;margin:0 0 16px;padding:0}.acct-modal-list li{color:#444;color:var(--text-color,#444);font-size:14px;padding:4px 0 4px 20px;position:relative}.acct-modal-list li:before{color:#43a047;content:"✓";font-weight:700;left:0;position:absolute}.acct-modal-note{color:#888;font-size:12.5px;line-height:1.5;margin:0 0 20px}.acct-modal-actions{display:flex;flex-direction:column;gap:10px}.acct-modal-confirm-btn{background:#43a047;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:13px 24px;transition:background .18s}.acct-modal-confirm-btn:hover:not(:disabled){background:#2e7d32}.acct-modal-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.acct-modal-cancel-btn{background:#0000;border:1px solid #ddd;border-radius:8px;color:#888;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .15s}.acct-modal-cancel-btn:hover:not(:disabled){background:#f5f5f5}body.dark-mode .acct-modal{background:#1e1e1e;box-shadow:0 8px 40px #00000080}body.dark-mode .acct-modal-title{color:#f0f0f0}body.dark-mode .acct-modal-body{color:#ccc}body.dark-mode .acct-modal-list li{color:#bbb}body.dark-mode .acct-modal-note{color:#666}body.dark-mode .acct-modal-cancel-btn{border-color:#444;color:#aaa}body.dark-mode .acct-modal-cancel-btn:hover:not(:disabled){background:#2a2a2a}.acct-card-danger{border:1px solid #fca5a5}.acct-delete-btn{background:#0000;border:1.5px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 20px;transition:background .15s,color .15s}.acct-delete-btn:hover{background:#dc2626;color:#fff}.acct-delete-confirm-input{border:1.5px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;margin-bottom:12px;padding:10px 12px;width:100%}.acct-modal-confirm-btn-danger{background:#dc2626}.acct-modal-confirm-btn-danger:hover:not(:disabled){background:#b91c1c}.acct-trial-started-link{color:#3fa8ab;font-weight:600}body.dark-mode .acct-card-danger{border-color:#7f1d1d}body.dark-mode .acct-delete-btn{border-color:#f87171;color:#f87171}body.dark-mode .acct-delete-btn:hover{background:#7f1d1d;border-color:#7f1d1d;color:#fca5a5}body.dark-mode .acct-delete-confirm-input{background:#2a2a2a;border-color:#444;color:#f0f0f0}.acct-deletion-pending-banner{align-items:flex-start;background:#fff8e1;border:1.5px solid #f59e0b;border-radius:10px;color:#92400e;display:flex;gap:14px;margin-bottom:24px;padding:16px 20px}.acct-deletion-pending-banner strong{display:block;font-size:15px;margin-bottom:4px}.acct-deletion-pending-banner p{font-size:13.5px;line-height:1.5;margin:0}.acct-deletion-pending-icon{flex-shrink:0;font-size:22px;margin-top:1px}.acct-modal-list{color:#333;color:var(--text-color,#333);font-size:13.5px;line-height:1.8;margin:8px 0 12px;padding-left:20px;text-align:left}body.dark-mode .acct-deletion-pending-banner{background:#2d2000;border-color:#b45309;color:#fcd34d}.sidebar{background-color:var(--bg-secondary);box-shadow:2px 0 5px #0000001a;color:var(--text-primary);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;width:250px;z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;overflow:hidden;padding:12px 20px}.sidebar-header a{display:block;line-height:0;max-width:100%}.sidebar-logo-img{display:block;height:auto;max-width:100%;width:135px}@media (max-width:768px){.sidebar-logo-img{max-width:calc(100% - 16px);width:110px}}.sidebar-nav{flex:1 1;overflow-y:auto;padding:10px 0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin:5px 0;position:relative}.sidebar-link{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;margin:0 8px;padding:12px 20px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-link:hover{background-color:var(--hover-color);color:var(--primary-color)}.sidebar-menu-item.active>.sidebar-link{background-color:var(--primary-color);color:#fff}.sidebar-icon{font-size:1.2rem;margin-right:12px;text-align:center;width:20px}.sidebar-submenu{list-style:none;margin:5px 0 5px 30px;padding:0}.sidebar-submenu-item{margin:2px 0}.sidebar-submenu-item.no-number>.sidebar-submenu-link{color:#222;color:var(--text-primary,#222);font-weight:600}.sidebar-submenu-link{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;padding:10px 15px 10px 40px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-submenu-link:hover{background-color:var(--hover-color);color:var(--primary-color)}.sidebar-submenu-item.active>.sidebar-submenu-link{background-color:var(--primary-color);color:#fff}.sidebar-bottom{border-top:1px solid var(--border-color);margin-top:auto;padding-top:10px}.logout-link{color:var(--text-error)}.sidebar-admin-link{border-left:3px solid #f57f17}.sidebar-admin-link:hover{background-color:#f57f1714}.sidebar-admin-section{margin:2px 0}.sidebar-admin-toggle{align-items:center;background:none;border:none;border-left:3px solid #f57f17;cursor:pointer;display:flex;gap:0;text-align:left;width:100%}.sidebar-admin-toggle:hover{background-color:#f57f1714}.sidebar-admin-toggle.expanded{background-color:#f57f170f}.sidebar-expand-arrow{font-size:12px;margin-left:auto;opacity:.7;padding-right:4px}.sidebar-admin-submenu{border-left:3px solid #f57f174d;margin:2px 0 4px 16px;padding:0}.sidebar-menu-item.sidebar-account-link{margin:5px 0;padding-left:0}.sidebar-menu-item.sidebar-account-link>.sidebar-link{margin:0 8px;padding:12px 20px}.sidebar-beta-badge{background-color:#e65c00;border-radius:10px;color:#fff;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.04em;margin-left:auto;padding:2px 6px;text-transform:uppercase}@media (max-width:768px){.sidebar{overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);transition:transform .28s ease;width:280px;z-index:200}.sidebar.sidebar-mobile-open{transform:translateX(0)}.sidebar-backdrop{background:#00000073;inset:0;position:fixed;z-index:199}.sidebar-submenu{display:block;margin-left:16px}.sidebar-submenu-link{padding:10px 12px}}.sidebar-unit-toggles{border-top:1px solid var(--border-color);margin-top:auto;padding:15px 20px}.step-number{align-items:center;background-color:#444;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;margin-right:10px;transition:all .2s ease;width:24px}.sidebar-submenu-link .step-number.status-completed{background-color:#4caf50;box-shadow:0 0 5px #4caf50b3;color:#fff}.sidebar-submenu-link .step-number.status-incomplete{background-color:#f44336;box-shadow:0 0 5px #f44336b3;color:#fff}.sidebar-submenu-link .step-number.status-neutral{background-color:#444;color:#fff}.sidebar-submenu-link .step-number.status-warning{background-color:#f9a825;box-shadow:0 0 5px #f9a825b3;color:#fff}.sidebar-submenu-item.active .step-number.status-warning{background-color:#f9a825;box-shadow:0 0 8px #f9a82599}.sidebar-submenu-item.active .step-number.status-completed{background-color:#4caf50;box-shadow:0 0 8px #4caf5099}.sidebar-submenu-item.active .step-number.status-incomplete{background-color:#f44336;box-shadow:0 0 8px #f4433699}.sidebar-submenu-item.active .step-number.status-neutral{background-color:#555}.sidebar-submenu-link:hover .step-number{filter:brightness(1.1)}.sidebar .toggle-container{font-size:.8rem;justify-content:space-between;width:100%}.sidebar .unit-label-left,.sidebar .unit-label-right{color:var(--text-secondary)}.sidebar .switch{margin:0 8px}.dark-mode-toggle,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;border-radius:50%;cursor:pointer;font-size:24px;height:40px;justify-content:center;padding:8px;transition:background-color .3s;width:40px}.theme-toggle.light{background-color:#f0f0f0}.theme-toggle.dark{background-color:#333}.theme-toggle:hover{background-color:var(--hover-color)}.site-footer{background-color:#2c3e50;background-color:var(--footer-background-color,var(--neutral-color-dark,#2c3e50));border-top:1px solid #34495e;border-top:1px solid var(--border-color,#34495e);color:#ecf0f1;color:var(--footer-text-color,var(--neutral-color-light,#ecf0f1));font-size:.9em;margin-top:auto;padding:15px 20px;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px}.footer-links{margin-bottom:10px}.footer-links a{color:#3498db;color:var(--footer-link-color,var(--accent-color-light,#3498db));margin:0 10px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-link-separator{color:#7f8c8d;color:var(--footer-separator-color,var(--neutral-color,#7f8c8d));margin:0 5px}.footer-copyright{font-size:.85em}@media (min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}.footer-links{margin-bottom:0}}.dashboard-layout{background-color:#fff;background-color:var(--bg-primary,#fff);display:flex;min-height:100vh;width:100%}.dashboard-content{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:250px;padding:20px;transition:margin-left .3s ease}.dashboard-content .content-wrapper{flex-grow:1}.dashboard-sticky-header{align-items:center;background-color:var(--bg-primary);box-sizing:border-box;display:flex;padding-bottom:5px;padding-right:16px;padding-top:10px;position:fixed;top:0;transition:transform .3s ease,opacity .3s ease;width:calc(100% - 250px);z-index:201}@media (max-width:768px){.dashboard-sticky-header.header-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}}.beta-badge{align-self:center;background-color:#e67e00;border-radius:4px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.08em;line-height:1;padding:2px 7px;text-transform:uppercase;white-space:nowrap}.attribution{color:var(--text-secondary);font-size:.9rem;margin-right:16px;padding:8px 0 8px 8px;text-align:right;white-space:nowrap}@media (max-width:480px){.attribution{display:none}}.attribution a{color:var(--text-primary);font-weight:500;text-decoration:none}.attribution a:hover{text-decoration:underline}.content-wrapper{min-height:calc(100vh - 40px)}.content-wrapper,.content-wrapper--account-variant{background-color:#f8f8f8;background-color:var(--bg-secondary,#f8f8f8);border-radius:10px;box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--shadow-color,#0000001a)}.content-wrapper--account-variant{margin:0;padding:10px}.dark-mode .dashboard-content{background-color:#1a1a1a;background-color:var(--bg-primary,#1a1a1a);color:#fff;color:var(--text-primary,#fff)}.dark-mode .content-wrapper,.dark-mode .content-wrapper--account-variant{background-color:#2d2d2d;background-color:var(--bg-secondary,#2d2d2d)}.dashboard-header-toggles{align-items:center;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:20px;justify-content:flex-start;padding:5px 10px 5px 20px}.unit-toggle-item{align-items:center;display:flex;gap:8px}.unit-toggle-label{color:var(--text-secondary);font-size:.9em}.dashboard-header-toggles .unit-toggle{transform:scale(.85);transform-origin:center}@media (max-width:768px){.dashboard-content{margin-left:0}.dashboard-sticky-header{left:0;width:100%}.content-wrapper{min-height:calc(100vh - 30px)}.dashboard-header-toggles{gap:15px;justify-content:center;padding:5px 10px}}.hamburger-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;height:36px;justify-content:center;margin-right:4px;padding:6px;width:36px}.hamburger-btn span{background:#222;background:var(--text-primary,#222);border-radius:2px;display:block;height:2px;transition:background .2s;width:22px}@media (max-width:768px){.hamburger-btn{display:flex}}.feedback-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.feedback-modal{animation:fadeInModal .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:25px;position:relative;width:90%}@keyframes fadeInModal{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.feedback-modal-close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.8rem;position:absolute;right:15px;top:10px}.feedback-modal-close-btn:hover{color:#333}.feedback-modal h2{color:#333;font-size:1.5rem;margin-bottom:20px;margin-top:0}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:5px}.form-group input[type=email],.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-group.human-check{align-items:center;display:flex}.form-group.human-check input[type=checkbox]{margin-right:8px;width:auto}.feedback-modal-actions{display:flex;gap:10px;margin-top:20px}.cancel-feedback-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:12px 20px;transition:background-color .2s ease}.cancel-feedback-btn:hover{background-color:#5a6268}.submit-feedback-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:12px 20px;transition:background-color .2s ease}.submit-feedback-btn:hover{background-color:#0056b3}.submit-feedback-btn:disabled{background-color:#ccc;cursor:not-allowed}.feedback-error{background-color:#f2dede;border:1px solid #ebccd1;border-radius:4px;color:#d9534f;margin-bottom:15px;padding:10px}.feedback-success{background-color:#dff0d8;border:1px solid #d6e9c6;border-radius:4px;color:#3c763d;margin-bottom:15px;padding:10px}.feedback-fab{align-items:center;background-color:#007bff;border:none;border-radius:25px;bottom:20px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;height:50px;justify-content:center;position:fixed;right:20px;text-align:center;width:130px;z-index:1000}.feedback-fab:hover{background-color:#0056b3}
/*# sourceMappingURL=main.f2a0d736.css.map*/