:root,:root[data-theme=dark]{--surface:#000;--surface-raised:#1c1c1e;--text-primary:#fff;--text-secondary:#98989f;--text-inverse:#000;--key-number:#2c2c2e;--key-number-active:#48484a;--key-function:#a5a5a5;--key-function-active:#c4c4c4;--key-operator:#ff9f0a;--key-operator-active:#ffbe5c;--key-science:#1c1c1e;--key-science-active:#38383a;--segment-active:#48484a;--accent:#0a84ff;--danger:#ff453a;--hairline:#ffffff1f;--scrim:#0000008c;--focus-ring:#64d2ff}:root[data-theme=light]{--surface:#f2f2f7;--surface-raised:#fff;--text-primary:#000;--text-secondary:#6c6c70;--text-inverse:#fff;--key-number:#fff;--key-number-active:#e2e2e7;--key-function:#d1d1d6;--key-function-active:#bcbcc2;--key-operator:#ff9500;--key-operator-active:#ffb24d;--key-science:#e6e6eb;--key-science-active:#d3d3d9;--segment-active:#fff;--accent:#007aff;--danger:#d70015;--hairline:#0000001f;--scrim:#00000047;--focus-ring:#0060df}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--surface);color:var(--text-primary);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:0 0;border:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}.app{--gutter:clamp(10px, 3.2vw, 18px);--page-width:min(100%, 30rem);height:100dvh;max-height:100dvh;padding:max(env(safe-area-inset-top), 8px) max(env(safe-area-inset-right), var(--gutter)) max(env(safe-area-inset-bottom), 10px) max(env(safe-area-inset-left), var(--gutter));flex-direction:column;display:flex}.app__main{gap:var(--gutter);width:var(--page-width);flex-direction:column;flex:auto;min-height:0;margin:0 auto;display:flex}.topbar{width:var(--page-width);justify-content:space-between;align-items:center;gap:8px;margin:0 auto;padding-block:6px 2px;display:flex}.topbar__actions{gap:6px;display:flex}.segmented{background:var(--key-science);border-radius:999px;padding:2px;display:flex}.segmented__option{color:var(--text-secondary);border-radius:999px;padding:6px 14px;font-size:.8125rem;font-weight:600;transition:background .18s,color .18s}.segmented__option--active{background:var(--segment-active);color:var(--text-primary);box-shadow:0 1px 3px #00000040}.chip{background:var(--key-science);color:var(--text-primary);border-radius:999px;padding:6px 12px;font-size:.8125rem;font-weight:600;transition:background .18s,opacity .18s}.chip:active{background:var(--key-science-active)}.chip--icon{min-width:2.25rem;padding:6px 10px;font-size:1rem;line-height:1}.chip--danger{color:var(--danger)}.display{text-align:right;flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:4px;min-height:7.5rem;max-height:min(38dvh,20rem);padding-inline:6px;display:flex;overflow:hidden}.display__expression{overscroll-behavior:contain;width:100%;min-height:0;max-height:calc(100% - 2.5rem);color:var(--text-primary);font-size:calc(clamp(2.5rem, 13vw, 4rem) * var(--expression-scale,1));letter-spacing:-.02em;overflow-wrap:normal;word-break:normal;white-space:normal;scrollbar-width:none;-webkit-overflow-scrolling:touch;font-weight:300;line-height:1.15;overflow:hidden auto}.display__number{white-space:nowrap}.display__expression::-webkit-scrollbar{display:none}.display__expression--scrollable{scrollbar-color:var(--text-secondary) transparent;scrollbar-width:thin}.display__expression--scrollable::-webkit-scrollbar{width:4px;display:block}.display__expression--scrollable::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:999px}.display__secondary{white-space:nowrap;scrollbar-width:none;min-height:2.25rem;font-size:clamp(1.125rem,5vw,1.6rem);font-weight:400;line-height:1.35;overflow:auto hidden}.display__secondary::-webkit-scrollbar{display:none}.display__preview{color:var(--accent);align-items:baseline;gap:.35em;animation:.16s ease-out preview-in;display:inline-flex}.display__equals{opacity:.7}.display__error{color:var(--danger);font-size:.86em}.display--committed .display__expression{color:var(--text-secondary);font-size:clamp(1.1rem,5vw,1.6rem)}.display--committed .display__secondary{letter-spacing:-.02em;font-size:clamp(2.5rem,13vw,4rem);font-weight:300;line-height:1.15}.display__result{color:var(--text-primary);animation:.16s ease-out preview-in}@keyframes preview-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.keypad{gap:var(--gutter);min-height:0;display:grid}.keypad--basic{flex:3 auto;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);min-height:14rem;max-height:min(58svh,30rem)}.keypad--science{--gutter-science:calc(var(--gutter) * .62);gap:var(--gutter-science);flex:auto;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);min-height:7rem;max-height:min(24svh,10rem)}.key{background:var(--key-number);min-width:0;color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;font-size:clamp(1.35rem,6.4vw,2rem);font-weight:400;transition:background .12s,transform 80ms;display:flex}.key:active{background:var(--key-number-active);transform:scale(.94)}.key--wide{grid-column:span 2;justify-content:flex-start;padding-left:8%}.key--function{background:var(--key-function);color:var(--text-inverse)}.key--function:active{background:var(--key-function-active)}.key--operator{background:var(--key-operator);color:#fff;font-weight:500}.key--operator:active{background:var(--key-operator-active)}.key--science{background:var(--key-science);color:var(--text-primary);font-size:clamp(.8125rem,3.6vw,1.0625rem);font-weight:500}.key--science:active{background:var(--key-science-active)}.key--science-on{background:var(--accent);color:#fff}.key--angle{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.03em;font-weight:700}@media (hover:hover){.key:hover{background:var(--key-number-active)}.key--function:hover{background:var(--key-function-active)}.key--operator:hover{background:var(--key-operator-active)}.key--science:hover{background:var(--key-science-active)}.key--science-on:hover{background:var(--accent);opacity:.85}}.sheet{z-index:10;visibility:hidden;position:fixed;inset:0}.sheet--open{visibility:visible}.sheet__scrim{background:var(--scrim);opacity:0;transition:opacity .24s;position:absolute;inset:0}.sheet--open .sheet__scrim{opacity:1}.sheet__panel{max-height:min(78dvh,40rem);padding-bottom:max(env(safe-area-inset-bottom), 12px);background:var(--surface-raised);border-radius:20px 20px 0 0;flex-direction:column;transition:transform .28s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.sheet--open .sheet__panel{transform:none}@media (width>=34rem){.sheet__panel{width:min(30rem,100%);left:50%;right:50%;transform:translate(-50%,100%)}.sheet--open .sheet__panel{transform:translate(-50%)}}.sheet__header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.sheet__title{font-size:1.0625rem;font-weight:600}.sheet__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;padding:6px 18px 10px;overflow-y:auto}.sheet__empty{color:var(--text-secondary);text-align:center;padding:32px 0;font-size:.9375rem}.sheet__footer{border-top:1px solid var(--hairline);justify-content:flex-end;align-items:center;gap:8px;padding:10px 18px 2px;display:flex}.sheet__confirm{color:var(--text-secondary);margin-right:auto;font-size:.875rem}.history__day{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;padding:14px 0 6px;font-size:.75rem;font-weight:600}.history__item{border-bottom:1px solid var(--hairline);align-items:center;gap:6px;display:flex}.history__item:last-child{border-bottom:none}.history__reuse{text-align:right;border-radius:10px;flex-direction:column;flex:auto;align-items:flex-end;gap:2px;min-width:0;padding:10px 2px;display:flex}.history__reuse:active{background:var(--key-science)}.history__expression{max-width:100%;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.history__result{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.375rem;font-weight:400;overflow:hidden}.history__delete{width:2rem;height:2rem;color:var(--text-secondary);border-radius:999px;flex:none;font-size:1.25rem;line-height:1}.history__delete:active{background:var(--key-science);color:var(--danger)}@media (height<=740px){.display{min-height:7.5rem;max-height:7.5rem}.keypad--basic{flex-grow:6;min-height:12rem;max-height:min(72svh,24rem)}.keypad--science{flex-grow:2;min-height:6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}