:root{--bg: #f2f2f7;--card: #ffffff;--text: #000000;--accent: #007aff;--gray: #8e8e93;--border: #c6c6c8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg);color:var(--text);margin:0;padding:20px;display:flex;justify-content:center}.app-container{width:100%;max-width:400px}.app-header{margin-bottom:24px;padding-top:20px}.app-header h1{font-size:34px;font-weight:700;margin:0}.card{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 4px 6px #0000000d}.form-group{margin-bottom:20px}.row{display:flex;gap:16px}.half{flex:1}label{display:block;font-size:13px;font-weight:600;color:var(--gray);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.apple-select,.apple-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:#f9f9f9;font-size:17px;font-family:inherit;appearance:none;outline:none;transition:border .2s}.apple-select:focus,.apple-input:focus{border-color:var(--accent)}.result-display{margin-top:24px;padding:20px;background:#f0f8ff;border-radius:12px;text-align:center}#resultValue{display:block;font-size:48px;font-weight:700;color:var(--accent);letter-spacing:-1px}#resultLabel{color:var(--accent);font-size:17px;font-weight:500;margin-top:4px}