:root{--bg: #0f172a;--bg-secondary: #1e293b;--bg-header: #1e293b;--text: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--primary: #d97706;--success: #22c55e;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.container{max-width:600px;margin:0 auto;padding:1.5rem}.app-header{background:var(--bg-header);border-bottom:1px solid var(--border);padding:1rem 0}.header-content{max-width:600px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:1.25rem;font-weight:700;color:var(--text)}.header-title a{color:inherit;text-decoration:none}.header-actions{display:flex;align-items:center}.support-btn{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .9rem;border:3px solid var(--primary);border-radius:var(--radius);background:#fff;color:#000;text-decoration:none;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1;transition:filter .2s}.support-btn:hover{filter:brightness(1.1)}.category-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.category-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;cursor:pointer;transition:all .2s;text-decoration:none}.category-btn:hover{border-color:var(--primary);color:var(--primary)}.category-btn.active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.card-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);padding:1.5rem;box-shadow:var(--shadow)}.card-section+.card-section{margin-top:1rem}.input-group{margin-bottom:1rem}.input-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.input-row{display:flex;gap:.5rem}.input-row input,.input-row select,.input-row textarea{width:100%;padding:.75rem 1rem;font-size:1.125rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);outline:none;transition:border-color .2s}.input-row input:focus,.input-row select:focus,.input-row textarea:focus{border-color:var(--primary)}.input-row select{font-size:1rem;cursor:pointer;min-width:140px}.input-row textarea{resize:vertical;min-height:100px}.input-row input.input-error{border-color:var(--danger, #e53e3e)}.input-hint{display:block;margin-top:.25rem;font-size:.85rem;color:var(--danger, #e53e3e)}.unit-field{display:flex;align-items:center;gap:.5rem}.unit-field input{width:100%;min-width:0;padding:.75rem 1rem;font-size:1.125rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);outline:none;transition:border-color .2s}.unit-field input:focus{border-color:var(--primary)}.unit-suffix{color:var(--text-secondary);font-size:.9rem;white-space:nowrap}.conversions-list{margin-top:1.5rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.conversion-row{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .15s}.conversion-row:last-child{border-bottom:none}.conversion-row:hover{background-color:var(--bg-secondary)}.conversion-row.glow{background-color:#22c55e33;transition:background-color .3s ease-out}.conversion-equals{color:var(--text-secondary);font-size:.9rem;min-width:20px;margin-right:.5rem}.conversion-value{flex:1;font-weight:600;color:var(--primary);text-align:left;font-family:monospace;font-size:1rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversion-unit{color:var(--text-secondary);font-size:.875rem;min-width:60px;text-align:right;margin-left:.75rem;flex-shrink:0}.conversion-copied{color:var(--success);font-size:.75rem;margin-left:.5rem}.precision-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.precision-row label{font-size:.875rem;color:var(--text-secondary)}.precision-row input[type=range]{width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--border);border-radius:3px;cursor:pointer}.precision-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;transition:transform .15s ease}.precision-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.precision-row input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.precision-value{font-size:.875rem;font-weight:500;min-width:2ch}.card-section .fun-facts h2{font-size:1.25rem;margin-bottom:.75rem}.card-section .fun-facts ul{list-style:none;padding-left:0}.card-section .fun-facts li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:var(--text-secondary);line-height:1.5}.card-section .fun-facts li:before{content:"•";color:var(--primary);position:absolute;left:0;font-size:1.25rem;line-height:1.4}.card-section .fun-facts li strong{color:var(--text)}.card-section .fun-facts li a{color:var(--primary);text-decoration:underline;font-weight:600}.card-section .fun-facts li a:hover{text-decoration:none}.card-section .explanatory-text h2{font-size:1.25rem;margin-bottom:.75rem}.card-section .explanatory-text p{color:var(--text-secondary);line-height:1.7}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.home-card{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:all .2s}.home-card:hover{border-color:var(--primary);transform:translateY(-2px)}.home-card h3{font-size:1.125rem;margin-bottom:.25rem}.home-card p{font-size:.875rem;color:var(--text-secondary)}.snapshot-value{display:inline-block;margin-top:.25rem;font-size:1.4rem;font-weight:700;color:var(--primary);text-decoration:none}.snapshot-value:hover{text-decoration:underline}.result-box{margin-top:1.5rem;padding:1.5rem;background:var(--bg);border:2px solid var(--primary);border-radius:var(--radius);text-align:center}.result-box .result-value{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.result-box .result-label{font-size:.875rem;color:var(--text-secondary)}.result-box .result-description{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary)}.bmi-category{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;margin-top:.5rem}.bmi-category.underweight{background:#3b82f6;color:#fff}.bmi-category.normal{background:var(--success);color:#fff}.bmi-category.overweight{background:#f59e0b;color:#fff}.bmi-category.obese{background:#ef4444;color:#fff}.calculate-btn{padding:.75rem 1.5rem;background:var(--primary);border:none;border-radius:var(--radius);color:var(--bg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.calculate-btn:hover{filter:brightness(1.1)}.calculate-btn:active{transform:scale(.98)}.app-footer{margin-top:2rem;border-top:1px solid var(--border);background:var(--bg-header)}.footer-content{max-width:600px;margin:0 auto;padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.footer-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.lang-selector{display:flex;flex-wrap:wrap;gap:.5rem}.lang-link{padding:.35rem .7rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-decoration:none;font-size:.875rem;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s}.lang-flag{font-size:1rem;line-height:1}.lang-link:hover{border-color:var(--primary);color:var(--primary)}.lang-link.active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.footer-disclaimer{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.footer-divider{height:2px;width:100%;background:var(--primary);border-radius:999px}@media(max-width:480px){.container{padding:1rem}.support-btn{padding:.4rem .7rem;font-size:.75rem}.input-row{flex-direction:column}.input-row select{min-width:100%}.footer-content{padding:1rem 1rem 1.25rem}.result-box .result-value{font-size:1.5rem}}.home-page{position:relative;isolation:isolate}.home-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 450px at 10% 0%,rgba(217,119,6,.28),transparent 60%),radial-gradient(800px 420px at 95% 10%,rgba(56,189,248,.16),transparent 55%),radial-gradient(700px 380px at 60% 85%,rgba(34,197,94,.14),transparent 55%);opacity:.9;pointer-events:none}.home-container{max-width:1040px;margin:0 auto;padding:1.75rem 1.5rem}.home-hero{overflow:hidden}.home-hero .home-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.home-hero h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.08;letter-spacing:-.02em}.home-hero p{margin-top:.75rem;color:var(--text-secondary);max-width:60ch}.home-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.home-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border:1px solid var(--border);border-radius:999px;background:#0f172a8c;color:var(--text);font-size:.85rem}.home-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}.home-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-radius:calc(var(--radius) * 1.25);border:1px solid var(--border);background:var(--bg);color:var(--text);text-decoration:none;font-weight:650;letter-spacing:.01em;transition:transform .15s ease,border-color .15s ease,filter .15s ease}.home-btn:hover{border-color:var(--primary);filter:brightness(1.05);transform:translateY(-1px)}.home-btn.primary{background:var(--primary);border-color:var(--primary);color:var(--bg)}.home-btn.primary:hover{filter:brightness(1.07)}.home-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.home-span-12{grid-column:span 12}.home-span-6{grid-column:span 6}.home-span-4{grid-column:span 4}.home-app-card{position:relative;overflow:hidden;--accent: var(--primary)}.home-app-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 55%);pointer-events:none}.home-app-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border-top:3px solid var(--accent);pointer-events:none}.home-app-card h2{font-size:1.2rem;letter-spacing:-.01em}.home-app-card p{margin-top:.5rem;color:var(--text-secondary)}.home-app-card .home-app-links{margin-top:1rem;display:grid;gap:.5rem}.home-link{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .8rem;border-radius:var(--radius);border:1px solid var(--border);background:#0f172a59;text-decoration:none;color:var(--text);transition:border-color .15s ease,transform .15s ease}.home-link:hover{border-color:var(--accent);transform:translateY(-1px)}.home-link .home-link-arrow{color:var(--text-secondary)}.home-app-footer{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.home-app-footer a{color:var(--accent);text-decoration:none;font-weight:650}.home-app-footer a:hover{text-decoration:underline}.home-search{display:grid;gap:.5rem}.home-search-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.home-search h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.home-search-count{font-size:.9rem;color:var(--text-secondary)}.home-results{display:grid;grid-template-columns:repeat(12,1fr);gap:.75rem}.home-result{grid-column:span 6;border-radius:calc(var(--radius) * 1.25);border:1px solid var(--border);background:#1e293b8c;padding:.9rem 1rem;text-decoration:none;color:var(--text);transition:border-color .15s ease,transform .15s ease}.home-result:hover{border-color:var(--primary);transform:translateY(-1px)}.home-result-title{font-weight:700}.home-result-meta{margin-top:.25rem;font-size:.9rem;color:var(--text-secondary)}.home-anim{animation:home-rise .52s cubic-bezier(.2,.85,.25,1) both}.home-anim.delay-1{animation-delay:80ms}.home-anim.delay-2{animation-delay:.14s}.home-anim.delay-3{animation-delay:.2s}@keyframes home-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.home-anim{animation:none}.home-btn,.home-link,.home-result{transition:none}}@media(max-width:860px){.home-span-6,.home-span-4,.home-result{grid-column:span 12}}@media(max-width:480px){.home-container{padding:1.25rem 1rem}.home-hero .home-hero-top{flex-direction:column}}