.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}.home{position:relative;box-sizing:border-box;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 16px 24px;background-color:#091f2c}.mode-navigation{position:absolute;top:20px;left:20px;display:flex;gap:8px}.mode-navigation button{border:1px solid #102f3b;border-radius:6px;padding:8px 12px;color:#102f3b;background:#f1f1f1;font:inherit;font-size:1rem;cursor:pointer}.mode-navigation button:hover{background:#dce8eb}.mode-navigation button:active{background:#c7d8dd}.mode-navigation button[aria-pressed=true]{color:#fff;background:#245b6c}.mode-navigation button[aria-pressed=true]:hover{background:#1d4c5a}.mode-navigation button[aria-pressed=true]:active{background:#173f4b}.mode-navigation button:focus-visible{outline:3px solid #f0b429;outline-offset:2px}.mode-content[hidden]{display:none}@media(max-width:520px){.home{padding-top:120px}.mode-navigation{top:68px;left:50%;transform:translate(-50%)}}.buttonsList{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:center;width:100%;box-sizing:border-box;height:100%;background-color:#f1f1f1;box-shadow:0 0 10px #0003;border-radius:8px;padding:10px;margin-block-start:28px}.operationBtn,.numberBtn{border:.2px solid rgba(241,241,241,.74);width:100%;min-height:44px;height:60px;box-sizing:border-box;cursor:pointer;border-radius:8px}.numberBtn{background-color:#dadada}.numberBtn:hover{background-color:#acacac}.operationBtn{background-color:#d50032cc}.operationBtn:hover{background-color:#d50032}.buttonsList button:focus-visible{position:relative;z-index:1;outline:3px solid #075985;outline-offset:2px;box-shadow:0 0 0 3px #fff}.equalBtn,.clearBtn{grid-column:4 / 6}.equalBtn button,.clearBtn button{width:100%}.calculator-layout{box-sizing:border-box;display:grid;grid-template-columns:minmax(220px,280px) 520px minmax(220px,280px);grid-template-areas:"shortcuts calculator history";align-items:center;justify-content:center;gap:20px;width:min(100%,1400px);margin:0 auto;padding:12px}.calculator-shortcuts{grid-area:shortcuts;box-sizing:border-box;width:100%;padding:16px;border-radius:10px;color:#111;background-color:#ffffffc7;box-shadow:0 0 10px #0000001f}.calculator-shortcuts table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.35}.calculator-shortcuts caption{margin-bottom:10px;font-size:1.1rem;font-weight:700;text-align:left}.calculator-shortcuts th,.calculator-shortcuts td{padding:6px 5px;border-bottom:1px solid rgba(0,0,0,.12);text-align:left;vertical-align:top}.calculator-shortcuts th{white-space:nowrap}.calculator-container{grid-area:calculator;align-self:start;display:flex;flex:1 1 430px;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;max-width:520px;min-width:0;padding:38px clamp(12px,4vw,38px);border-radius:10px;background-color:#bbdde6}.display{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:end;width:100%;height:100%;padding:10px;border-radius:8px;background-color:#f1f1f1;box-shadow:0 0 10px #0003;overflow:hidden}.display span{width:100%;height:100%;border:0;padding:0;margin:0;color:#000;background-color:transparent;font-family:monospace;font-size:calc(10px + 2vmin);text-align:right}.display p{padding:0;margin:0;color:#000;background-color:transparent;font-family:monospace;font-size:calc(10px + 2vmin)}.calculator-history-toggle{display:none;align-self:stretch;margin-top:16px;padding:10px 14px;border:1px solid #245d70;border-radius:6px;color:#102f3b;background:#f1f1f1;font:inherit;font-size:1rem;cursor:pointer}.calculator-history-toggle:hover,.calculator-history-dialog__close:hover{background:#dce8eb}.calculator-history-toggle:focus-visible,.calculator-history-dialog__close:focus-visible{outline:3px solid #075985;outline-offset:2px}.calculator-history{grid-area:history;align-self:start;display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-height:520px;overflow:hidden;padding:16px;border-radius:10px;color:#111;background-color:#ffffffe0;box-shadow:0 0 10px #0000001f}.calculator-history--collapsed{cursor:pointer}.calculator-history__header{display:flex;flex:0 0 auto;cursor:pointer;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.calculator-history h2{margin:0;font-size:1.1rem}.calculator-history__visibility-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:36px;min-height:32px;padding:5px;border:none;color:#102f3b;background:transparent;font:inherit;cursor:pointer}.calculator-history__visibility-toggle:hover{background:#dce8eb}.calculator-history__visibility-toggle svg{transition:transform .26s cubic-bezier(.22,1,.36,1)}.calculator-history__visibility-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.calculator-history__visibility-toggle:focus-visible{outline:3px solid #075985;outline-offset:2px}.calculator-history__collapsible{display:grid;flex:1 1 auto;grid-template-rows:minmax(0,1fr);min-height:0;opacity:1;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility .32s}.calculator-history__collapsible-inner{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.calculator-history__collapsible--collapsed{grid-template-rows:0fr;opacity:0;visibility:hidden}.calculator-history__empty{margin:0;font-size:.9rem}.calculator-history__list{display:flex;flex:1 1 auto;flex-direction:column;gap:6px;height:100%;max-height:none;min-height:0;overflow-y:auto;padding:4px 8px;margin:0;list-style:none}.calculator-history__entry{display:flex;justify-content:space-between;gap:12px;width:100%;padding:8px 10px;border:1px solid rgba(0,0,0,.16);border-radius:6px;color:inherit;background:#ffffffb8;font:inherit;text-align:left;cursor:pointer}.calculator-history__entry:hover,.calculator-history__entry:focus-visible{background:#fff;outline:2px solid #245d70;outline-offset:1px}.calculator-history__expression{min-width:0;overflow-wrap:anywhere}.calculator-history__result{flex:0 0 auto;font-family:monospace}.calculator-history-dialog{box-sizing:border-box;width:min(90vw,560px);max-height:85vh;overflow:hidden;padding:20px;border:0;border-radius:10px;color:#111;background:#fff;box-shadow:0 8px 32px #0000004d}.calculator-history-dialog:not([open]){display:none}.calculator-history-dialog::backdrop{background:#0000009e}.calculator-history-dialog[open]{display:flex;flex-direction:column;animation:calculator-history-dialog-in .18s ease-out both}.calculator-history-dialog[open]::backdrop{animation:calculator-history-backdrop-in .18s ease-out both}.calculator-history-dialog.is-closing{animation:calculator-history-dialog-out .15s ease-in both}.calculator-history-dialog.is-closing::backdrop{animation:calculator-history-backdrop-out .15s ease-in both}@keyframes calculator-history-dialog-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes calculator-history-dialog-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes calculator-history-backdrop-in{0%{background:#0000}to{background:#0000009e}}@keyframes calculator-history-backdrop-out{0%{background:#0000009e}to{background:#0000}}.calculator-history-dialog__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.calculator-history-dialog__header h2{margin:0;font-size:1.2rem}.calculator-history-dialog__close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:1px solid #245d70;border-radius:6px;color:#102f3b;background:#f1f1f1;cursor:pointer}.calculator-history-dialog .calculator-history__list{flex:1 1 auto;height:auto;max-height:none;min-height:0}@media(prefers-reduced-motion:reduce){.calculator-history__collapsible,.calculator-history__visibility-toggle svg{transition:none}.calculator-history-dialog[open],.calculator-history-dialog[open]::backdrop,.calculator-history-dialog.is-closing,.calculator-history-dialog.is-closing::backdrop{animation:none!important}}@media(max-width:1023px){.calculator-layout{grid-template-columns:minmax(0,520px);grid-template-areas:"calculator" "shortcuts";justify-items:center;gap:16px}.calculator-shortcuts,.calculator-container{width:100%;max-width:520px}.calculator-container{align-self:center}.calculator-history--desktop{display:none}.calculator-history-toggle{display:block}}.converter-container{display:flex;flex-direction:column;gap:16px;width:min(560px,calc(100vw - 24px));box-sizing:border-box;padding:clamp(20px,5vw,38px);border-radius:10px;background-color:#bbdde6;color:#102f3b;text-align:left}.converter-container h1{margin:0;text-align:center}.converter__field{display:flex;flex-direction:column;gap:6px}.converter__field label{font-weight:600}.converter__field input,.converter__field select{min-height:42px;box-sizing:border-box;padding:8px 10px;border:1px solid #698b95;border-radius:6px;color:#102f3b;background:#fff;font:inherit}.converter__field input:focus-visible,.converter__field select:focus-visible,.converter__swap:focus-visible{outline:2px solid #698b95}.converter__unit-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px}.converter__swap{min-height:42px;padding:8px 12px;border:1px solid #102f3b;border-radius:6px;color:#102f3b;background:#f1f1f1;font:inherit;cursor:pointer}.converter__result{min-height:50px;box-sizing:border-box;padding:12px;border-radius:6px;background:#f1f1f1;font-family:monospace;font-size:1.15rem;overflow-wrap:anywhere}@media(max-width:480px){.converter__unit-controls{grid-template-columns:1fr}.converter__swap{justify-self:center}}.settings{position:fixed;top:20px;right:20px;z-index:1;color:#102f3b;text-align:left}.settings__toggle,.settings__close{border:1px solid #102f3b;border-radius:6px;padding:8px 12px;color:#102f3b;background:#f1f1f1;font:inherit;cursor:pointer}.settings__toggle:hover,.settings__close:hover{border-color:#698b95;background:#dce8eb}.settings__toggle:active,.settings__close:active{background:#c7d8dd}.settings__toggle:focus-visible,.settings__close:focus-visible,.settings__field select:focus-visible{outline:2px solid #698b95}.settings__panel{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,calc(100vw - 40px));box-sizing:border-box;padding:16px;border:1px solid #8baeb8;border-radius:8px;background:#f1f1f1;box-shadow:0 4px 14px #00000038}.settings__panel h2{margin:0 0 14px;font-size:1.1rem}.settings__field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.settings__field label{font-size:.95rem}.settings__field select{min-height:38px;padding:6px 8px;border:1px solid #698b95;border-radius:5px;color:#102f3b;background:#fff;font:inherit}html,body{padding:0;margin:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}