.header{background:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-sm) var(--container-padding);display:flex;justify-content:space-between;align-items:center}.header-brand{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);text-decoration:none;transition:color var(--transition-base)}.header-brand:hover{color:var(--color-primary)}.header-nav{display:flex;gap:var(--spacing-xs)}.header-link{text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base)}.header-link:hover{background-color:var(--color-background-hover);color:var(--color-text)}.header-link.active{color:var(--color-primary);background-color:#e3f2fd}@media (max-width: 640px){.header-container{padding:.875rem var(--container-padding-mobile)}.header-brand{font-size:var(--font-size-lg)}.header-link{font-size:var(--font-size-sm);padding:var(--spacing-xs) .75rem}}.footer{background:var(--color-background-alt);border-top:1px solid var(--color-border);margin-top:auto}.footer-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xl) var(--container-padding) var(--spacing-md)}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.footer-section{display:flex;flex-direction:column}.footer-brand{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.footer-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-link{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-base)}.footer-link:hover{color:var(--color-primary)}.footer-link[href^="mailto:"]{word-break:break-all}.footer-bottom{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.footer-copyright{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}@media (max-width: 640px){.footer-container{padding:var(--spacing-lg) var(--container-padding-mobile) var(--spacing-sm)}.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-copyright{font-size:var(--font-size-xs)}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1;width:100%}.home{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:var(--spacing-2xl) var(--container-padding)}.home-content{text-align:center;max-width:var(--container-max-width-narrow);width:100%}.home-content h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);font-weight:600;color:var(--color-text);letter-spacing:-.01em}.description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);color:var(--color-text-secondary);font-weight:400;line-height:1.7}.tools-links{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center}.tool-link{display:block;width:100%;max-width:400px;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-background-hover);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-base);border:1px solid var(--color-border)}.tool-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #1565c033}@media (max-width: 640px){.home{padding:var(--spacing-xl) var(--container-padding-mobile)}.home-content h1{font-size:var(--font-size-3xl)}.description{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.tool-link{font-size:var(--font-size-base);padding:.875rem var(--spacing-md)}}.tools-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.tools-container{max-width:var(--container-max-width-narrow);margin:0 auto}.tools-page h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:600;letter-spacing:-.02em;text-align:center}.tools-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-weight:400;text-align:center}.tools-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tool-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-base)}.tool-item:hover{border-color:var(--color-primary);background:var(--color-background-hover);transform:translate(4px)}.tool-content{flex:1}.tool-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:var(--color-text);font-weight:600}.tool-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:0}.tool-arrow{font-size:var(--font-size-2xl);color:var(--color-text-muted);margin-left:var(--spacing-sm);transition:all var(--transition-base);flex-shrink:0}.tool-item:hover .tool-arrow{color:var(--color-primary);transform:translate(4px)}@media (max-width: 640px){.tools-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.tools-page h1{font-size:var(--font-size-3xl)}.tools-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.tool-item{padding:var(--spacing-md)}.tool-title{font-size:var(--font-size-lg)}.tool-description{font-size:var(--font-size-sm)}.tool-arrow{font-size:var(--font-size-xl);margin-left:var(--spacing-sm)}}.loan-calculator-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.loan-calculator-container{max-width:var(--container-max-width-narrow);margin:0 auto;background:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-border)}.loan-calculator-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text);text-align:center;font-weight:600;letter-spacing:-.02em}.loan-calculator-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-weight:400;line-height:1.6}.loan-form{margin-bottom:var(--spacing-xl)}.loan-results{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.loan-results h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:600;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.result-item{text-align:center;padding:var(--spacing-md) var(--spacing-sm);background:var(--color-background-hover);border-radius:var(--radius-md);border:1px solid var(--color-border)}.result-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.result-value{font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:600}@media (max-width: 640px){.loan-calculator-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.loan-calculator-container{padding:var(--spacing-lg) var(--spacing-md)}.loan-calculator-container h1{font-size:var(--font-size-3xl)}.loan-calculator-description{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.form-actions{flex-direction:column}.btn-calculate,.btn-reset{width:100%}.results-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.result-value{font-size:var(--font-size-xl)}}.content-section{padding:var(--spacing-xl) var(--container-padding);background:var(--color-background);border-top:1px solid var(--color-border)}.content-section-container{max-width:800px;margin:0 auto}.content-section-container h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg);color:var(--color-text);font-weight:600;line-height:1.3}.content-section-container h2:first-child{margin-top:0}.content-section-container p{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.content-section-container ol,.content-section-container ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.content-section-container li{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.content-section-container dl{margin-bottom:var(--spacing-md)}.content-section-container dt{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.content-section-container dd{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text-secondary);margin-left:var(--spacing-md);margin-bottom:var(--spacing-sm)}@media (max-width: 640px){.content-section{padding:var(--spacing-lg) var(--container-padding-mobile)}.content-section-container h2{font-size:var(--font-size-xl)}}.bmi-calculator-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.bmi-calculator-container{max-width:var(--container-max-width-narrow);margin:0 auto;background:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-border)}.bmi-calculator-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text);text-align:center;font-weight:600;letter-spacing:-.02em}.bmi-calculator-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-weight:400;line-height:1.6}.bmi-form{margin-bottom:3rem}.form-group input{width:100%;padding:.875rem 1rem;font-size:1rem;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#212121;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a}.form-group input::placeholder{color:#9e9e9e}.bmi-results{margin-top:3rem;padding-top:3rem;border-top:1px solid #e0e0e0}.bmi-results h2{font-size:1.5rem;margin-bottom:2rem;color:#212121;font-weight:600;text-align:center}.results-content{text-align:center;margin-bottom:2.5rem}.bmi-value-container{margin-bottom:1rem}.bmi-label{font-size:.9375rem;color:#616161;margin-bottom:.5rem;font-weight:500}.bmi-value{font-size:3.5rem;font-weight:700;margin:.5rem 0;letter-spacing:-.02em}.bmi-value.underweight{color:#42a5f5}.bmi-value.normal{color:#66bb6a}.bmi-value.overweight{color:#ffa726}.bmi-value.obese{color:#ef5350}.bmi-category{display:inline-block;padding:.5rem 1.5rem;border-radius:20px;font-size:1.125rem;font-weight:600;margin-top:.5rem}.bmi-category.underweight{background:#e3f2fd;color:#1976d2}.bmi-category.normal{background:#e8f5e9;color:#388e3c}.bmi-category.overweight{background:#fff3e0;color:#f57c00}.bmi-category.obese{background:#ffebee;color:#c62828}.bmi-reference{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e0e0e0}.bmi-reference h3{font-size:1.125rem;margin-bottom:1rem;color:#212121;font-weight:600;text-align:center}.reference-list{display:flex;flex-direction:column;gap:.75rem}.reference-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f5f5f5;border-radius:6px;font-size:.9375rem}.reference-label{font-weight:500;color:#424242}.reference-range{color:#616161;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace}@media (max-width: 640px){.bmi-calculator-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.bmi-calculator-container{padding:var(--spacing-lg) var(--spacing-md)}.bmi-calculator-container h1{font-size:2rem}.bmi-calculator-description{font-size:1rem;margin-bottom:2rem}.form-actions{flex-direction:column}.btn-calculate,.btn-reset{width:100%}.bmi-value{font-size:3rem}.bmi-category{font-size:1rem;padding:.5rem 1.25rem}.reference-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.unit-converter-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.unit-converter-container{max-width:var(--container-max-width-narrow);margin:0 auto;background:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-border)}.unit-converter-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text);text-align:center;font-weight:600;letter-spacing:-.02em}.unit-converter-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-weight:400;line-height:1.6}.category-selector{display:flex;gap:1rem;margin-bottom:2.5rem;justify-content:center}.category-btn{padding:.75rem 2rem;font-size:1rem;font-weight:500;border:2px solid #e0e0e0;border-radius:6px;background:#fff;color:#616161;cursor:pointer;transition:all .2s ease}.category-btn:hover{border-color:#1565c0;color:#1565c0}.category-btn.active{background:#1565c0;color:#fff;border-color:#1565c0}.converter-form{margin-bottom:2rem}.conversion-row{display:flex;align-items:flex-end;gap:1rem;margin-bottom:2rem}.input-group{flex:1}.input-group label{display:block;font-size:.9375rem;font-weight:500;color:#424242;margin-bottom:.5rem}.input-with-select{display:flex;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;transition:all .2s ease}.input-with-select:focus-within{border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a}.input-with-select input{flex:1;padding:.875rem 1rem;font-size:1rem;border:none;background:#fff;color:#212121;outline:none}.input-with-select input::placeholder{color:#9e9e9e}.unit-select{padding:.875rem 1rem;font-size:.9375rem;border:none;border-left:1px solid #e0e0e0;background:#f5f5f5;color:#212121;cursor:pointer;outline:none;min-width:140px}.unit-select:hover{background:#eee}.swap-btn{width:48px;height:48px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;color:#616161;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.swap-btn:hover{border-color:#1565c0;color:#1565c0;background:#f5f5f5}.form-actions{display:flex;justify-content:center}.btn-reset{padding:.875rem 2rem;font-size:1rem;font-weight:500;border:1px solid #e0e0e0;border-radius:6px;background:#f5f5f5;color:#616161;cursor:pointer;transition:all .2s ease}@media (max-width: 640px){.unit-converter-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.unit-converter-container{padding:var(--spacing-lg) var(--spacing-md)}.unit-converter-container h1{font-size:2rem}.unit-converter-description{font-size:1rem;margin-bottom:2rem}.category-selector{flex-direction:column;gap:.75rem}.category-btn{width:100%}.conversion-row{flex-direction:column;align-items:stretch;gap:1.5rem}.swap-btn{width:100%;height:48px;order:3}.unit-select{min-width:120px;font-size:.875rem}}.age-calculator-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.age-calculator-container{max-width:var(--container-max-width-narrow);margin:0 auto;background:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-border)}.age-calculator-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text);text-align:center;font-weight:600;letter-spacing:-.02em}.age-calculator-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-weight:400;line-height:1.6}.age-form{margin-bottom:3rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9375rem;font-weight:500;color:#424242;margin-bottom:.5rem}.form-group input[type=date]{width:100%;padding:.875rem 1rem;font-size:1rem;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#212121;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.form-group input[type=date]:focus{outline:none;border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-calculate,.btn-reset{flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-calculate{background:#1565c0;color:#fff}.btn-calculate:hover{background:#0d47a1;transform:translateY(-1px);box-shadow:0 2px 8px #1565c04d}.btn-reset{background:#f5f5f5;color:#616161;border:1px solid #e0e0e0}.age-results{margin-top:3rem;padding-top:3rem;border-top:1px solid #e0e0e0}.age-results h2{font-size:1.5rem;margin-bottom:2rem;color:#212121;font-weight:600;text-align:center}.error-message{padding:1rem;background:#ffebee;color:#c62828;border-radius:6px;text-align:center;font-weight:500}.results-content{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.age-item{text-align:center;padding:1.5rem 1rem;background:#f5f5f5;border-radius:8px;transition:all .2s ease}.age-item:hover{background:#eee;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.age-value{font-size:2.5rem;font-weight:700;color:#1565c0;margin-bottom:.5rem;letter-spacing:-.02em}.age-label{font-size:.9375rem;color:#616161;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.age-summary{text-align:center;padding:1.5rem;background:#e3f2fd;border-radius:8px;margin-top:2rem}.age-summary p{font-size:1.125rem;color:#1976d2;line-height:1.6;margin:0}.age-summary strong{font-weight:600;color:#0d47a1}@media (max-width: 640px){.age-calculator-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.age-calculator-container{padding:var(--spacing-lg) var(--spacing-md)}.age-calculator-container h1{font-size:2rem}.age-calculator-description{font-size:1rem;margin-bottom:2rem}.form-actions{flex-direction:column}.btn-calculate,.btn-reset{width:100%}.results-content{grid-template-columns:1fr;gap:1rem}.age-value{font-size:2rem}.age-summary{padding:1.25rem}.age-summary p{font-size:1rem}}.percentage-calculator-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.percentage-calculator-container{max-width:var(--container-max-width-narrow);margin:0 auto;background:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-border)}.percentage-calculator-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text);text-align:center;font-weight:600;letter-spacing:-.02em}.percentage-calculator-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-weight:400;line-height:1.6}.tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-border)}.tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all var(--transition-base);margin-bottom:-2px}.tab:hover{color:var(--color-primary);background:var(--color-background-hover)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.percentage-form{margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:var(--font-size-base);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}.form-group input{width:100%;padding:.875rem var(--spacing-sm);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);transition:all var(--transition-base);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1565c01a}.form-group input::placeholder{color:var(--color-text-muted)}.form-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.btn-calculate,.btn-reset{flex:1;padding:.875rem var(--spacing-md);font-size:var(--font-size-base);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.btn-calculate{background:var(--color-primary);color:#fff}.btn-calculate:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #1565c04d}.btn-calculate:active{transform:translateY(0)}.btn-reset{background:var(--color-background-hover);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-reset:hover{background:#eee;color:var(--color-text)}.percentage-results{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.percentage-results h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:600;text-align:center}.result-content{text-align:center}.result-main{padding:var(--spacing-xl);background:var(--color-background-hover);border-radius:var(--radius-md);border:1px solid var(--color-border)}.result-value{font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);letter-spacing:-.02em}.result-value.increase{color:#2e7d32}.result-value.decrease{color:#c62828}.result-formula{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);line-height:1.6}.result-change{font-size:var(--font-size-base);color:var(--color-text-muted);margin-top:var(--spacing-sm);font-weight:500}@media (max-width: 640px){.percentage-calculator-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.percentage-calculator-container{padding:var(--spacing-lg) var(--spacing-md)}.percentage-calculator-container h1{font-size:var(--font-size-3xl)}.percentage-calculator-description{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.tabs{flex-direction:column;gap:0}.tab{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);border-left:3px solid transparent;margin-bottom:0}.tab.active{border-left-color:var(--color-primary);border-bottom-color:var(--color-border);background:var(--color-background-hover)}.form-actions{flex-direction:column}.btn-calculate,.btn-reset{width:100%}.result-value{font-size:2.5rem}.result-formula{font-size:var(--font-size-base)}}.word-counter-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.word-counter-container{max-width:var(--container-max-width-narrow);margin:0 auto;background:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-border)}.word-counter-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text);text-align:center;font-weight:600;letter-spacing:-.02em}.word-counter-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-weight:400;line-height:1.6}.word-counter-tool{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.input-section{display:flex;flex-direction:column}.input-label{display:block;font-size:.9375rem;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.text-input{width:100%;padding:var(--spacing-md);font-size:1rem;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text);transition:all .2s ease;box-sizing:border-box;font-family:inherit;line-height:1.6;resize:vertical;min-height:200px}.input-actions{margin-top:var(--spacing-md)}.btn-reset{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:1px solid var(--color-border);border-radius:6px;background:#f5f5f5;color:#616161;cursor:pointer;transition:all .2s ease}.results-panel{background:var(--color-background-alt);padding:var(--spacing-xl);border-radius:8px;border:1px solid var(--color-border)}.results-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-text);font-weight:600;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-item{text-align:center;padding:var(--spacing-lg) var(--spacing-md);background:#fff;border-radius:8px;border:1px solid var(--color-border);transition:all .2s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a;border-color:#1565c0}.stat-value{font-size:2rem;font-weight:700;color:#1565c0;margin-bottom:var(--spacing-xs);letter-spacing:-.02em}.stat-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.word-counter-tool{grid-template-columns:1fr;gap:var(--spacing-lg)}.stats-grid{grid-template-columns:1fr}}@media (max-width: 640px){.word-counter-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.word-counter-container{padding:var(--spacing-lg) var(--spacing-md)}.word-counter-container h1{font-size:2rem}.word-counter-description{font-size:1rem;margin-bottom:var(--spacing-lg)}.results-panel{padding:var(--spacing-lg)}.stat-value{font-size:1.75rem}}.case-converter-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.case-converter-container{max-width:var(--container-max-width-narrow);margin:0 auto;background:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-border)}.case-converter-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text);text-align:center;font-weight:600;letter-spacing:-.02em}.case-converter-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-weight:400;line-height:1.6}.case-converter-tool{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.case-btn{padding:.75rem 1rem;font-size:.9375rem;font-weight:500;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text);cursor:pointer;transition:all .2s ease}.case-btn:hover:not(:disabled){background:#1565c0;color:#fff;border-color:#1565c0;transform:translateY(-1px);box-shadow:0 2px 8px #1565c04d}.case-btn:active:not(:disabled){transform:translateY(0)}.case-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.case-converter-tool{grid-template-columns:1fr;gap:var(--spacing-lg)}.button-group{grid-template-columns:1fr}}@media (max-width: 640px){.case-converter-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.case-converter-container{padding:var(--spacing-lg) var(--spacing-md)}.case-converter-container h1{font-size:2rem}.case-converter-description{font-size:1rem;margin-bottom:var(--spacing-lg)}}.url-encoder-decoder-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.url-encoder-decoder-container{max-width:var(--container-max-width-narrow);margin:0 auto;background:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-border)}.url-encoder-decoder-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text);text-align:center;font-weight:600;letter-spacing:-.02em}.url-encoder-decoder-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-weight:400;line-height:1.6}.url-encoder-decoder-tool{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.text-input,.text-output{width:100%;padding:var(--spacing-md);font-size:1rem;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text);transition:all .2s ease;box-sizing:border-box;font-family:inherit;line-height:1.6;resize:vertical;min-height:200px}.button-group{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.action-btn{flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.encode-btn{background:#1565c0;color:#fff}.encode-btn:hover:not(:disabled){background:#0d47a1;transform:translateY(-1px);box-shadow:0 2px 8px #1565c04d}.encode-btn:active:not(:disabled){transform:translateY(0)}.decode-btn{background:#4caf50;color:#fff}.decode-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.decode-btn:active:not(:disabled){transform:translateY(0)}.input-actions,.output-actions{margin-top:var(--spacing-md)}.btn-reset,.btn-copy{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;width:100%}.btn-reset{background:#f5f5f5;color:#616161;border:1px solid var(--color-border)}.btn-reset:hover{background:#eee;color:#212121}.btn-copy{background:#1565c0;color:#fff}.btn-copy:hover:not(:disabled){background:#0d47a1;transform:translateY(-1px);box-shadow:0 2px 8px #1565c04d}.btn-copy:active:not(:disabled){transform:translateY(0)}.btn-copy:disabled{opacity:.5;cursor:not-allowed;background:#ccc}.btn-copy.copied{background:#4caf50}.btn-copy.copied:hover{background:#45a049}@media (max-width: 768px){.url-encoder-decoder-tool{grid-template-columns:1fr;gap:var(--spacing-lg)}.button-group{flex-direction:column}}@media (max-width: 640px){.url-encoder-decoder-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.url-encoder-decoder-container{padding:var(--spacing-lg) var(--spacing-md)}.url-encoder-decoder-container h1{font-size:2rem}.url-encoder-decoder-description{font-size:1rem;margin-bottom:var(--spacing-lg)}}.json-formatter-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.json-formatter-container{max-width:var(--container-max-width-narrow);margin:0 auto;background:var(--color-background);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014;border:1px solid var(--color-border)}.json-formatter-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--color-text);text-align:center;font-weight:600;letter-spacing:-.02em}.json-formatter-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-xl);font-weight:400;line-height:1.6}.json-formatter-tool{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.input-section,.output-section{display:flex;flex-direction:column}.input-label,.output-label{display:block;font-size:.9375rem;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.text-input,.text-output{width:100%;padding:var(--spacing-md);font-size:.9375rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text);transition:all .2s ease;box-sizing:border-box;line-height:1.6;resize:vertical;min-height:300px}.text-input:focus{outline:none;border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a}.text-input.error{border-color:#c62828}.text-input.error:focus{border-color:#c62828;box-shadow:0 0 0 3px #c628281a}.text-input.valid{border-color:#4caf50}.text-input.valid:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.text-output{background:var(--color-background-alt);cursor:default}.text-output:focus{outline:none;border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a}.button-group{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.action-btn{padding:.75rem 1rem;font-size:.9375rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.format-btn{background:#1565c0;color:#fff}.format-btn:hover:not(:disabled){background:#0d47a1;transform:translateY(-1px);box-shadow:0 2px 8px #1565c04d}.minify-btn{background:#ff9800;color:#fff}.minify-btn:hover:not(:disabled){background:#f57c00;transform:translateY(-1px);box-shadow:0 2px 8px #ff98004d}.validate-btn{background:#4caf50;color:#fff}.validate-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.clear-btn{background:#f5f5f5;color:#616161;border:1px solid var(--color-border)}.clear-btn:hover{background:#eee;color:#212121}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:var(--spacing-sm) var(--spacing-md);background:#ffebee;color:#c62828;border-radius:6px;font-size:.875rem;margin-bottom:var(--spacing-sm);border:1px solid #ef9a9a}.success-message{padding:var(--spacing-sm) var(--spacing-md);background:#e8f5e9;color:#2e7d32;border-radius:6px;font-size:.875rem;margin-bottom:var(--spacing-sm);border:1px solid #a5d6a7}@media (max-width: 768px){.json-formatter-tool{grid-template-columns:1fr;gap:var(--spacing-lg)}.button-group{grid-template-columns:1fr}}@media (max-width: 640px){.json-formatter-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.json-formatter-container{padding:var(--spacing-lg) var(--spacing-md)}.json-formatter-container h1{font-size:2rem}.json-formatter-description{font-size:1rem;margin-bottom:var(--spacing-lg)}}.legal-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.legal-container{max-width:var(--container-max-width-narrow);margin:0 auto}.legal-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--color-text);font-weight:600;letter-spacing:-.02em}.legal-content{line-height:1.8;color:var(--color-text)}.last-updated{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);font-style:italic}.legal-content section{margin-bottom:var(--spacing-xl)}.legal-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:600}.legal-content p{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}@media (max-width: 640px){.legal-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.legal-container h1{font-size:var(--font-size-3xl)}.legal-content h2{font-size:var(--font-size-xl)}.legal-content p{font-size:var(--font-size-base)}}.contact-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.contact-container{max-width:var(--container-max-width-narrow);margin:0 auto}.contact-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--color-text);font-weight:600;letter-spacing:-.02em}.contact-content{line-height:1.8;color:var(--color-text)}.contact-content section{margin-bottom:var(--spacing-xl)}.contact-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.contact-email-section{background:var(--color-background-alt);padding:var(--spacing-xl);border-radius:var(--border-radius);border:1px solid var(--color-border)}.contact-email-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:600}.contact-email{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.contact-email-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-base);word-break:break-all}.contact-email-link:hover{color:var(--color-primary-hover);text-decoration:underline}.contact-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin-top:var(--spacing-sm)}@media (max-width: 640px){.contact-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.contact-container h1{font-size:var(--font-size-3xl)}.contact-email-section{padding:var(--spacing-lg)}.contact-email-section h2{font-size:var(--font-size-xl)}.contact-email{font-size:var(--font-size-lg)}}.about-page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--container-padding);background:var(--color-background)}.about-container{max-width:var(--container-max-width-narrow);margin:0 auto}.about-container h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--color-text);font-weight:600;letter-spacing:-.02em}.about-content{line-height:1.8;color:var(--color-text)}.about-intro{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.about-content section{margin-bottom:var(--spacing-xl)}.about-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:600}.about-content p{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.about-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-base)}.about-link:hover{color:var(--color-primary-hover);text-decoration:underline}@media (max-width: 640px){.about-page{padding:var(--spacing-lg) var(--container-padding-mobile)}.about-container h1{font-size:var(--font-size-3xl)}.about-content h2{font-size:var(--font-size-xl)}.about-content p{font-size:var(--font-size-base)}}.App{min-height:100vh;display:flex;flex-direction:column}:root{--color-primary: #1565c0;--color-primary-hover: #0d47a1;--color-text: #212121;--color-text-secondary: #616161;--color-text-muted: #9e9e9e;--color-border: #e0e0e0;--color-background: #ffffff;--color-background-alt: #fafafa;--color-background-hover: #f5f5f5;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--container-max-width: 1200px;--container-max-width-narrow: 800px;--container-padding: 1.5rem;--container-padding-mobile: 1rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .15s ease;--transition-base: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-background);line-height:1.6}code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.container-narrow{width:100%;max-width:var(--container-max-width-narrow);margin:0 auto;padding:0 var(--container-padding)}@media (max-width: 640px){.container,.container-narrow{padding:0 var(--container-padding-mobile)}}