.adder-study{color:#47644d;background:radial-gradient(at 42% 10%,#f6f4e9,#e5e9dc);padding:28px 36px 30px}.adder-topline{color:#8a9981;letter-spacing:.09em;justify-content:space-between;gap:20px;font-size:12px;display:flex}.adder-columns{margin-top:30px}.adder-expression{color:#617b58;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:26px;margin:20px 0 25px;font-size:34px;font-weight:500;display:flex}.adder-expression i{color:#596a50;font-size:26px;font-style:normal}.adder-expression strong{color:#a76f50;font-weight:500}.adder-columns svg,.adder-circuit svg{width:100%;height:auto;max-height:400px;display:block;overflow:visible}.adder-digit{font-variant-numeric:tabular-nums;font-size:34px;font-weight:500}.adder-digit:not(.adder-sum){fill:#5e7655}.adder-flags{color:#58694f;justify-content:center;gap:36px;margin:26px 0 8px;font-size:16px;display:flex}.adder-flags span{align-items:center;gap:14px;display:flex}.adder-flags span[data-on=true]{color:#8f5339}.adder-flags b{font-size:19px;font-weight:500}.adder-circuit{margin-top:45px}.adder-circuit p{text-align:center;color:#5d6e53;margin:18px 0 0;font-size:16px;line-height:1.8}.adder-controls{gap:25px;margin-top:36px;display:grid}.adder-operands{grid-template-columns:1fr 1fr;gap:35px;display:grid}.adder-controls .btn{justify-self:center}.showcase[data-mode=watch] .adder-study{flex-direction:column;min-height:620px;display:flex}.showcase[data-mode=watch] .adder-columns,.showcase[data-mode=watch] .adder-circuit{margin-top:auto;margin-bottom:auto}@media (max-width:760px){.adder-study{padding:22px 14px}.adder-topline{font-size:10px}.adder-expression{gap:17px;margin:25px 0 30px;font-size:29px}.adder-expression i{font-size:22px}.adder-digit{font-size:27px}.adder-flags{justify-content:space-between;gap:18px;margin-top:22px;font-size:16px}.adder-flags span{gap:8px}.adder-flags b{font-size:17px}.adder-operands{grid-template-columns:1fr;gap:25px}.adder-circuit{margin-top:25px}.adder-circuit svg{max-height:none}.adder-circuit p{font-size:16px}.showcase[data-mode=watch] .adder-study{min-height:520px}}.adder-interpretation{color:#58694f;justify-content:center;gap:36px;margin-top:20px;font-size:16px;display:flex}.adder-interpretation span{align-items:baseline;gap:12px;transition:color .25s;display:flex}.adder-interpretation b{font-size:24px;font-weight:500}.adder-interpretation span[data-selected=true]{color:#8f5339}@media (max-width:760px){.adder-interpretation{grid-template-columns:1fr 1fr;gap:20px;font-size:16px;display:grid}.adder-interpretation b{font-size:22px}}@media (prefers-reduced-motion:reduce){.adder-interpretation span{transition:none}}.adder-circuit,.adder-columns{animation:.55s cubic-bezier(.22,1,.36,1) adder-arrive}@keyframes adder-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.adder-circuit,.adder-columns{animation:none}}@media (max-width:760px){.adder-interpretation span{text-align:center;gap:3px;display:grid}}.adder-study:not([data-playing=true]) .adder-circuit,.adder-study:not([data-playing=true]) .adder-columns{animation:none}.adder-columns svg{max-height:330px}.adder-topline>span:last-child{letter-spacing:normal;font-size:16px}.adder-bit-columns{font-variant-numeric:tabular-nums;width:100%;max-width:740px;margin:0 auto;font-size:16px;line-height:1.4}.adder-native-grid>[role=row]{grid-template-columns:42px repeat(var(--adder-bits), minmax(0, 1fr));text-align:center;align-items:center;gap:4px;min-height:30px;display:grid}.adder-native-grid>[role=row]>:first-child{text-align:left;font-size:16px}.adder-native-grid b{font-size:26px;font-weight:500;line-height:1.2}.adder-native-grid .adder-native-weights b{font-size:16px}.adder-native-carry{color:#8f5339}.adder-native-carry>[role=cell]{font-size:16px;position:relative}.adder-native-carry i{color:#73826b;font-style:normal;position:absolute;left:-8px}.adder-native-carry>:nth-child(2) i{display:none}.adder-native-sum{background:#d7dfc766;border-top:1px solid #9eaf92;border-radius:0 0 8px 8px}.adder-outside-word,.adder-carry-key,.adder-word-reading{color:#58694f;margin:5px 0;font-size:16px}.adder-outside-word{color:#8f5339}.adder-word-reading{text-align:right}.adder-bank-bridge{color:#8f5339;text-align:center;padding:5px 0;font-size:16px}.adder-circuit-map{width:100%;max-width:860px;margin:0 auto;position:relative}.adder-circuit-map svg{width:100%;height:100%;max-height:none}.adder-circuit-label{white-space:nowrap;color:#566d4f;pointer-events:none;font-size:16px;line-height:1.2;position:absolute;transform:translate(-50%,-50%)}.adder-signal-value{font-size:18px;font-weight:500}@media (max-width:760px){.adder-study{padding:16px 14px}.adder-expression{gap:12px;margin:12px 0;font-size:28px}.adder-native-grid>[role=row]{grid-template-columns:36px repeat(var(--adder-bits), minmax(0, 1fr));gap:3px;min-height:24px}.adder-native-grid b{font-size:22px}.adder-native-grid .adder-native-weights b{font-size:16px}.adder-flags{gap:6px;margin:12px 0 0;display:grid}.adder-flags span{justify-content:space-between;gap:12px;font-size:16px}.adder-interpretation{margin-top:12px}.adder-circuit p{overflow-wrap:anywhere;margin-top:12px;line-height:1.4}}
