.integer-calculator{--calc-accent:#d7f695;--calc-ink:#243e20;margin:38px 0;padding:28px;border:1px solid #374766;border-radius:16px;background:linear-gradient(135deg,#15213a,#253650);color:#eaf0fc;scroll-margin-top:0}.integer-calculator[data-integer-calculator=hex]{--calc-accent:#a3e6d3;--calc-ink:#153c35;background:linear-gradient(135deg,#142f39,#244b50);border-color:#426269}.calc-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.calc-heading .eyebrow{font-size:9px;color:#b4c4dd}.calc-heading h3{font:500 29px/1.25 var(--display);letter-spacing:-.7px;margin:11px 0 0;color:#f2f6ff}.calc-badge{white-space:nowrap;padding:8px;border:1px solid #a1b2c34d;border-radius:6px;font:11px monospace;color:var(--calc-accent)}.calc-intro{font-size:14px;line-height:1.8;color:#c3cfe0;margin:18px 0 23px}.calc-settings{display:flex;gap:17px;align-items:center;justify-content:space-between;flex-wrap:wrap}.calc-settings>div{display:flex;border:1px solid #8295b070;border-radius:8px;overflow:hidden}.calc-settings button{border:0;border-radius:0;background:transparent;color:#c6d2e4;font-size:12px;padding:10px 14px}.calc-settings button[aria-pressed=true]{background:var(--calc-accent);color:var(--calc-ink)}.calc-settings>label{display:flex;align-items:center;gap:8px;font-size:12px;color:#cad5e6}.calc-settings input{accent-color:var(--calc-accent);width:16px;height:16px}.integer-calculator .calc-help{font-size:12px;color:#b7c7d9;line-height:1.8;overflow-wrap:anywhere;margin:15px 0 22px}.calc-operands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.calc-operands fieldset{min-width:0;border:1px solid #7088a24d;border-radius:10px;padding:17px;background:#0a142427;margin:0}.calc-operands legend{font-size:10px;letter-spacing:1.7px;color:var(--calc-accent);padding:0 7px}.calc-operands label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#d6e1f0;margin-bottom:7px}.calc-operands label:not(:first-of-type){margin-top:15px}.calc-operands label span{font-size:9px;letter-spacing:1px;color:#aabbd1}.calc-operands input,.calc-operands textarea{width:100%;display:block;min-width:0;box-sizing:border-box;background:#07132459;color:#f3f7ff;border:1px solid #819ab36b;border-radius:6px;padding:11px 10px;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.calc-operands textarea{resize:vertical;overflow-wrap:anywhere;word-break:break-all;min-height:91px}.calc-operands [aria-invalid=true]{border-color:#f6aa8a;background:#411e2859}.integer-calculator .calc-input-error{font-size:12px;line-height:1.6;color:#ffc7ae;overflow-wrap:anywhere;margin:9px 0 0}.calc-input-error:empty{display:none}.calc-operations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0}.calc-operations button{padding:10px 4px;border:1px solid #8da1bb66;border-radius:8px;background:#ffffff05;color:#d8e5f5;font:500 26px/1.1 var(--display);transition:background .15s,transform .15s}.calc-operations button span{display:block;font:10px/1.3 var(--body);margin-top:7px}.calc-operations button[aria-pressed=true]{background:var(--calc-accent);color:var(--calc-ink);border-color:var(--calc-accent);box-shadow:0 3px #07142244}.calc-operations button:active{transform:translateY(2px)}.calc-result{background:#08172488;border:1px solid #9bb6ca40;padding:20px;border-radius:10px}.calc-result-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px;color:#b8cadd}.calc-result-heading strong{font:17px monospace;color:var(--calc-accent);letter-spacing:0}.calc-result #calc-status{font-size:12px;line-height:1.7;color:#b5c9d9;margin:12px 0 18px;overflow-wrap:anywhere}.calc-answer{padding:14px 0;border-top:1px solid #a8bccc26}.calc-answer:last-child{padding-bottom:0}.calc-answer>span{display:flex;gap:10px;align-items:center;font-size:12px;color:#b5c9d9}.calc-answer small{font-size:9px;letter-spacing:1px}.calc-answer output{display:block;margin-top:9px;font:500 23px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--calc-accent);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.calc-answer #calc-answer-2{font-size:15px;letter-spacing:.5px}.calc-error{border-color:#de9b80;background:#43272a55}.calc-error #calc-status{color:#ffd0b7}.calc-actions{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0}.calc-actions button{font-size:11px;background:#ffffff08;color:#d7e4f0;border:1px solid #8aa2be59;border-radius:6px;padding:9px 11px}.calc-actions button:hover,.calc-operations button:hover:not([aria-pressed=true]){background:#ffffff17}.calc-actions button:disabled{opacity:.4}.integer-calculator :focus-visible{outline:2px solid var(--calc-accent);outline-offset:3px}.calculator-shortcut{display:inline-block;margin-top:20px;font-size:13px;color:var(--blue);text-underline-offset:4px}.sidebar .calculator-shortcut{margin-top:14px}.integer-calculator>p:last-child{margin-bottom:0}@media(max-width:600px){.integer-calculator{padding:20px}.calc-operands{grid-template-columns:1fr;gap:15px}.calc-heading h3{font-size:25px}.calc-heading .eyebrow{font-size:8px;line-height:1.7}.calc-operations{gap:5px}.calc-operations button span{font-size:9px}.calc-result{padding:16px}.calc-answer output{font-size:19px}.calc-answer #calc-answer-2{font-size:13px}.calc-operands input{font-size:14px}.calc-operands textarea{min-height:75px}.calc-intro{font-size:13px}}@media(prefers-reduced-motion:reduce){.calc-operations button{transition:none}}@media print{.integer-calculator{background:white;color:black}.calc-answer output,.calc-heading h3{color:black}}