*{box-sizing:border-box}
:root{color-scheme:dark;--page-bg:#060d11;--card-bg:#101c22;--input-bg:#071014;--border:#263940;--focus:#55d6be;--text:#f4fbfa;--muted:#b7c8c7;--accent:#55d6be;--hover:#20343c;--success:#74e0c9;--error:#ff8b8b}
html,body{margin:0;padding:0;min-height:100%;background:#060d11!important;color:var(--text);color-scheme:dark}
body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at top,#102027 0%,#060d11 48%,#050a0d 100%)!important}
.converter{width:100%;min-height:100vh;padding:30px 18px}
.container{width:100%;max-width:1150px;margin:auto;padding:28px;background:linear-gradient(145deg,#091217,#0d181d)!important;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.header{text-align:center;margin-bottom:28px}.header h1{margin:0 0 8px;color:#fff;font-size:32px;line-height:1.2}.header p{margin:0;color:var(--muted);font-size:15px}
.calculator-card{padding:20px;background:#101c22!important;border:1px solid var(--border);border-radius:16px}
.selector-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}.selector-row label{font-weight:700;color:#fff;white-space:nowrap}
select,input{border:1px solid #30454d;border-radius:10px;outline:none;background:#071014!important;color:#f7ffff!important;color-scheme:dark;font:14px Inter,"Segoe UI",sans-serif}
select{width:100%;max-width:650px;padding:12px 14px;cursor:pointer}input{width:100%;padding:12px 14px}
select:focus,input:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(85,214,190,.1)}
.calculator-title{margin:0 0 7px;color:#fff;font-size:21px}.calculator-description{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.6}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field label{display:block;margin-bottom:7px;color:#dce9e7;font-size:13px;font-weight:600}
.action-row{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}
button{border:1px solid var(--border);border-radius:10px;padding:11px 18px;background:#16262d!important;color:#eaf5f3!important;font:600 14px Inter,"Segoe UI",sans-serif;cursor:pointer;transition:.15s}
button:hover{transform:translateY(-1px);background:var(--hover)!important;border-color:#3e5a63}button.primary{min-width:150px;background:var(--accent)!important;color:#061311!important;border-color:var(--accent)}
button.primary:hover{background:#70e3cf!important;border-color:#70e3cf}
.result{min-height:62px;margin-top:18px;padding:15px;border:1px solid var(--border);border-radius:12px;background:#071014!important;color:var(--muted);font-size:14px;line-height:1.65;white-space:pre-wrap}.result.success{color:var(--success);border-color:#28594f}.result.error{color:var(--error);border-color:#633b3b}
footer{margin-top:20px;color:#819593;font-size:12px;text-align:center}
@media(max-width:760px){.converter{padding:15px 10px}.container{padding:17px;border-radius:15px}.header h1{font-size:25px}.selector-row{align-items:stretch;flex-direction:column}select{max-width:none}.form-grid{grid-template-columns:1fr}button{flex:1 1 auto}button.primary{width:100%}}