html,body{height:100%}body{margin:0;background:var(--color-neutral-200);font-family:var(--font-body);color:var(--color-text)}#root{min-height:100%}.app-shell{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;box-sizing:border-box}@media(max-width:480px){.app-shell{padding:0;align-items:stretch}}.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)}@media(max-width:480px){.screen{width:100%;min-height:100vh;min-height:100dvh;border-left:0;border-right:0}}.screen h1,.screen .result-panel-value,.screen .brand{font-family:var(--font-heading),"Noto Sans Devanagari"}.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)}.screen-header-left{display:flex;align-items:center;gap:14px}.menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid var(--color-text);background:transparent;color:var(--color-text);cursor:pointer;padding:0;flex:0 0 auto}.menu-btn:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent)}.menu-btn:focus-visible{outline:2px solid var(--ac, var(--color-accent));outline-offset:2px}.brand{font-weight:800;font-size:20px;letter-spacing:.1em;text-transform:uppercase}.screen-content{position:relative;flex:1;display:flex;flex-direction:column}.screen-content-body{flex:1;display:flex;flex-direction:column}.screen-content-body--blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;background:color-mix(in srgb,var(--color-bg) 55%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.menu-list{display:flex;flex-direction:column;background:var(--color-bg)}.menu-list-item{display:flex;align-items:center;gap:16px;border:0;border-bottom:2px solid var(--color-text);background:transparent;color:var(--color-text);font-family:inherit;text-align:left;text-decoration:none;padding:22px 20px;cursor:pointer}.menu-list-item:hover{background:color-mix(in srgb,var(--color-text) 6%,transparent)}.menu-list-item[data-current="1"]{color:var(--ac, var(--color-accent))}.menu-list-item:focus-visible{outline:2px solid var(--ac, var(--color-accent));outline-offset:-2px}.menu-list-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:22px;font-size:20px;font-weight:700}.menu-list-title{flex:1;font-family:var(--font-heading),"Noto Sans Devanagari";font-weight:800;font-size:22px;letter-spacing:-.01em}.menu-list-arrow{flex:0 0 auto;display:flex}.langbtn{border:1.5px solid var(--color-text);background:transparent;color:var(--color-text);font-family:inherit;font-size:14px;font-weight:500;padding:9px 14px;display:flex;align-items:center;gap:8px;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}.screen-section{padding:0 20px}.screen-body>.screen-section:first-child{padding-top:28px;padding-bottom:24px}.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:15px;line-height:1.45;color:color-mix(in srgb,var(--color-text) 65%,transparent)}.mode-tabs{display:flex;border-top:2px solid var(--color-text);border-bottom:2px solid var(--color-text)}.mode-tab{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:10px;border:0;background:transparent;color:var(--color-text);font-family:inherit;font-size:15px;font-weight:600;text-align:left;padding:18px 16px;cursor:pointer}.mode-tab+.mode-tab{border-left:2px solid var(--color-text)}.mode-tab[data-on="1"]{background:var(--ac, var(--color-accent));color:#fff}.mode-tab:hover:not([data-on="1"]){background:color-mix(in srgb,var(--color-text) 6%,transparent)}.mode-tab:focus-visible{outline:2px solid var(--ac, var(--color-accent));outline-offset:-2px}.mode-tab-icon{font-size:17px;font-weight:600;flex:0 0 auto}.fields{padding-top:24px;padding-bottom:8px}.field-row{padding:14px 0;border-bottom:2px solid var(--color-text)}.field-row:focus-within{border-bottom-color:var(--ac, var(--color-accent))}.field-label{display:block;font-size:15px;color:color-mix(in srgb,var(--color-text) 65%,transparent);margin-bottom:6px}.field-value{display:flex;align-items:baseline;gap:10px}.currency-prefix{font-size:22px;font-weight:500;color:var(--ac, var(--color-accent))}.field-trailing-text{margin-left:auto;font-size:15px;color:color-mix(in srgb,var(--color-text) 55%,transparent);white-space:nowrap}.field-trailing-control{margin-left:auto;align-self:center}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:none}input.calc--weight{width:auto;flex:0 1 auto;min-width:2ch}.unit-toggle{display:flex;border:1px solid var(--color-text);flex:0 0 auto}.unitbtn{border:0;background:transparent;color:var(--color-text);font-family:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 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}.unit-select{margin-top:24px}.unit-select-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.unit-select-btn{flex:0 1 auto;border:1.5px solid var(--color-text);background:transparent;color:var(--color-text);font-family:inherit;font-size:15px;font-weight:700;text-align:center;padding:14px 18px;cursor:pointer}.unit-select-btn:hover:not([data-on="1"]){background:color-mix(in srgb,var(--color-text) 6%,transparent)}.unit-select-btn[data-on="1"]{background:var(--ac, var(--color-accent));border-color:var(--ac, var(--color-accent));color:#fff}.unit-select-btn:focus-visible{outline:2px solid var(--ac, var(--color-accent));outline-offset:2px}.measure-result-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid color-mix(in srgb,#fff 35%,transparent)}.measure-result-value{font-family:var(--font-heading),"Noto Sans Devanagari";font-weight:800;font-size:34px;line-height:1.05;letter-spacing:-.02em;word-break:break-word}.measure-result-unit{font-size:15px;font-weight:600;opacity:.9;white-space:nowrap}.result-panel{margin-top:8px;padding:24px 20px;background:var(--ac, var(--color-accent));color:#fff}.result-panel-label{font-size:15px;opacity:.85;margin-bottom:10px}.result-panel-value{font-weight:800;font-size:52px;line-height:1.05;letter-spacing:-.02em;word-break:break-word}.result-panel-empty{font-size:15px;opacity:.85}.start-over-row{padding:20px 20px 0}.start-over-btn{border:0;background:transparent;padding:0;font-family:inherit;font-size:15px;color:color-mix(in srgb,var(--color-text) 60%,transparent);cursor:pointer}.start-over-btn:hover{color:var(--color-text)}.start-over-btn:focus-visible{outline:2px solid var(--ac, var(--color-accent));outline-offset:2px}.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)}.footer-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.footer-link:hover,.footer-link:focus-visible{color:var(--ac, var(--color-accent))}