.site-calculator .basic-launch{min-height:48px;border-color:#b9cdd9;background:#eef5fc;color:#234d83;white-space:nowrap;font-weight:650;font-size:14px;gap:7px}
.site-calculator .basic-launch .icon{width:19px;height:19px}
.site-calculator .home-basic-launch{margin-top:14px;min-height:46px;background:#eef5fc;color:#234d83;font-size:14px;font-weight:650;border-color:#b9cdd9}
.basic-calculator{position:fixed;inset:16px 16px 16px auto;width:min(392px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:0;height:fit-content;overflow:auto;overscroll-behavior:contain;border:1px solid #c6d8ce;border-radius:22px;background:#fff;color:var(--ink);padding:0;box-shadow:0 16px 64px #183e3530}
.basic-calculator::backdrop{background:#173b321f}
.basic-calculator[open]{animation:basic-open 160ms ease-out}
.basic-shell{padding:22px}
.basic-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;position:sticky;top:0;z-index:2;background:#fff;padding-bottom:8px}
.basic-heading h2{font-size:22px;line-height:1.3;margin:0}
.basic-heading p{font-size:12px;line-height:1.5;margin:5px 0 0}
.basic-close{min-width:44px;min-height:44px;padding:0;font-size:26px;border-radius:50%;flex-shrink:0;background:#f1f5f2}
.basic-display{background:#eef5ef;border:1px solid #d1e1d5;border-radius:14px;padding:14px 16px;margin-bottom:15px;text-align:right;min-height:112px;display:flex;flex-direction:column;justify-content:flex-end}
.basic-display-meta{min-height:16px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#506960}
#basic-memory{font-weight:700}
#basic-expression{min-height:24px;font-size:12px;color:#526a60;overflow-wrap:anywhere;line-height:1.5}
#basic-output{display:block;font-size:clamp(24px,7vw,31px);line-height:1.4;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#173b32;user-select:text}
.basic-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.basic-key{min-height:49px;padding:8px 0;border-radius:10px;border:1px solid #d1ddd3;background:#f9fbf8;box-shadow:0 3px 0 #dbe5dc;font-size:20px;transition:transform 100ms ease,background 100ms ease}
.basic-key-function{font-size:14px;color:#486457;background:#f1f5ef}
.basic-key-op{background:#e8f2ec;color:#16634b}
.basic-key-op[aria-pressed=true]{background:#24654f;color:#fff;border-color:#24654f}
.basic-key-equal{grid-column:1/-1;background:#24654f;color:#fff;border-color:#24654f;font-size:23px}
.basic-key:active,.basic-key.is-pressed{transform:translateY(2px);box-shadow:0 1px 0 #dbe5dc}
.basic-result-actions{display:flex;align-items:center;gap:10px;margin-top:16px;min-height:44px}
.basic-result-actions button{min-height:40px;padding:7px 12px;font-size:13px;white-space:nowrap}
#basic-action-status{font-size:12px;color:#376c55;line-height:1.5;overflow-wrap:anywhere}
.basic-process{border-top:1px solid #d6e1d9;margin-top:16px;padding-top:14px}
.basic-process summary{min-height:44px;cursor:pointer;font-size:14px;font-weight:650;display:list-item;align-content:center}
.basic-registers{margin:8px 0 0}
.basic-registers>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e0e9e3}
.basic-registers dt{font-size:12px;color:#60786b;flex-shrink:0}
.basic-registers dd{font-size:14px;text-align:right;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.basic-flow{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:18px 0 12px;font-size:12px;color:#60786b}
.basic-flow [data-basic-phase]{padding:8px 12px;border-radius:8px;transition:transform 130ms ease,background 130ms ease}
.basic-flow .is-active{background:#e8f2ec;color:#16634b;transform:translateY(-2px);font-weight:650}
#basic-status{font-size:12px;line-height:1.5;min-height:36px}
#basic-status[role=alert]{color:#a2332c}
.basic-process h3{font-size:15px;margin-top:15px}
#basic-history{padding-left:22px;font-size:12px;line-height:1.7;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.basic-process [data-basic-key=history-clear]{font-size:12px;min-height:40px;padding:7px 12px}
.basic-help,.basic-keyboard-help{font-size:12px;color:#60786b;line-height:1.6;margin:12px 0 0}
.basic-keyboard-help{text-align:center}
@keyframes basic-open{from{transform:translateX(24px)}to{transform:translateX(0)}}
@media(max-width:1500px){.site-calculator .site-header:has(.basic-launch){grid-template-columns:minmax(0,1fr) auto}.site-calculator .site-header:has(.basic-launch)>nav[aria-label="주 메뉴"]{grid-column:1/-1;grid-row:2;justify-content:flex-start}.site-calculator .site-header:has(.basic-launch)>.weave-service-links{grid-column:2;grid-row:1;justify-self:end}}
@media(max-width:650px){.site-calculator .site-header>nav[aria-label="주 메뉴"] .basic-launch{grid-column:1/-1;width:100%}.basic-calculator{inset:auto 0 0;width:100%;max-height:90dvh;border-radius:22px 22px 0 0;animation-name:basic-open-mobile}.basic-shell{padding:20px max(20px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-bottom))}.basic-key{min-height:48px}.basic-heading h2{font-size:21px}}
@media(max-height:780px){.basic-shell{padding:16px 18px max(16px,env(safe-area-inset-bottom))}.basic-heading{margin-bottom:10px}.basic-heading h2{font-size:20px}.basic-display{min-height:88px;padding:10px 14px;margin-bottom:12px}.basic-keypad{gap:7px}.basic-key{min-height:44px}.basic-result-actions{margin-top:12px;min-height:40px}.basic-process{margin-top:12px;padding-top:8px}.basic-keyboard-help{display:none}}
@keyframes basic-open-mobile{from{transform:translateY(24px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.basic-calculator[open]{animation:none}.basic-key,.basic-flow [data-basic-phase]{transition:none}.basic-key:active,.basic-key.is-pressed,.basic-flow .is-active{transform:none}}
@media print{.basic-calculator,.basic-launch,.home-basic-launch{display:none!important}}
