@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-beige:#fff5d7;--color-coral:#ff5e6c;--color-yellow:#feb300;--color-pink-leaf:#ffaaab;--color-coral-dark:#e54454;--color-coral-light:#ffe8ea;--color-yellow-dark:#d99a00;--color-yellow-light:#fff3cc;--color-white:#fff;--color-surface:#fffef8;--color-border:#f0e6c8;--color-divider:#ede0c4;--color-text-primary:#2b1d0e;--color-text-secondary:#6b5744;--color-text-muted:#a08c78;--color-text-on-coral:#fff;--color-success:#22a06b;--color-error:#d93025;--color-warning:var(--color-yellow);--color-info:#1a73e8;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #2b1d0e0f;--shadow-sm:0 1px 4px #2b1d0e14, 0 1px 2px #2b1d0e0f;--shadow-md:0 4px 12px #2b1d0e1a, 0 2px 4px #2b1d0e0f;--shadow-lg:0 8px 24px #2b1d0e1f, 0 4px 8px #2b1d0e14;--shadow-xl:0 16px 48px #2b1d0e24;--shadow-coral:0 4px 16px #ff5e6c47;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--container-max:1200px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-beige);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;display:block}a{color:var(--color-coral);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-coral-dark);text-decoration:underline}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-sans);font-size:var(--text-base)}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-bold);color:var(--color-text-primary)}p{line-height:var(--leading-relaxed)}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-coral);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--color-pink-leaf);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-beige)}::-webkit-scrollbar-thumb{background:var(--color-divider);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.container{max-width:var(--container-max);padding:0 var(--space-4);margin:0 auto}@media (width>=640px){.container{padding:0 var(--space-6)}}@media (width>=1024px){.container{padding:0 var(--space-8)}}.card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-6)}.card-elevated{box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:.625rem var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;line-height:1;display:inline-flex;text-decoration:none!important}.btn-primary{background:var(--color-coral);color:var(--color-white);box-shadow:var(--shadow-coral)}.btn-primary:hover{background:var(--color-coral-dark);color:var(--color-white);transform:translateY(-1px);box-shadow:0 6px 20px #ff5e6c61}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-white);color:var(--color-coral);border:1.5px solid var(--color-coral)}.btn-secondary:hover{background:var(--color-coral-light);color:var(--color-coral)}.btn-ghost{color:var(--color-text-secondary);border:1.5px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-beige);color:var(--color-text-primary);border-color:var(--color-divider)}.btn-lg{padding:.875rem var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-sm{padding:.375rem var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-full{width:100%}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.form-input{width:100%;padding:.625rem var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:hover{border-color:var(--color-pink-leaf)}.form-input:focus{border-color:var(--color-coral);outline:none;box-shadow:0 0 0 3px #ff5e6c26}.form-input.error{border-color:var(--color-error)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%236b5744' d='M4.646 5.646a.5.5 0 0 1 .708 0L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.form-error{font-size:var(--text-xs);color:var(--color-error);align-items:center;gap:var(--space-1);display:flex}.result-card{background:linear-gradient(135deg, var(--color-coral) 0%, #ff8a94 100%);color:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.result-label{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.9;margin-bottom:var(--space-2)}.result-value{font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.02em;line-height:1}.result-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.result-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);justify-content:space-between;align-items:center;display:flex}.result-row-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.result-row-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);align-items:center;padding:.2em .6em;line-height:1;display:inline-flex}.badge-coral{background:var(--color-coral-light);color:var(--color-coral-dark)}.badge-yellow{background:var(--color-yellow-light);color:var(--color-yellow-dark)}.badge-success{color:#166534;background:#dcfce7}.section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.section-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}thead th{background:var(--color-beige);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--color-text-secondary);border-bottom:1.5px solid var(--color-border);white-space:nowrap}tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--color-surface)}.divider{border:none;border-top:1px solid var(--color-divider);margin:var(--space-6) 0}@media print{header,footer,nav,.no-print,.ad-placeholder{display:none!important}body{color:#000;background:#fff}.card{box-shadow:none;border:1px solid #ccc}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.3s forwards fadeIn}.grid-tools{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=480px){.grid-tools{gap:var(--space-4)}}@media (width>=640px){.grid-tools{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.grid-tools{grid-template-columns:repeat(4,1fr)}}@media (width>=1280px){.grid-tools{grid-template-columns:repeat(5,1fr)}}.grid-categories{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=480px){.grid-categories{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.grid-categories{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.grid-categories{grid-template-columns:repeat(5,1fr)}}.grid-results{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=480px){.grid-results{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.grid-results{grid-template-columns:repeat(3,1fr)}}.calc-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);margin-bottom:var(--space-5)}@media (width>=640px){.calc-card{padding:var(--space-6);margin-bottom:var(--space-6)}}.calc-card h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-5)}.form-row{gap:var(--space-4);flex-direction:column;display:flex}@media (width>=600px){.form-row{flex-direction:row}.form-row .form-group{flex:1 1 0}}.btn-group{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=479px){.btn-group .btn{width:100%}}.input-group{border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;display:flex;overflow:hidden}.input-group:focus-within{border-color:var(--color-coral);box-shadow:0 0 0 3px #ff5e6c26}.input-group.has-error{border-color:var(--color-error)}.input-prefix,.input-suffix{padding:0 var(--space-3);background:var(--color-beige);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;flex-shrink:0;align-items:center;display:flex}.input-group input{padding:.625rem var(--space-3);font-size:var(--text-base);background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0}.input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.result-primary{background:linear-gradient(135deg, var(--color-coral) 0%, #ff8a94 100%);color:#fff;border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;margin-bottom:var(--space-3)}.result-primary .r-label{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.9;margin-bottom:var(--space-2)}.result-primary .r-value{font-size:clamp(1.6rem,5vw,2.5rem);font-weight:var(--font-extrabold);word-break:break-all;line-height:1.1}.result-row-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.result-row-item .r-label{font-size:var(--text-sm);color:var(--color-text-secondary);flex:1}.result-row-item .r-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);text-align:right;word-break:break-all}@media (width>=480px){.result-row-item .r-value{font-size:var(--text-lg)}}.data-table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}.data-table-wrap table{min-width:480px;margin:0}.tab-row{border-bottom:2px solid var(--color-border);margin-bottom:var(--space-5);scrollbar-width:none;display:flex;overflow-x:auto}.tab-row::-webkit-scrollbar{display:none}.tab-btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px}.tab-btn.active{color:var(--color-coral);border-bottom-color:var(--color-coral)}.rate-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.rate-btn{border-radius:var(--radius-md);border:1.5px solid var(--color-border);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);background:#fff;padding:.375rem .75rem}.rate-btn:hover,.rate-btn.rate-active{border-color:var(--color-coral);background:var(--color-coral-light);color:var(--color-coral-dark)}.content-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-5);background:#fff}@media (width>=640px){.content-section{padding:var(--space-6)}}.content-section h2{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-4)}.formula-box{background:var(--color-beige);border-left:4px solid var(--color-coral);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);margin:var(--space-4) 0;white-space:nowrap;overflow-x:auto}.disclaimer-box{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-4);line-height:var(--leading-relaxed);background:#fffbeb;border:1px solid #fbbf24}.steps-ol{counter-reset:steps;gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.steps-ol li{counter-increment:steps;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-relaxed);align-items:flex-start;display:flex}.steps-ol li:before{content:counter(steps);background:var(--color-coral);color:#fff;width:26px;height:26px;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.range-row{align-items:center;gap:var(--space-3);display:flex}.range-row input[type=range]{accent-color:var(--color-coral);flex:1;height:4px}.range-value{text-align:right;min-width:44px;font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--color-coral)}.toggle-row{border-radius:var(--radius-md);border:1.5px solid var(--color-border);width:fit-content;display:flex;overflow:hidden}.toggle-btn{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#fff;border:none;padding:.5rem 1rem}.toggle-btn.active{background:var(--color-coral);color:#fff}.hero-section{background:linear-gradient(160deg, var(--color-beige) 0%, #ffe8d6 100%);padding:clamp(2.5rem,8vw,5rem) var(--space-4) clamp(2rem,6vw,4rem);text-align:center}.hero-section h1{font-size:clamp(1.6rem,5vw,3rem);font-weight:var(--font-extrabold);letter-spacing:-.03em;margin-bottom:var(--space-3);color:var(--color-text-primary);line-height:1.2}.hero-search{max-width:560px;margin:var(--space-6) auto 0;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);border:2px solid var(--color-coral);display:flex;overflow:hidden}.hero-search input{font-size:var(--text-base);background:#fff;border:none;outline:none;flex:1;min-width:0;padding:.875rem 1.25rem}.hero-search button{background:var(--color-coral);color:#fff;font-weight:var(--font-bold);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:none;padding:.875rem 1.25rem}.page-section{padding:var(--space-10) var(--space-4)}@media (width>=640px){.page-section{padding:var(--space-12) var(--space-6)}}@media (width>=1024px){.page-section{padding:var(--space-16) var(--space-8)}}.category-card{border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;gap:var(--space-2);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;text-decoration:none!important}.category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.category-card .cat-icon{font-size:2rem;line-height:1}.category-card .cat-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary)}.category-card .cat-count{font-size:var(--text-xs);color:var(--color-text-muted)}.percent-bar-wrap{border-radius:var(--radius-full);background:var(--color-border);height:10px;margin:var(--space-3) 0;overflow:hidden}.percent-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .4s}@media (width<=767px){input[type=text],input[type=number],input[type=email],input[type=search],input[type=tel],select,textarea{font-size:16px!important}}button{min-height:36px}@media (width<=767px){button{min-height:44px}.btn-primary-full{width:100%}}@supports (padding:max(0px)){.hdr-root{padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right))}footer{padding-bottom:max(var(--space-6), env(safe-area-inset-bottom))}}body,#root{overflow-x:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}.data-table-wrap,.tab-row,.hdr-mobile-results{-webkit-overflow-scrolling:touch}@media (width<=479px){.calc-card{padding:var(--space-4)!important}.result-primary,.content-section{padding:var(--space-4)}.form-row{flex-direction:column!important}.hero-search{border-radius:var(--radius-lg);flex-direction:column}.hero-search input{border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:.75rem 1rem}.hero-search button{border-radius:0 0 var(--radius-lg) var(--radius-lg);width:100%;padding:.75rem 1rem}.breadcrumb{font-size:var(--text-xs)}}@media (width<=360px){.calc-layout-title{font-size:var(--text-2xl)!important}.calc-layout-desc{font-size:var(--text-sm)}}.hdr-root{-webkit-backdrop-filter:blur(8px);background:#ffffffeb}