:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2f2f2f;--surface:#171717;--surface2:#242424;--surface3:#303030;--title-bg:#121212fa;--hover:#ffffff12;--border:#ffffff14;--border-strong:#ffffff29;--text:#f4f4f4;--text-muted:#a5a5a5;--accent:#0ea5ff;--accent-gradient:linear-gradient(160deg, #2cc7ff 0%, #0ea5ff 48%, #176df0 100%);--accent-dim:#0ea5ff2e;--accent-border:#0ea5ff73;--radius:8px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button{font:inherit}.suite-shell{background:var(--bg);grid-template-rows:46px minmax(0,1fr);width:100%;min-width:320px;height:100%;display:grid}.title-bar{border-bottom:.5px solid var(--border);background:var(--title-bg);grid-template-columns:1fr auto 1fr;align-items:center;min-width:0;padding:6px 18px;display:grid;box-shadow:inset 0 1px #ffffff05}.brand-lockup{grid-column:1;align-items:center;gap:10px;min-width:0;display:flex}.suite-logo{flex:none;width:26px;height:26px;display:block}.title-bar h1{min-width:0;color:var(--text);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;margin:0;font-size:20px;font-weight:300;line-height:1.35;overflow:hidden}.title-bar nav{--selector-count:3;grid-column:2;grid-template-columns:repeat(var(--selector-count), minmax(0, 1fr));border:.5px solid var(--border-strong);background:var(--surface3);border-radius:999px;justify-self:center;align-items:stretch;width:clamp(304px,34vw,372px);min-width:0;padding:3px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.title-bar nav:before{content:"";z-index:0;width:calc((100% - 6px) / var(--selector-count));background:var(--accent-gradient);transform:translateX(calc(var(--active-index,0) * 100%));border-radius:999px;transition:transform .28s,background .2s;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 6px 16px #0003,inset 0 1px #ffffff2e}.title-bar nav.inactive:before{opacity:0}.title-bar button{z-index:1;min-width:0;min-height:30px;color:var(--text-muted);cursor:pointer;letter-spacing:0;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:400;line-height:1;transition:background .15s,color .2s;position:relative}.title-bar button:hover{background:var(--hover);color:var(--text)}.title-bar button.active,.title-bar button.active:hover{color:#fff;background:0 0}.title-actions{grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;min-width:0;display:flex}.title-bar .calcs-button{border:.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface2);width:34px;height:34px;min-height:34px;color:var(--text-muted);justify-content:center;align-items:center;padding:0;display:inline-flex}.title-bar .calcs-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.title-bar .calcs-button:hover{border-color:var(--accent-border);background:var(--hover);color:var(--text)}.title-bar .calcs-button.active,.title-bar .calcs-button.active:hover{border-color:var(--accent-border);background:var(--accent-gradient);color:#fff;box-shadow:0 6px 16px #0003,inset 0 1px #ffffff2e}.title-bar button:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.calculator-frame{background:var(--bg);border:0;width:100%;height:100%;display:block}@media (width<=620px){.suite-shell{grid-template-rows:auto minmax(0,1fr)}.title-bar{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;padding:9px 10px}.title-bar h1{font-size:16px}.suite-logo{width:28px;height:28px}.title-bar nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.title-actions{grid-area:1/2;align-self:center}.title-bar .calcs-button{width:32px;height:32px;min-height:32px}.title-bar button{white-space:normal;min-width:0;padding:0 7px;font-size:12px}}@media (prefers-reduced-motion:reduce){.title-bar nav:before{transition:none}}