body{font-family:Arial,sans-serif;background:#000;margin:0;padding:0;color:#fff}@media(prefers-color-scheme:light){body{background:#fff;color:#000}}.container{margin:40px 20px 100px}label{display:block;margin-bottom:8px;font-weight:450;font-size:15px}input{width:100%;padding:14px 110px 14px 14px;border-radius:10px;border:1px solid #ccc;font-size:16px;background:#111;color:#fff;box-sizing:border-box}@media(prefers-color-scheme:light){input{background:#fff;color:#000}}.input-group{margin-bottom:20px;position:relative}.input-actions{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:flex;gap:12px;align-items:center;color:#48ff91}@media(prefers-color-scheme:light){.input-actions{color:#0500ff}}.highlight{font-weight:450;cursor:pointer}.unit{color:#aaa}.approx{font-size:14px;margin-top:-10px;margin-bottom:20px;color:#ccc}.next-btn{position:fixed;bottom:20px;left:20px;right:20px;padding:16px;font-size:16px;font-weight:700;background:#48ff91;border:none;border-radius:10px;color:#000;cursor:pointer}.next-btn:disabled{background:#2d764b;cursor:not-allowed}@media(prefers-color-scheme:light){.next-btn{background:#0500ff;color:#fff}.next-btn:disabled{background:#9b99ff}}svg{width:20px;height:20px;fill:currentColor;cursor:pointer}:root{--highlight-light: #0500ff;--highlight-dark: #48ff91}input:focus{outline:2px solid var(--highlight-color);box-shadow:none}@media(prefers-color-scheme:light){:root{--highlight-color: var(--highlight-light)}}@media(prefers-color-scheme:dark){:root{--highlight-color: var(--highlight-dark)}}.info{border:1px solid currentColor;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px}