:root{--primary-color:#39ff14;--secondary-color:#2ae500;--background-dark:#0a0a0a;--surface-dark:#ffffff08;--surface-border:#ffffff1a;--text-primary:#fff;--text-secondary:#fff9;--accent-color:#39ff14;--danger-color:#ef4444;--success-color:#39ff14}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--background-dark);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;display:flex}.glass{background:var(--surface-dark);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-border);border-radius:12px}h1,h2,h3{letter-spacing:-.02em;font-weight:700}.text-gradient{color:var(--primary-color);text-shadow:0 0 10px #39ff1466}#root{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-container{flex-direction:column;flex:1;padding:16px 16px 80px;display:flex;overflow-y:auto}.bottom-nav{z-index:1000;-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--surface-border);background:#0a0a0acc;border-radius:20px 20px 0 0;justify-content:space-around;align-items:center;height:70px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:8px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item.active{color:var(--primary-color);text-shadow:0 0 8px #39ff1466;transform:translateY(-2px)}.nav-item svg{width:24px;height:24px;margin-bottom:4px}.card{margin-bottom:16px;padding:20px}.title{text-align:left;margin-bottom:16px;font-size:1.5rem}.btn{color:var(--text-primary);border:1px solid var(--surface-border);cursor:pointer;background:#000;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:16px;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.btn:active{transform:scale(.98)}.btn.primary{background:var(--primary-color);color:#000;border:none;box-shadow:0 0 15px #39ff1466}.btn.selected{border-color:var(--primary-color);color:var(--primary-color);background:#39ff141a;box-shadow:inset 0 0 10px #39ff1433}.result-box{text-align:center;-webkit-backdrop-filter:blur(40px);border:1px solid var(--primary-color);background:#ffffff0d;border-radius:12px;margin-top:24px;padding:24px;box-shadow:0 0 20px #39ff1433,inset 0 1px #ffffff1a}.result-value{color:var(--primary-color);text-shadow:0 0 15px #39ff1480;margin:8px 0;font-family:Inter,monospace;font-size:3.5rem;font-weight:800;line-height:1.1}.result-label{color:var(--text-primary);margin-bottom:4px;font-size:1.2rem;font-weight:700}.guide-text{color:var(--text-primary);margin-top:12px;font-size:1.1rem;font-weight:500;line-height:1.4}.native-input{border:1px solid var(--surface-border);width:100%;color:var(--text-primary);text-align:right;background:#000;border-radius:8px;outline:none;padding:16px;font-family:Inter,monospace;font-size:1.5rem;transition:all .2s}.native-input:focus{border-color:var(--primary-color);box-shadow:0 0 10px #39ff144d}.native-input::placeholder{color:var(--text-secondary);font-size:1.1rem}.input-label{color:var(--text-primary);flex-direction:column;margin-bottom:8px;font-size:1.1rem;font-weight:700;display:flex}.input-label-sub{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:.75rem;font-weight:600}.toggle-group{gap:8px;margin-bottom:16px;display:flex}.toggle-group .btn{flex:1;padding:12px 8px;font-size:.95rem}