:root{--primary: #b4540a;--primary-dark: #8a3f06;--border: #e3e6ec;--surface: #ffffff;--shadow-soft: 0 1px 2px rgba(17, 24, 39, 0.05), 0 10px 30px rgba(17, 24, 39, 0.07);--surface-muted: #f6f7f9;--text-main: #18202b;--text-muted: #5d6878;}
.sc-wrap{--sc-ink: #18202b;--sc-dim: #5d6878;--sc-line: #e3e6ec;--sc-bg: #f6f7f9;--sc-body: #1c2430;--sc-body-edge: #121820;--sc-screen: #e9efe4;--sc-screen-ink: #1d2a1a;--sc-screen-dim: #5b6b55;--sc-num: #f3f4f6;--sc-num-ink: #18202b;--sc-fn: #2e3846;--sc-fn-ink: #e7ecf3;--sc-op: #3d4a5c;--sc-op-ink: #ffffff;--sc-accent: #f08a24;--sc-accent-dark: #d4700f;--sc-second: #4f8cc9;--sc-err: #b42318;--sc-err-bg: #fdecea;color: var(--sc-ink);}
.sc-sr{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.sc-mono{font-family: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;}
.sc-bench{display: grid;grid-template-columns: minmax(0, 460px) minmax(0, 1fr);gap: 1.5rem;align-items: start;margin: 1rem 0 1.25rem;}
.sc-calc{background: linear-gradient(180deg, var(--sc-body) 0%, var(--sc-body-edge) 100%);border-radius: 22px;padding: 1rem;box-shadow: 0 18px 40px rgba(17, 24, 39, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.06);}
.sc-screen{position: relative;background: var(--sc-screen);border-radius: 12px;padding: 0.6rem 0.85rem 0.55rem;margin-bottom: 0.9rem;box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.18);min-height: 128px;display: flex;flex-direction: column;}
.sc-flags{display: flex;gap: 0.45rem;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.06em;color: var(--sc-screen-dim);min-height: 1rem;}
.sc-flag{padding: 0 0.35rem;border-radius: 4px;background: rgba(29, 42, 26, 0.08);}
.sc-flag-2nd{background: var(--sc-second);color: #fff;}
.sc-recall{font-size: 0.85rem;color: var(--sc-screen-dim);text-align: right;min-height: 1.25rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.15rem;}
.sc-expr{width: 100%;border: 0;background: transparent;text-align: right;font-size: 1.85rem;font-weight: 600;color: var(--sc-screen-ink);padding: 0.1rem 0;caret-color: var(--sc-accent-dark);}
.sc-expr:focus{outline: none;}
.sc-expr::placeholder{color: var(--sc-screen-ink);opacity: 0.55;}
.sc-preview{text-align: right;font-size: 1rem;color: var(--sc-screen-dim);min-height: 1.4rem;}
.sc-error{margin: 0.25rem 0 0;padding: 0.3rem 0.5rem;font-size: 0.85rem;font-weight: 600;color: var(--sc-err);background: var(--sc-err-bg);border-radius: 6px;text-align: right;}
.sc-keys{display: grid;gap: 0.45rem;}
.sc-keys-sci{grid-template-columns: repeat(5, 1fr);margin-bottom: 0.7rem;}
.sc-keys-num{grid-template-columns: repeat(4, 1fr);gap: 0.55rem;}
.sc-key{position: relative;display: flex;align-items: center;justify-content: center;min-height: 44px;padding: 0.35rem 0.2rem;font-size: 0.95rem;font-weight: 600;line-height: 1;color: var(--sc-fn-ink);background: var(--sc-fn);border: 0;border-radius: 10px;box-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);cursor: pointer;user-select: none;-webkit-tap-highlight-color: transparent;transition: transform 0.06s, filter 0.12s;}
.sc-key:hover{filter: brightness(1.12);}
.sc-key:active{transform: translateY(2px);box-shadow: none;}
.sc-key:focus-visible{outline: 3px solid var(--sc-accent);outline-offset: 2px;}
.sc-keys-num .sc-key{min-height: 54px;font-size: 1.3rem;}
.sc-k-num{background: var(--sc-num);color: var(--sc-num-ink);}
.sc-k-op{background: var(--sc-op);color: var(--sc-op-ink);font-size: 1.45rem;}
.sc-keys-num .sc-k-op{font-size: 1.45rem;}
.sc-k-clear{background: #c2412d;color: #fff;}
.sc-k-eq{background: var(--sc-accent);color: #fff;}
.sc-k-eq:hover{background: var(--sc-accent-dark);filter: none;}
.sc-k-mode{background: #26303c;color: #b9c6d6;font-size: 0.8rem;letter-spacing: 0.04em;}
.sc-k-mode[aria-pressed="true"]{background: var(--sc-second);color: #fff;}
.sc-k-mem{font-size: 0.82rem;color: #c9d3df;}
.sc-l2{display: none;}
.sc-calc.is-second .sc-has2 .sc-l1{display: none;}
.sc-calc.is-second .sc-has2 .sc-l2{display: inline;}
.sc-calc.is-second .sc-has2{background: #2f4a66;color: #fff;}
.sc-key sup{font-size: 0.65em;margin-left: 1px;}
.sc-tip{margin: 0.8rem 0.2rem 0;font-size: 0.78rem;line-height: 1.45;color: #9aa7b8;text-align: center;}
.sc-tip kbd{padding: 0.05rem 0.3rem;font-size: 0.72rem;color: #e7ecf3;background: #2e3846;border-radius: 4px;}
.sc-side{display: flex;flex-direction: column;gap: 1rem;min-width: 0;}
.sc-card{background: var(--surface);border: 1px solid var(--sc-line);border-radius: 14px;box-shadow: var(--shadow-soft);padding: 1rem 1.1rem;}
.sc-card-head{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;margin-bottom: 0.65rem;}
.sc-card h2{margin: 0;font-size: 1rem;font-weight: 700;color: var(--sc-ink);}
.sc-actions{display: flex;flex-wrap: wrap;gap: 0.5rem;}
.sc-btn{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.5rem 0.9rem;font-size: 0.88rem;font-weight: 600;color: var(--sc-ink);background: var(--sc-bg);border: 1px solid var(--sc-line);border-radius: 9px;cursor: pointer;}
.sc-btn:hover{border-color: var(--primary);color: var(--primary-dark);}
.sc-btn:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px;}
.sc-btn-sm{padding: 0.25rem 0.6rem;font-size: 0.78rem;}
.sc-samples{display: flex;flex-wrap: wrap;gap: 0.45rem;margin: 0;padding: 0;list-style: none;}
.sc-sample{padding: 0.4rem 0.7rem;font-size: 0.88rem;color: var(--sc-ink);background: #fff7ef;border: 1px solid #f3d9bf;border-radius: 999px;cursor: pointer;}
.sc-sample:hover{background: #ffecd9;border-color: var(--primary);}
.sc-sample:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px;}
.sc-sample small{color: var(--sc-dim);margin-left: 0.25rem;}
.sc-history{list-style: none;margin: 0;padding: 0;max-height: 330px;overflow-y: auto;}
.sc-history li{display: flex;flex-direction: column;align-items: flex-end;padding: 0.45rem 0;border-bottom: 1px dashed var(--sc-line);}
.sc-history li:last-child{border-bottom: 0;}
.sc-h-expr,.sc-h-res{max-width: 100%;padding: 0.1rem 0.3rem;background: none;border: 0;border-radius: 5px;text-align: right;cursor: pointer;overflow-wrap: anywhere;font-family: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;}
.sc-h-expr{font-size: 0.82rem;color: var(--sc-dim);}
.sc-h-res{font-size: 1rem;font-weight: 700;color: var(--sc-ink);}
.sc-h-expr:hover,.sc-h-res:hover{background: var(--sc-bg);color: var(--primary-dark);}
.sc-empty{margin: 0;font-size: 0.88rem;color: var(--sc-dim);}
.sc-toast{position: fixed;left: 50%;bottom: 1.5rem;transform: translate(-50%, 1rem);padding: 0.55rem 1rem;font-size: 0.9rem;font-weight: 600;color: #fff;background: #18202b;border-radius: 999px;opacity: 0;pointer-events: none;transition: opacity 0.2s, transform 0.2s;z-index: 1080;}
.sc-toast.is-on{opacity: 1;transform: translate(-50%, 0);}
.sc-byline{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.5rem;margin: 0 0 2rem;padding: 0.7rem 1rem;font-size: 0.85rem;color: var(--sc-dim);background: var(--sc-bg);border: 1px solid var(--sc-line);border-radius: 10px;}
.sc-byline a{color: var(--primary-dark);font-weight: 600;}
.sc-article{margin: 0 auto 2.5rem;font-size: 1.02rem;line-height: 1.7;color: var(--sc-ink);}
.sc-article h2{margin: 2.25rem 0 0.75rem;font-size: 1.5rem;font-weight: 800;line-height: 1.25;}
.sc-article h2:first-child{margin-top: 0;}
.sc-article h3{margin: 0 0 0.35rem;font-size: 1.05rem;font-weight: 700;}
.sc-article p{margin: 0 0 0.9rem;}
.sc-article code{padding: 0.1rem 0.35rem;font-size: 0.9em;color: #7a2e04;background: #fff3e6;border-radius: 5px;}
.sc-article a{color: var(--primary-dark);}
.sc-lead{font-size: 1.1rem;color: var(--sc-dim);}
.sc-scroll{overflow-x: auto;margin: 0 0 1rem;border: 1px solid var(--sc-line);border-radius: 12px;}
.sc-table{width: 100%;border-collapse: collapse;font-size: 0.93rem;}
.sc-table th,.sc-table td{padding: 0.55rem 0.8rem;text-align: left;border-bottom: 1px solid var(--sc-line);vertical-align: top;}
.sc-table thead th{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--sc-dim);background: var(--sc-bg);}
.sc-table tr:last-child td{border-bottom: 0;}
.sc-table td.sc-num{font-family: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, monospace;white-space: nowrap;}
.sc-keycap{display: inline-block;min-width: 1.9rem;padding: 0.1rem 0.4rem;font-size: 0.85rem;font-weight: 700;text-align: center;color: #e7ecf3;background: var(--sc-fn);border-radius: 6px;white-space: nowrap;}
.sc-keycap.is-2nd{background: var(--sc-second);}
.sc-rank{counter-reset: rank;list-style: none;margin: 0 0 1rem;padding: 0;}
.sc-rank li{counter-increment: rank;position: relative;padding: 0.55rem 0 0.55rem 2.6rem;border-bottom: 1px solid var(--sc-line);}
.sc-rank li:last-child{border-bottom: 0;}
.sc-rank li::before{content: counter(rank);position: absolute;left: 0;top: 0.55rem;display: grid;place-items: center;width: 1.8rem;height: 1.8rem;font-size: 0.85rem;font-weight: 800;color: #fff;background: var(--primary);border-radius: 50%;}
.sc-cases{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem;margin: 0 0 1rem;}
.sc-case{padding: 1rem 1.1rem;background: var(--surface);border: 1px solid var(--sc-line);border-left: 4px solid var(--primary);border-radius: 10px;}
.sc-case p{margin: 0 0 0.5rem;font-size: 0.95rem;}
.sc-case .sc-answer{margin: 0;font-weight: 700;}
.sc-limits{margin: 0 0 1rem;padding-left: 1.2rem;}
.sc-limits li{margin-bottom: 0.6rem;}
@media (max-width: 991.98px){.sc-bench{grid-template-columns: 1fr;}.sc-calc{max-width: 480px;width: 100%;margin: 0 auto;}}
@media (max-width: 575.98px){.sc-calc{padding: 0.75rem;border-radius: 18px;}.sc-keys-sci{gap: 0.35rem;}.sc-key{min-height: 42px;font-size: 0.85rem;}.sc-keys-num .sc-key{min-height: 52px;}.sc-expr{font-size: 1.6rem;}.sc-cases{grid-template-columns: 1fr;}.sc-article h2{font-size: 1.3rem;}}