:root{--bg: #0e0f14;--surface: #14151c;--surface-elevated: #1a1b24;--border: #2a2d38;--text: #ffffff;--text-soft: #e8e6e3;--muted: #8b8f98;--accent: #c9712e;--success: #4ade80;--radius: 10px;--radius-input: 8px;--font: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--touch-min: 44px;--label-track: .16em}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font);font-size:1rem;line-height:1.45;color:var(--text-soft);background:var(--bg);-webkit-tap-highlight-color:rgba(201,113,46,.12)}.app{max-width:520px;margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}@media(min-width:480px){.app{padding:max(2rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(3rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}}.header{margin-bottom:.25rem}.header__title{margin:0 0 .5rem;font-size:clamp(1.75rem,6vw,2.15rem);font-weight:700;letter-spacing:.04em;color:var(--text);text-transform:uppercase;line-height:1.1}.header__accent{display:inline-block;width:.42em;height:.42em;margin-left:.2em;vertical-align:.08em;background:var(--accent);border-radius:1px}.header__subtitle{margin:0;font-size:.68rem;font-weight:600;letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted)}.tabs{display:flex;gap:.35rem;margin:1.35rem 0 1.5rem;padding:3px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.tab{flex:1;min-width:0;min-height:var(--touch-min);padding:.5rem .35rem;font-family:inherit;font-size:clamp(.62rem,2.4vw,.72rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:transparent;border:none;border-radius:calc(var(--radius) - 3px);cursor:pointer;touch-action:manipulation;transition:color .15s,background .15s,border-color .15s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab:focus,.tab:focus-visible{outline:none}.tab:hover{color:var(--text-soft)}.tab.is-active{color:var(--text);background:var(--surface-elevated);box-shadow:inset 0 0 0 1px var(--border)}.panel{display:none}.panel.is-active{display:block}.hint{margin:0 0 1.25rem;font-size:.78rem;line-height:1.45;color:var(--muted)}.hint strong{color:var(--text-soft)}.field{display:flex;flex-direction:column;gap:.4rem}.field>span{font-size:.65rem;font-weight:600;letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted)}.field input{min-height:var(--touch-min);padding:.65rem .85rem;font-family:var(--mono);font-size:max(1rem,16px);font-weight:500;color:var(--text-soft);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-input);outline:none;transition:border-color .15s}.field input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.field input[type=number]::-webkit-outer-spin-button,.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field input:focus,.field input:focus-visible{outline:none;border-color:var(--accent)}.field input::placeholder{color:#5c6068}.field--solo{margin-bottom:1rem}.card{padding:1rem 1rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card__title{margin:0 0 1rem;font-size:.65rem;font-weight:700;letter-spacing:var(--label-track);text-transform:uppercase;color:var(--muted)}.form{display:flex;flex-direction:column;gap:1rem}.form--grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:stretch}.form--grid-2 .field{min-width:0}.form--grid-2 .field input{width:100%;min-width:0}@media(max-width:380px){.form--grid-2{grid-template-columns:1fr}}.result{margin-top:1.25rem;padding:1rem 1.05rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.88rem}.result dl{margin:0;display:grid;gap:.75rem}.result dt{margin:0;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.result dd{margin:0;font-family:var(--mono);font-size:1.02rem;font-weight:500;color:var(--text-soft)}.result .big{font-size:1.28rem;font-weight:600;color:var(--text)}.result--success-values dd,.result--success-values .big{color:var(--success)}.footer{margin-top:2.25rem;padding-top:1rem;border-top:1px solid var(--border)}.footer p{margin:0;font-size:.72rem;line-height:1.4;letter-spacing:.02em;text-transform:none;color:var(--muted)}@media(prefers-reduced-motion:reduce){.tab,.field input{transition:none}}