body{margin:0;background:var(--color-neutral-200);font-family:var(--font-body);color:var(--color-text)}.app-shell{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;box-sizing:border-box}@media(max-width:480px){.app-shell{padding:0}}.screen{font-family:var(--font-body),"Noto Sans Devanagari";width:390px;max-width:100%;min-height:760px;background:var(--color-bg);display:flex;flex-direction:column;border:2px solid var(--color-text)}.screen h1,.screen .display,.screen .brand{font-family:var(--font-heading),"Noto Sans Devanagari"}.screen[data-lang=hi] .lbl,.screen[data-lang=hi] .credit,.screen[data-lang=hi] .unitbtn{letter-spacing:normal;text-transform:none;font-size:12px}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:2px solid var(--color-text)}.brand{font-weight:800;font-size:15px;letter-spacing:.14em;text-transform:uppercase}.langbtn{border:1px solid var(--color-text);background:transparent;color:var(--color-text);font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;display:flex;align-items:center;gap:6px;cursor:pointer}.langbtn:hover{background:var(--color-text);color:var(--color-bg)}.langbtn:active{background:var(--ac, var(--color-accent));border-color:var(--ac, var(--color-accent));color:var(--color-bg)}.langbtn:focus-visible{outline:2px solid var(--ac, var(--color-accent));outline-offset:2px}.screen-body{flex:1;display:flex;flex-direction:column;padding:28px 20px 20px;gap:28px}.screen-title{margin:0;font-weight:800;font-size:30px;line-height:1.1;letter-spacing:-.02em}.screen-description{margin:10px 0 0;font-size:14px;line-height:1.45;color:color-mix(in srgb,var(--color-text) 65%,transparent)}.fields{display:flex;flex-direction:column;border-top:2px solid var(--color-text)}.field-row{padding:14px 0;border-bottom:1px solid var(--color-divider)}.field-row--last{border-bottom:2px solid var(--color-text)}.lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);margin-bottom:4px}.field-value{display:flex;align-items:baseline;gap:10px}.currency-prefix{font-size:22px;font-weight:500;color:var(--ac, var(--color-accent))}.weight-unit-suffix{font-size:16px;font-weight:500;color:color-mix(in srgb,var(--color-text) 60%,transparent)}input.calc{width:100%;border:0;background:transparent;font-family:inherit;font-size:32px;font-weight:500;color:var(--color-text);padding:0;outline:none;-moz-appearance:textfield}input.calc::-webkit-outer-spin-button,input.calc::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.calc::placeholder{color:color-mix(in srgb,var(--color-text) 35%,transparent)}input.calc:focus-visible{outline:2px solid var(--ac, var(--color-accent));outline-offset:2px}input.calc--weight{width:4ch;flex:0 1 auto}.weight-field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.unit-toggle{display:flex;border:1px solid var(--color-text)}.unitbtn{border:0;background:transparent;color:var(--color-text);font-family:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;cursor:pointer}.unitbtn+.unitbtn{border-left:1px solid var(--color-text)}.unitbtn[data-on="1"]{background:var(--ac, var(--color-accent));color:#fff}.unitbtn:focus-visible{outline:2px solid var(--ac, var(--color-accent));outline-offset:2px}.result-value{font-weight:800;font-size:52px;line-height:1.05;letter-spacing:-.03em;color:var(--ac, var(--color-accent));word-break:break-word}.result-sub{font-size:14px;margin-top:8px;color:color-mix(in srgb,var(--color-text) 65%,transparent)}.screen-actions{margin-top:auto;display:flex;gap:10px}.cta{flex:1;display:flex;align-items:center;justify-content:flex-start;text-align:left;border:0;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:500;background:var(--ac, var(--color-accent));color:#fff;cursor:pointer}.cta:hover{filter:brightness(.9)}.cta:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.cta-arrow{margin-left:auto}.screen-footer{display:flex;align-items:center;gap:6px;padding:14px 20px;border-top:2px solid var(--color-text);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent)}