*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root,html.dark{--bg:#0f1117;--bg-card:#1a1d27;--bg-card-hover:#22263a;--bg-input:#1e2130;--border:#2a2e3e;--border-hover:#3d4255;--text:#f0f0f5;--text-sub:#9ca3af;--text-muted:#6b7280;--accent:#4facfe;--accent-hover:#3b95e8;--shadow:rgba(0,0,0,.3);--tag-bg:hsla(0,0%,100%,.06);--result-bg:#141722;--btn-bg:#2a2e3e;--btn-hover:#3d4255;--btn-text:#f0f0f5}html.light{--bg:#f5f7fa;--bg-card:#fff;--bg-card-hover:#f8f9fb;--bg-input:#f0f2f5;--border:#e2e5ea;--border-hover:#c8cdd5;--text:#1a2233;--text-sub:#5a6372;--text-muted:#8c95a4;--accent:#3b82f6;--accent-hover:#2563eb;--shadow:rgba(0,0,0,.08);--tag-bg:rgba(0,0,0,.04);--result-bg:#f0f2f5;--btn-bg:#e8ebf0;--btn-hover:#d8dce5;--btn-text:#1a2233}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;transition:background .4s ease,color .4s ease;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border-bottom:1px solid var(--border);justify-content:space-between;padding:.75rem 1.5rem;position:sticky;top:0;transition:background .4s ease,border-color .4s ease;z-index:50}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{font-size:1.1rem;font-weight:700;gap:.5rem}.navbar-brand .icon{font-size:1.3rem}.navbar-actions{align-items:center;display:flex;gap:.5rem}.lang-switcher{background:var(--bg-input);border-radius:8px;display:flex;gap:2px;padding:2px}.lang-btn{background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:600;padding:.3rem .5rem;transition:all .2s ease}.lang-btn.active{background:var(--accent);color:#fff}.lang-btn:hover:not(.active),.theme-btn{color:var(--text)}.theme-btn{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.theme-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.page{margin:0 auto;max-width:800px;padding:1.5rem 1rem}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.page-subtitle{color:var(--text-sub);font-size:.9rem;margin-bottom:1.5rem}.calc-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.calc-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .2s ease}.calc-card:before{background:var(--card-color);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.calc-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:0 4px 16px var(--shadow);transform:translateY(-1px)}.calc-card:hover:before{opacity:1}.calc-card-icon{flex-shrink:0;font-size:1.8rem}.calc-card-info{flex:1;min-width:0}.calc-card-name{font-size:.95rem;font-weight:600;margin-bottom:.15rem}.calc-card-desc{color:var(--text-muted);font-size:.75rem;line-height:1.3}.calc-card-arrow{color:var(--text-muted);flex-shrink:0;font-size:1rem;transition:transform .2s ease}.calc-card:hover .calc-card-arrow{color:var(--text-sub);transform:translate(3px)}.calc-container{margin:0 auto;max-width:500px}.calc-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:background .4s ease,border-color .4s ease}.form-group{margin-bottom:1rem}.form-label{color:var(--text-sub);display:block;font-size:.8rem;font-weight:600;margin-bottom:.35rem}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.95rem;outline:none;padding:.6rem .75rem;transition:border-color .2s ease;width:100%}.form-input:focus{border-color:var(--accent)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-size:.95rem;outline:none;padding:.6rem 2rem .6rem .75rem;width:100%}.form-select:focus{border-color:var(--accent)}.form-row{display:flex;gap:.75rem}.form-row>*{flex:1}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;padding:.6rem 1.25rem;transition:all .2s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--btn-bg);color:var(--btn-text)}.btn-secondary:hover{background:var(--btn-hover)}.btn-block{width:100%}.result-box{background:var(--result-bg);border:1px solid var(--border);border-radius:12px;margin-top:1rem;padding:1rem 1.25rem;transition:background .4s ease,border-color .4s ease}.result-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.35rem;text-transform:uppercase}.result-value{color:var(--accent);font-size:1.6rem;font-weight:700}.result-sub{color:var(--text-sub);font-size:.8rem;margin-top:.25rem}.back-link{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.85rem;gap:.35rem;margin-bottom:1rem;transition:color .2s ease}.back-link:hover{color:var(--text)}@media(max-width:480px){.navbar{padding:.6rem 1rem}.navbar-brand{font-size:.95rem}.calc-grid{grid-template-columns:1fr}.page{padding:1rem .75rem}.calc-box{padding:1.25rem}.form-row{flex-direction:column;gap:0}}