:root{--bg: #0b0b0c;--fg: #f7f7f8;--muted: #a1a1aa;--card: #141416;--accent: #4f46e5;--border: rgba(255,255,255,.08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent}.page{display:grid;place-items:center;min-height:100svh;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.mini{width:100%;max-width:26rem;background:linear-gradient(180deg,#ffffff05,#0000000a),var(--card);border-radius:1rem;padding:clamp(1rem,4vw,1.25rem);box-shadow:0 8px 30px #00000047,0 0 0 1px #ffffff0a inset}h1{font-size:1.25rem;margin:0 0 .75rem;text-align:center}.header{margin-bottom:.75rem}.sub{margin:-.35rem 0 0;color:var(--muted);font-size:.95rem;text-align:center;line-height:1.35}.form{display:grid;gap:.75rem}.submit-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}.grid2{display:grid;gap:.75rem;grid-template-columns:1fr}.field{display:grid;gap:.35rem}.label{font-size:.92rem;color:#f7f7f8eb}.hint{margin-top:.25rem;font-size:.85rem;color:var(--muted);line-height:1.35}.num{padding:.72rem .9rem;font-size:1.06rem;border-radius:.7rem;border:1px solid var(--border);background:#0e0e11;color:var(--fg);width:100%}.compound{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.unit{height:100%;padding:.72rem .8rem;font-size:1.02rem;border-radius:.7rem;border:1px solid var(--border);background:#0e0e11;color:var(--fg)}.unit:focus-visible{box-shadow:0 0 0 3px #4f46e547;border-color:var(--accent)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:focus-visible{outline:none}.num:focus-visible,.copy:focus-visible{box-shadow:0 0 0 3px #4f46e547;border-color:var(--accent)}.total{margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.06)}.total>span{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.9rem}.total-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.total-value{font-size:1.8rem;font-weight:700;letter-spacing:.2px;text-align:left;font-variant-numeric:tabular-nums;line-height:1.1}.copy{padding:.72rem .95rem;border:1px solid var(--border);background:#15151a;color:var(--fg);border-radius:.6rem;cursor:pointer;touch-action:manipulation;transition:transform .06s ease,border-color .15s ease,background .15s ease}.copy:hover{border-color:var(--accent)}.copy:active{transform:translateY(1px)}.copy[disabled]{opacity:.6;cursor:not-allowed}.muted{color:var(--muted)}@media(prefers-reduced-motion:reduce){.copy{transition:none}.copy:active{transform:none}}@media(min-width:420px){.grid2{grid-template-columns:1fr 1fr}h1{font-size:1.35rem}.total-value{font-size:2rem}}@media(max-width:360px){.total-row{grid-template-columns:1fr}.copy{width:100%}}