:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--shell:#0f1d1e;--card:#f7f9fb;--card-strong:#fff;--card-muted:#eef4f4;--border:#e8f0ee1f;--text:#f7fbfa;--text-on-card:#142022;--muted-on-card:#606e74;--primary:#d9603a;--primary-control:#b5482c;--primary-strong:#f06a3f;--primary-soft:#d9603a29;--danger:#ef6a68;--shadow-soft:0 14px 32px #04121438;--radius:8px;background:var(--shell);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--shell:#edf2f5;--card:#fff;--card-strong:#fff;--card-muted:#f2f6f7;--border:#1a26311a;--text:#152028;--text-on-card:#152028;--muted-on-card:#606e74;--primary:#266173;--primary-control:#266173;--primary-strong:#153f4d;--primary-soft:#2661731f;--shadow-soft:0 14px 32px #18242d14}*{box-sizing:border-box}html,body,#root{max-width:100%;height:100%;min-height:100%;overflow-x:hidden}html{-webkit-text-size-adjust:100%}body{background:var(--shell);overscroll-behavior-y:none;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible{outline:3px solid var(--primary-control);outline-offset:2px}.calc-app{background:var(--shell);max-width:100%;min-height:100vh;color:var(--text);grid-template-columns:minmax(0,1fr);display:grid;overflow-x:hidden}.eyebrow{color:var(--primary-strong);letter-spacing:0;text-transform:uppercase;font-size:.7rem;font-weight:800}.main-shell{background:var(--shell);min-width:0;max-width:100%;min-height:100vh;position:relative;overflow-x:hidden}.workspace{max-width:100%;padding:28px 28px 42px;overflow-x:hidden}.calculator-layout{grid-template-columns:minmax(340px,640px) minmax(180px,260px);align-items:start;gap:12px;display:grid}.calculator-card,.panel-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--text-on-card);box-shadow:var(--shadow-soft)}.calculator-card{gap:12px;width:100%;min-width:0;padding:12px;display:grid}.display-panel{border-radius:var(--radius);color:#f8fbfb;background:linear-gradient(135deg,#071c1df5,#112b2df5),#071c1d;border:1px solid #14202214;align-content:end;gap:8px;min-height:148px;padding:18px 20px 18px 66px;display:grid;position:relative;overflow:visible}.display-expression{overflow-wrap:anywhere;color:#f8fbfbb3;text-align:right;background:0 0;border:0;border-radius:4px;outline:0;width:100%;min-height:34px;padding:3px 0;font-size:clamp(1.18rem,3vw,1.34rem);line-height:1.25}.display-expression::placeholder{color:#f8fbfb75}.display-expression:focus-visible{box-shadow:0 2px #ffffff6b}.display-answer{overflow-wrap:anywhere;color:#fff;letter-spacing:0;text-align:right;min-height:54px;font-size:clamp(2.35rem,8vw,4rem);font-weight:800;line-height:1}.layout-result-slot{min-height:44px;display:grid}.layout-result-slot:empty{visibility:hidden}.layout-result-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;height:100%;display:grid}.layout-result-strip article{border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff1f;gap:3px;min-width:0;padding:7px 8px;display:grid}.layout-result-strip span{overflow-wrap:anywhere;color:#f8fbfb9e;text-transform:uppercase;min-width:0;font-size:.62rem;font-weight:900;line-height:1}.layout-result-strip strong{overflow-wrap:anywhere;color:#fff;min-width:0;font-size:.92rem;line-height:1.05}.display-actions{z-index:80;gap:6px;display:flex;position:absolute;top:12px;left:12px}.display-actions .action-tray{left:46px;right:auto}.result-conversions{gap:7px;display:grid}.mobile-result-conversions{display:none}.result-conversions article{border-radius:var(--radius);background:var(--card-muted);min-width:0;color:var(--text-on-card);border:1px solid #14202214;gap:4px;padding:8px;display:grid}.result-conversions label{gap:5px;min-width:0;display:grid}.result-conversions span{color:var(--muted-on-card);text-transform:uppercase;font-size:.68rem;font-weight:900}.conversion-card-input{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;display:grid}.conversion-card-input input{width:100%;min-width:0;color:var(--text-on-card);background:0 0;border:0;outline:0;padding:0;font-size:1.02rem;font-weight:900;line-height:1.1}.conversion-card-input input:focus-visible{outline:3px solid var(--primary-control);outline-offset:3px;border-radius:3px}.conversion-card-input small{color:var(--muted-on-card);font-size:.76rem;font-weight:900;line-height:1}.icon-button,.ghost-button{border:1px solid var(--border);border-radius:var(--radius);background:var(--card-strong);color:var(--text-on-card);justify-content:center;align-items:center;gap:8px;line-height:1;display:inline-flex}.icon-button{width:40px;height:40px;padding:0}.display-panel .icon-button{color:#fff;background:#ffffff14;border-color:#ffffff1f}.app-action-menu{z-index:90;position:relative}.action-tray{z-index:100;gap:6px;padding:0;display:flex;position:absolute;top:0;right:46px}.action-tray button{border-radius:var(--radius);color:#fff;background:#ffffff1a;border:1px solid #ffffff24;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.action-tray button.is-active{background:var(--primary-control);color:#fff}.control-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.control-key{border-radius:var(--radius);min-width:0;min-height:58px;color:var(--text-on-card);background:#fff;border:1px solid #1420221a;font-size:1.08rem;font-weight:900;line-height:1}.control-key[data-active=true]{border-color:color-mix(in srgb, var(--primary) 48%, transparent);background:var(--primary-control);color:#fff}.control-key.is-clear{color:#c9423f;background:#ef6a681f}.control-key.is-backspace svg{transform-box:fill-box;transform-origin:50%;transform:scaleX(-1)}.ghost-button{min-height:40px;padding:0 12px;font-weight:800}.ghost-button.danger{color:var(--danger)}.fraction-panel{gap:6px;display:grid}.fraction-section{gap:0;display:grid}.fraction-grid{gap:7px;display:grid}.common-fraction-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.fraction-grid button{border-radius:var(--radius);min-height:44px;color:var(--text-on-card);background:#fff;border:1px solid #1420221a;font-weight:800}.fraction-toggle-button{border-radius:var(--radius);width:100%;min-height:44px;color:var(--text-on-card);background:#fff;border:1px solid #14202214;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.key{border-radius:var(--radius);min-width:0;min-height:58px;color:var(--text-on-card);background:#fff;border:1px solid #1420221a;font-size:1.22rem;font-weight:900;line-height:1}.key.is-operator,.key.is-percent{background:var(--primary-soft);color:var(--primary)}.key.is-equals{background:var(--primary);color:#fff;grid-column:span 3;min-height:60px;box-shadow:0 14px 24px #d9603a3d}.key:active,.control-key:active,.fraction-grid button:active,.fraction-toggle-button:active{transform:translateY(1px)}.side-panel{gap:12px;display:grid}.panel-card{gap:16px;max-width:880px;padding:18px;display:grid;position:relative}.has-card-menu{padding-top:64px}.card-menu-slot{z-index:90;position:absolute;top:14px;right:14px}.panel-actions{justify-content:flex-end;gap:12px;display:flex}.empty-state{border-radius:var(--radius);background:var(--card-muted);min-height:220px;color:var(--muted-on-card);text-align:center;border:1px dashed #1420222e;align-content:center;place-items:center;gap:10px;display:grid}.empty-state strong{color:var(--text-on-card)}.history-list{gap:10px;display:grid}.history-item{border-radius:var(--radius);background:var(--card-muted);border:1px solid #1420221a;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.history-item.is-pinned{background:#d9603a14;border-color:#d9603a61}.history-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;gap:4px;padding:0;display:grid}.history-main span,.history-main small{overflow-wrap:anywhere;min-width:0;color:var(--muted-on-card)}.history-main strong{overflow-wrap:anywhere;min-width:0;color:var(--text-on-card);font-size:1.12rem}.history-actions{gap:6px;display:flex}.storage-notice{border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);border-radius:var(--radius);background:var(--primary-soft);color:var(--text-on-card);margin:0;padding:10px 12px;font-size:.84rem;font-weight:700}.recent-history{border-radius:var(--radius);background:var(--card);color:var(--text-on-card);box-shadow:var(--shadow-soft);border:1px solid #14202214;gap:8px;padding:10px;display:grid}.recent-history-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.recent-history-head span{color:var(--text-on-card);text-transform:uppercase;font-size:.78rem;font-weight:900}.recent-history-head small{color:var(--muted-on-card);font-size:.72rem}.recent-history-list{gap:6px;display:grid}.recent-history-list button{border-radius:var(--radius);background:var(--card-muted);min-width:0;color:var(--text-on-card);text-align:left;border:1px solid #14202214;gap:3px;padding:8px;display:grid}.recent-history-list span,.recent-history-list strong{overflow-wrap:anywhere;min-width:0}.recent-history-list span{color:var(--muted-on-card);font-size:.74rem}.recent-history-list strong{font-size:.98rem}.recent-history-empty{border-radius:var(--radius);min-height:124px;color:var(--muted-on-card);text-align:center;border:1px dashed #14202229;place-items:center;gap:7px;padding:12px;font-size:.78rem;display:grid}.cheat-section{border-top:1px solid #14202214;gap:10px;padding-top:14px;display:grid}.cheat-head{gap:3px;display:grid}.cheat-head h3{color:var(--text-on-card);margin:0;font-size:1.05rem}.cheat-head p{color:var(--muted-on-card);margin:0;font-size:.86rem;font-weight:700}.rule-grid,.fraction-decimal-grid{gap:8px;display:grid}.rule-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fraction-decimal-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.rule-grid article,.fraction-decimal-grid article{border-radius:var(--radius);background:var(--card-muted);border:1px solid #14202214;gap:4px;min-width:0;padding:9px;display:grid}.rule-grid article{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.rule-grid span,.rule-grid strong,.fraction-decimal-grid span,.fraction-decimal-grid strong{overflow-wrap:anywhere;min-width:0;color:var(--text-on-card);font-size:.9rem;line-height:1.1}.rule-grid span,.fraction-decimal-grid span{color:var(--muted-on-card);font-weight:800}.shower-tile-tool{gap:10px;display:grid}.shower-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tool-options-grid{grid-template-columns:minmax(0,2fr) minmax(140px,1fr);gap:8px;display:grid}.shower-wall-card{border-radius:var(--radius);background:var(--card-muted);border:1px solid #14202214;gap:8px;min-width:0;padding:10px;display:grid}.shower-wall-card>strong{color:var(--text-on-card);font-size:.9rem}.shower-wall-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.shower-wall-inputs label,.shower-wall-card>label,.material-input-grid label{color:var(--muted-on-card);text-transform:uppercase;gap:5px;font-size:.7rem;font-weight:900;display:grid}.inch-input-wrap{min-width:0;position:relative}.inch-input-wrap input{border-radius:var(--radius);width:100%;min-height:42px;color:var(--text-on-card);background:#fff;border:1px solid #1420221f;outline:0;padding:0 31px 0 10px}.inch-input-wrap input:focus{border-color:color-mix(in srgb, var(--primary) 58%, transparent);box-shadow:0 0 0 3px var(--primary-soft)}.inch-input-wrap small{color:var(--muted-on-card);font-size:.72rem;font-weight:900;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.shower-tile-result{border:1px solid color-mix(in srgb, var(--primary) 32%, transparent);border-radius:var(--radius);background:var(--primary-soft);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;min-height:48px;padding:10px 12px;display:grid}.shower-tile-result div{gap:3px;display:grid}.shower-tile-result span{color:var(--muted-on-card);text-transform:uppercase;font-size:.7rem;font-weight:800}.shower-tile-result strong,.material-result strong{color:var(--text-on-card);font-size:1.05rem;line-height:1.1}.material-tool{gap:10px;display:grid}.material-input-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.material-input-grid select{border-radius:var(--radius);width:100%;min-height:42px;color:var(--text-on-card);background:#fff;border:1px solid #1420221f;outline:0;padding:0 10px}.material-input-grid select:focus-visible{border-color:color-mix(in srgb, var(--primary) 58%, transparent);box-shadow:0 0 0 3px var(--primary-soft)}.material-result{border:1px solid color-mix(in srgb, var(--primary) 32%, transparent);border-radius:var(--radius);background:var(--primary-soft);min-height:48px;color:var(--muted-on-card);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.material-result span{font-size:.8rem;font-weight:700}.settings-list{gap:10px;display:grid}.settings-list article{border-radius:var(--radius);background:var(--card-muted);border:1px solid #1420221a;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.settings-list strong,.settings-list span{display:block}.settings-list strong{color:var(--text-on-card)}.settings-list span{color:var(--muted-on-card);margin-top:3px;font-size:.86rem}.segmented-control{border-radius:var(--radius);background:#fff;border:1px solid #1420221a;align-items:center;gap:4px;padding:4px;display:inline-flex}.segmented-control button{min-height:34px;color:var(--muted-on-card);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:800;display:inline-flex}.segmented-control.compact button{min-width:54px}.segmented-control button.is-active{background:var(--primary-control);color:#fff}.switch{width:54px;height:32px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch span{background:#14202229;border-radius:999px;width:100%;height:100%;transition:background .18s}.switch span:before{content:"";background:#fff;border-radius:999px;width:24px;height:24px;transition:transform .18s;position:absolute;top:4px;left:4px;box-shadow:0 4px 10px #14202229}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:before{transform:translate(22px)}.switch input:focus-visible+span{box-shadow:0 0 0 3px var(--card), 0 0 0 6px var(--primary-control)}@media (width<=980px){.calculator-layout{grid-template-columns:minmax(0,560px)}.side-panel{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){html,body,#root{height:100dvh;min-height:100dvh;overflow:hidden}body{width:100%;position:fixed}.calc-app{height:100dvh;min-height:100dvh;padding-bottom:0;display:block;overflow:hidden}.main-shell{height:100dvh;overflow:hidden}.workspace{height:100dvh;min-height:0;padding:max(7px, env(safe-area-inset-top)) 0 0;overflow:hidden}.calculator-layout,.side-panel,.settings-list article,.history-item{grid-template-columns:1fr}.calculator-layout{height:100%;min-height:0}.side-panel{display:none}.calculator-card,.panel-card{border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;border-left:0;border-right:0;gap:6px;padding:7px}.calculator-card{overscroll-behavior:contain;scrollbar-width:none;grid-template-rows:auto auto auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden auto}.calculator-card::-webkit-scrollbar{display:none}.panel-card{height:100%;min-height:0;max-height:100%;overflow:auto}.has-card-menu{padding-top:56px}.card-menu-slot{top:8px;left:8px;right:auto}.mobile-result-conversions{display:none}.result-conversions article{min-height:48px;box-shadow:none;padding:6px 8px}.result-conversions span{font-size:.62rem}.conversion-card-input input{font-size:.92rem}.conversion-card-input small{font-size:.68rem}.display-panel{min-height:104px;padding:12px 14px 12px 88px}.display-expression{min-height:28px;font-size:1.08rem}.display-answer{min-height:38px;font-size:clamp(1.72rem,8.8vw,3.25rem)}.layout-result-slot{min-height:42px}.layout-result-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.layout-result-strip article{padding:6px}.layout-result-strip strong{font-size:.8rem}.display-actions{top:10px;left:10px;right:auto}.display-panel .icon-button,.action-tray button{width:36px;height:36px}.action-tray{border-radius:var(--radius);background:#071c1df0;border:1px solid #ffffff1f;flex-direction:row;padding:6px;top:0;left:42px;right:auto;box-shadow:0 16px 32px #020c0e59}.control-row{gap:6px}.control-key{min-height:58px;font-size:1rem}.fraction-panel{gap:4px;min-height:0}.common-fraction-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fraction-grid button{min-height:44px}.keypad{grid-template-rows:repeat(5,minmax(34px,1fr));gap:6px;min-height:0}.key{min-height:0;font-size:1.18rem}.key.is-equals{min-height:0}.history-actions{justify-content:flex-end}.rule-grid,.fraction-decimal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shower-wall-grid,.tool-options-grid{grid-template-columns:1fr}.segmented-control{width:100%}.segmented-control button{flex:1}}@media (width<=380px){.display-answer{font-size:1.75rem}.common-fraction-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shower-wall-grid,.shower-wall-inputs{grid-template-columns:1fr}.key{min-height:0}}.fraction-panel.is-placeholder{visibility:hidden;pointer-events:none}.display-panel{padding-left:calc(25% + 12px)}.display-actions{flex-direction:column;gap:6px;width:calc(25% - 5.5px);top:10px;bottom:10px;left:-1px}.display-actions>.icon-button{flex:1;width:100%;height:auto;min-height:44px}.display-actions>.icon-button svg{width:24px;height:24px}@media (width<=760px){.display-actions{width:calc(25% - 4px)}}.tools-workspace{height:100%;min-height:0}.tools-workspace[hidden]{display:none}.tools-navigation{z-index:10;background:var(--card);gap:8px;padding-block:8px;display:flex;position:sticky;top:0}.tools-navigation button{border-radius:var(--radius);background:var(--card-strong);min-height:48px;color:var(--text-on-card);border:1px solid #14202229;flex:1;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}@media (width<=760px){.card-menu-slot .icon-button,.card-menu-slot .action-tray button{width:44px;height:44px}.card-menu-slot .action-tray{left:50px}}