.calc-layout{display:grid;grid-template-columns:minmax(0,620px) minmax(260px,1fr);gap:28px;align-items:start;margin-top:32px}.calculator{padding:28px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:18px;min-width:0}.calc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.calc-toolbar label{font-size:13px;font-weight:600}.calc-toolbar .save-tool{border:1px solid var(--line);border-radius:20px;font-size:11px;padding:8px 12px}.calculator textarea{width:100%;resize:vertical;min-height:90px;max-height:240px;background:var(--paper);color:var(--ink);border:1px solid var(--control,#848C98);border-radius:10px;padding:16px;font:400 20px/1.7 Inter,sans-serif;overflow-wrap:anywhere}.calculator textarea:focus-visible,.calculator button:focus-visible,.calc-history button:focus-visible,.calc-examples button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.calculator textarea[aria-invalid=true]{border-color:var(--orange)}.calc-display{background:#141618;color:#fff;border-radius:12px;padding:22px;margin-top:16px;min-height:120px}.calc-display>span{font-size:11px;color:#b8bec7}.calc-display output{display:block;font:500 clamp(25px,3vw,36px)/1.7 Inter,sans-serif;text-align:right;margin-top:10px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#calc-error{min-height:20px;font-size:12px;line-height:1.7;margin:12px 0;color:var(--ink)}#calc-error:not(:empty){border-left:3px solid var(--orange);padding-left:10px}.calc-result-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0 16px}.calc-result-actions button,.calc-history>button,.history-top button{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:11px;min-height:40px;cursor:pointer}.calculator button:disabled,.calc-history button:disabled{opacity:.4;cursor:default}#calc-copy-status{font-size:11px;color:var(--muted)}#calc-exact{font-size:12px;color:var(--muted);margin:10px 0 18px}#calc-exact summary{cursor:pointer}#calc-exact-value{overflow-wrap:anywhere;max-height:160px;overflow:auto;line-height:1.8}.calc-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.calc-keypad button{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;min-height:58px;font:500 20px Inter,sans-serif;cursor:pointer;touch-action:manipulation}.calc-keypad button:hover{border-color:var(--control,#848C98);filter:brightness(.98)}.calc-keypad .calc-operator{font-size:21px;background:var(--surface,#fff)}.calc-keypad .calc-clear{color:var(--orange);font-size:15px}.calc-keypad .calc-equals{grid-column:1/-1;background:var(--orange);border-color:var(--orange);color:#141618;font-size:26px}.calc-keypad [data-calc-key=Ans]{font-size:15px}#calc-help,.calc-privacy{font-size:11px;line-height:1.9;color:var(--muted)}#calc-help{margin:20px 0 0}.calc-privacy{margin:22px 0 38px;max-width:95ch}.calc-history{min-width:0;border:1px solid var(--line);border-radius:16px;padding:26px;background:var(--surface,#fff)}.history-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-top h2{font:600 16px/1.6 Inter,sans-serif;letter-spacing:0;margin:0}.history-top button{font-size:10px;padding:8px 10px}.calc-history>p{font-size:12px;line-height:1.9;color:var(--muted)}#history-empty{margin-top:36px;padding:24px 0;border-top:1px solid var(--line)}#calc-history{list-style:none;padding:0;margin:24px 0 0;max-height:610px;overflow:auto}#calc-history li{border-top:1px solid var(--line)}#calc-history button{display:block;width:100%;text-align:left;background:none;color:var(--ink);border:0;padding:16px 4px;cursor:pointer;overflow-wrap:anywhere}#calc-history span{display:block;font-size:12px;line-height:1.8;color:var(--muted)}#calc-history strong{display:block;font:600 20px/1.8 Inter,sans-serif;margin-top:6px}.calc-examples{margin:34px 0}.calc-examples h2{font-size:24px}.calc-examples>p{font-size:13px;color:var(--muted);line-height:1.8}.calc-examples>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.calc-examples button{padding:20px;background:var(--surface,#fff);color:var(--ink);border:1px solid var(--line);border-radius:12px;text-align:left;cursor:pointer;min-width:0}.calc-examples button:hover{border-color:var(--orange)}.calc-examples span{display:block;font-size:11px;line-height:1.8;color:var(--muted)}.calc-examples strong{display:block;font-size:15px;line-height:1.8;margin-top:14px;overflow-wrap:anywhere}.calc-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--line);padding-top:18px;margin:34px 0}.calc-notes h3{font:600 16px/1.8 Inter,sans-serif;letter-spacing:0}.calc-notes p{font-size:12px;line-height:1.9;color:var(--muted)}.calculator-page .converter-guide{max-width:850px}@media(max-width:900px){.calc-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:18px}.calculator,.calc-history{padding:20px}.calc-keypad{gap:8px}.calc-examples>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.calc-layout{grid-template-columns:minmax(0,1fr)}.calculator{padding:18px 14px}.calc-keypad button{min-height:56px}.calc-display{padding:18px}.calc-notes{grid-template-columns:minmax(0,1fr);gap:6px}.calc-history{padding:22px}.calc-examples button{padding:16px}.calc-examples strong{font-size:13px}.calc-history #calc-history{max-height:400px}.calculator textarea{font-size:18px}}
.calculator-page .calc-toolbar label{color:var(--ink);letter-spacing:0;font-size:13px}