header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:1rem}.logo{width:200px!important;max-width:200px!important;min-width:64px!important;height:auto!important;object-fit:contain!important}.brand{font-family:Grenze,serif;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;text-align:center}.muted{color:var(--muted);font-size:.85rem;margin-top:2px;text-align:center}.header-actions{display:flex;align-items:center;gap:1rem}a.back{color:var(--accent);text-decoration:none;font-size:.9rem;transition:opacity .15s}a.back:hover{opacity:.7}main{flex:1;width:100%;max-width:680px;margin:0 auto;padding:2.5rem 2rem}.mode-row{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.mode-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.toggle-wrap{display:flex;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:3px;gap:3px;flex-wrap:wrap}.toggle-btn{background:0 0;border:none;color:var(--muted);padding:.45rem 1rem;border-radius:7px;cursor:pointer;font-family:inherit;font-size:.82rem;letter-spacing:.04em;transition:.15s}.toggle-btn.active{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(88,166,255,.3)}.toggle-btn:hover:not(.active){color:var(--text)}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:2rem}#panel-calc,#panel-s2hms{display:none}.card-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:1.5rem}.fields{display:grid;grid-template-columns:1fr;gap:1rem}.field-row{display:flex;align-items:center;gap:.75rem}.field-label{width:80px;font-size:.8rem;color:var(--muted);text-align:right;flex-shrink:0;text-transform:uppercase;letter-spacing:.06em}.field-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:1.1rem;padding:.65rem 1rem;outline:0;transition:border-color .15s}.field-input::-webkit-inner-spin-button,.field-input::-webkit-outer-spin-button{-webkit-appearance:none}.field-input:focus{border-color:var(--accent)}.field-unit{width:28px;font-size:.75rem;color:var(--muted);flex-shrink:0}.single-field{display:flex;align-items:center;gap:.75rem}.single-field .field-input{font-size:1.3rem}.calc-rows{display:flex;flex-direction:column;gap:.75rem}.calc-row{display:flex;align-items:center;gap:.5rem}.calc-sign-btn{width:34px;height:34px;flex-shrink:0;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-family:inherit;font-size:1.1rem;font-weight:700;cursor:pointer;transition:.15s}.calc-sign-btn[data-sign="-"]{color:#ff7b7b;border-color:rgba(255,123,123,.35);background:rgba(255,123,123,.08)}.calc-sign-btn[data-sign="+"]{color:var(--success);border-color:rgba(63,185,80,.3);background:var(--success-dim)}.calc-sign-btn:hover{opacity:.8}.calc-op-label{width:34px;flex-shrink:0;text-align:center;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.calc-input{flex:1;min-width:0;width:0;text-align:center;padding:.55rem .5rem;font-size:1rem}.calc-sep{color:var(--muted);font-size:.9rem;flex-shrink:0}.calc-remove-btn{width:28px;height:28px;flex-shrink:0;border-radius:8px;border:1px solid var(--border);background:0 0;color:var(--muted);cursor:pointer;font-family:inherit;font-size:1rem;line-height:1;transition:.15s}.calc-remove-btn:hover{color:#ff7b7b;border-color:rgba(255,123,123,.35)}.calc-remove-spacer{width:28px;flex-shrink:0}.calc-add-row-btn{align-self:flex-start;background:0 0;border:1px dashed var(--border);color:var(--muted);padding:.5rem 1rem;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.8rem;letter-spacing:.02em;margin-top:.9rem;transition:.15s}.calc-add-row-btn:hover{border-color:var(--accent);color:var(--accent)}.divider{display:flex;align-items:center;gap:1rem;margin:1.75rem 0}.divider-line{flex:1;height:1px;background:var(--border)}.divider-icon{color:var(--muted);font-size:1.1rem;user-select:none;animation:1.6s ease-in-out infinite bounce}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}.result-box{background:var(--success-dim);border:1px solid rgba(63,185,80,.25);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.result-value{font-size:2rem;font-weight:700;color:var(--success);letter-spacing:-.02em;line-height:1}.result-unit{font-size:.85rem;color:var(--muted)}.result-box.empty{background:var(--panel-2);border-color:var(--border)}.result-box.empty .result-value{color:var(--muted);font-size:1.2rem;font-weight:400}.actions{display:flex;gap:.6rem;margin-top:1.25rem}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:.55rem 1rem;border-radius:10px;cursor:pointer;font-family:inherit;font-size:.82rem;letter-spacing:.04em;transition:.15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-copy{margin-left:auto}.btn-copy.copied{border-color:var(--success);color:var(--success)}.history-wrap{margin-top:1.75rem;display:none}.history-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.75rem}.history-list{display:flex;flex-direction:column;gap:.4rem}.history-item{display:flex;align-items:center;justify-content:space-between;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:.5rem .85rem;font-size:.82rem;color:var(--muted);animation:.2s slideIn;cursor:pointer;transition:border-color .12s}.history-item:hover{border-color:var(--accent);color:var(--text)}.history-item .hi-from{color:var(--text)}.history-item .hi-arrow{margin:0 .5rem}.history-item .hi-to{color:var(--success)}@keyframes slideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}footer{border-top:1px solid var(--border);padding:1rem 2rem;color:var(--muted);font-size:.8rem;text-align:center}