:root{--color-background: #F8F9FA;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text-primary: #2D3436;--color-text-secondary: #636E72;--color-text-muted: #B2BEC3;--color-frame: #C9A227;--color-frame-dark: #8B7355;--color-frame-light: #D4B44C;--color-bead: #D4A520;--color-bead-stripe: #2C2416;--color-bead-highlight: #E8C547;--color-rod: #F5F5F0;--color-comma-dot: #1A1A1A;--color-primary: #C9A227;--color-primary-hover: #B8960C;--color-success: #00B894;--color-danger: #E17055;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Fira Mono", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);overflow-x:hidden;scroll-behavior:smooth}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none;padding:0}button{cursor:pointer;border:none;background:none;padding:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button,[role=button],input,select,textarea,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,[role=button]{user-select:none;-webkit-user-select:none}body{overscroll-behavior-y:contain}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.bead-slot{display:flex;align-items:center;justify-content:center;position:relative;width:var(--bead-slot-width);height:var(--bead-slot-height);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform var(--transition-fast) var(--ease-out)}.bead-slot:hover .bead{filter:brightness(1.05)}.bead-slot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.bead-slot:active .bead{transform:scale(.95)}.bead{position:relative;display:flex;align-items:center;justify-content:center;width:var(--bead-width);height:var(--bead-height);transition:transform var(--transition-fast) var(--ease-out),filter var(--transition-fast);transform-style:preserve-3d}.bead--disabled{cursor:not-allowed;filter:saturate(.6) brightness(.9)}.bead__body{position:relative;width:100%;height:100%;clip-path:polygon(50% 0%,95% 50%,50% 100%,5% 50%);background:radial-gradient(ellipse 80% 40% at 50% 20%,var(--bead-highlight) 0%,transparent 60%),linear-gradient(135deg,var(--bead-highlight) 0%,var(--bead-primary) 25%,var(--bead-primary) 50%,var(--bead-shadow) 75%,var(--bead-shadow) 100%);filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));border-radius:2px}.bead__stripe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;height:18%;background:linear-gradient(180deg,var(--stripe-primary) 0%,var(--stripe-shadow) 50%,var(--stripe-primary) 100%);border-radius:50%;box-shadow:inset 0 1px 2px #0000004d}.bead__highlight{position:absolute;left:50%;top:15%;transform:translate(-50%);width:40%;height:12%;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 40%,transparent 70%);border-radius:50%;pointer-events:none}:root{--bead-slot-width: clamp(30px, 5vw, 36px);--bead-slot-height: clamp(26px, 4.6vh, 32px);--bead-width: clamp(28px, 4.7vw, 32px);--bead-height: clamp(24px, 4.1vh, 28px);--bead-primary: #D4A520;--bead-highlight: #E8C547;--bead-shadow: #B8860B;--stripe-primary: #2C2416;--stripe-shadow: #1A1610}@media(min-width:480px){:root{--bead-slot-width: clamp(34px, 5vw, 42px);--bead-slot-height: clamp(30px, 4.8vh, 36px);--bead-width: clamp(31px, 4.7vw, 38px);--bead-height: clamp(27px, 4.3vh, 32px)}}@media(min-width:768px){:root{--bead-slot-width: clamp(38px, 4.8vw, 48px);--bead-slot-height: clamp(33px, 4.8vh, 42px);--bead-width: clamp(35px, 4.4vw, 44px);--bead-height: clamp(30px, 4.3vh, 38px)}}@media(min-width:1024px){:root{--bead-slot-width: clamp(42px, 4.2vw, 54px);--bead-slot-height: clamp(36px, 4.8vh, 48px);--bead-width: clamp(39px, 3.9vw, 50px);--bead-height: clamp(33px, 4.3vh, 44px)}}@media(min-width:1440px){:root{--bead-slot-width: clamp(46px, 3.5vw, 60px);--bead-slot-height: clamp(38px, 4.7vh, 52px);--bead-width: clamp(42px, 3.3vw, 56px);--bead-height: clamp(35px, 4.3vh, 48px)}}@keyframes beadAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes beadMove{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes beadPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.bead{animation:beadAppear .18s var(--ease-out) forwards;will-change:transform,opacity}.bead:active{animation:beadMove .15s ease-out}@media(hover:none)and (pointer:coarse){.bead-slot{min-width:44px;min-height:44px}.bead-slot:hover .bead{filter:none}}@media(prefers-reduced-motion:reduce){.bead,.bead-slot{transition:none}.bead:active{animation:none}}@media(prefers-contrast:high){.bead__body{background:var(--bead-primary);border:2px solid #000}.bead__stripe{background:#000}.bead__highlight{display:none}}.column{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:var(--column-padding) 0;z-index:1}.column--heaven{justify-content:flex-end}.column--earth{justify-content:flex-start}.column__rod{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:var(--rod-width);background:linear-gradient(90deg,var(--rod-edge) 0%,var(--rod-highlight) 20%,var(--rod-primary) 40%,var(--rod-primary) 60%,var(--rod-highlight) 80%,var(--rod-edge) 100%);box-shadow:1px 0 2px #0000001a,-1px 0 2px #0000001a;z-index:-1;border-radius:var(--rod-width)}.column__beads{display:flex;flex-direction:column;align-items:center;gap:var(--bead-gap);width:100%;z-index:1}:root{--column-min-width: 28px;--column-max-width: 76px;--column-width: 44px;--column-padding: clamp(3px, .6vh, 4px);--rod-width: 4px;--rod-primary: #C0C0C0;--rod-highlight: #E8E8E8;--rod-edge: #909080;--bead-gap: clamp(1px, .35vh, 2px)}@media(min-width:480px){:root{--column-min-width: 32px;--column-max-width: 80px;--column-width: 52px;--column-padding: clamp(4px, .7vh, 6px);--rod-width: 5px;--bead-gap: clamp(2px, .45vh, 3px)}}@media(min-width:768px){:root{--column-min-width: 36px;--column-max-width: 90px;--column-width: 60px;--column-padding: clamp(5px, .8vh, 8px);--rod-width: 6px;--bead-gap: clamp(2px, .5vh, 4px)}}@media(min-width:1024px){:root{--column-min-width: 40px;--column-max-width: 100px;--column-width: 68px;--column-padding: clamp(6px, .9vh, 10px);--rod-width: 6px;--bead-gap: clamp(3px, .55vh, 5px)}}@media(min-width:1440px){:root{--column-min-width: 44px;--column-max-width: 110px;--column-width: 76px;--column-padding: clamp(7px, 1vh, 12px);--rod-width: 7px;--bead-gap: clamp(3px, .6vh, 6px)}}@media(prefers-contrast:high){.column__rod{background:#000;box-shadow:none}}@media(prefers-color-scheme:dark){:root{--rod-primary: #A0A0A0;--rod-highlight: #D0D0D0;--rod-edge: #606060}}.column--has-break:after{content:"";position:absolute;top:0;bottom:0;right:0;width:3px;transform:translate(50%);background:repeating-linear-gradient(to bottom,#4A90D9 0px,#4A90D9 6px,transparent 6px,transparent 12px);z-index:10;pointer-events:none}.section{display:flex;align-items:stretch;justify-content:center;width:100%;background:var(--section-bg);position:relative}.section--heaven{height:var(--heaven-section-height);align-items:flex-end;background:linear-gradient(180deg,var(--section-bg) 0%,var(--section-bg-light) 100%);border-radius:var(--frame-radius) var(--frame-radius) 0 0}.section--earth{height:var(--earth-section-height);align-items:flex-start;background:linear-gradient(180deg,var(--section-bg-light) 0%,var(--section-bg) 100%);border-radius:0 0 var(--frame-radius) var(--frame-radius)}.section__columns{display:grid;grid-template-columns:repeat(var(--num-columns, 13),1fr);align-items:stretch;width:100%;height:100%;padding:0 var(--section-padding)}.section__break{width:var(--break-separator-width, 12px);min-width:var(--break-separator-width, 12px);flex:0 0 auto;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(74,144,217,.3) 20%,rgba(74,144,217,.5) 50%,rgba(74,144,217,.3) 80%,transparent 100%);border-left:2px dashed rgba(74,144,217,.6);border-right:2px dashed rgba(74,144,217,.6);border-radius:4px;margin:4px 2px}:root{--heaven-section-height: calc(var(--bead-slot-height) * 2 + var(--bead-gap) + var(--column-padding) * 2);--earth-section-height: calc(var(--bead-slot-height) * 5 + var(--bead-gap) * 4 + var(--column-padding) * 2);--section-bg: #F5E6C8;--section-bg-light: #FDF5E6;--frame-radius: 8px;--section-padding: 8px;--column-gap: 2px}@media(min-width:480px){:root{--frame-radius: 10px;--section-padding: 10px;--column-gap: 3px}}@media(min-width:768px){:root{--frame-radius: 12px;--section-padding: 12px;--column-gap: 4px}}@media(min-width:1024px){:root{--frame-radius: 14px;--section-padding: 14px;--column-gap: 5px}}@media(min-width:1440px){:root{--frame-radius: 16px;--section-padding: 16px;--column-gap: 6px}}@media(prefers-color-scheme:dark){:root{--section-bg: #3D3428;--section-bg-light: #4D4438}}@media(prefers-contrast:high){.section{background:#fff;border:2px solid #000}}.divider-bar{position:relative;display:flex;align-items:center;width:100%;height:var(--divider-height);z-index:2}.divider-bar__beam{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--divider-beam-height);background:linear-gradient(180deg,var(--frame-highlight) 0%,var(--frame-primary) 30%,var(--frame-primary) 70%,var(--frame-shadow) 100%);box-shadow:0 -1px 2px #ffffff4d,0 2px 4px #0003;border-radius:var(--divider-beam-height)}.divider-bar__dots-container{display:grid;grid-template-columns:repeat(var(--num-columns, 13),1fr);align-items:center;width:100%;height:100%;padding:0 var(--section-padding);position:relative;z-index:1}.divider-bar__dot-space{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.divider-bar__break{width:var(--break-separator-width, 12px);min-width:var(--break-separator-width, 12px);flex:0 0 auto;height:100%}.divider-bar__dot{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--stripe-primary) 0%,var(--stripe-shadow) 100%);box-shadow:inset 0 -1px 2px #0000004d,0 1px 2px #0003;cursor:pointer;transition:transform .15s ease}.divider-bar__dot:hover{transform:scale(1.2)}.divider-bar__dot--static{cursor:default}.divider-bar__dot--static:hover{transform:none}.divider-bar__dot:focus{outline:2px solid var(--frame-highlight);outline-offset:2px}.divider-bar__dot--static:focus{outline:none}.divider-bar__dot--break{background:radial-gradient(circle at 30% 30%,#4a90d9,#2e6bb5);width:calc(var(--dot-size) * 1.4);height:calc(var(--dot-size) * 1.4);box-shadow:inset 0 -1px 2px #0000004d,0 0 8px #4a90d999,0 2px 4px #0000004d}.divider-bar__dot--break:hover{transform:scale(1.2)}.divider-bar__dot--decimal{background:radial-gradient(circle at 30% 30%,#ff6b6b,#c44);width:calc(var(--dot-size) * 1.5);height:calc(var(--dot-size) * 1.5);box-shadow:inset 0 -1px 2px #0000004d,0 0 8px #ff6b6b99,0 2px 4px #0000004d}.divider-bar__dot--decimal:hover{transform:scale(1.2)}:root{--divider-height: clamp(12px, 2.4vh, 16px);--divider-beam-height: clamp(8px, 1.5vh, 10px);--dot-size: 6px;--frame-primary: #C9A227;--frame-highlight: #DEB841;--frame-shadow: #9A7B1B}@media(min-width:480px){:root{--divider-height: clamp(13px, 2.4vh, 18px);--divider-beam-height: clamp(9px, 1.6vh, 12px);--dot-size: 7px}}@media(min-width:768px){:root{--divider-height: clamp(15px, 2.5vh, 22px);--divider-beam-height: clamp(10px, 1.7vh, 14px);--dot-size: 8px}}@media(min-width:1024px){:root{--divider-height: clamp(17px, 2.6vh, 26px);--divider-beam-height: clamp(11px, 1.8vh, 16px);--dot-size: 9px}}@media(min-width:1440px){:root{--divider-height: clamp(18px, 2.7vh, 30px);--divider-beam-height: clamp(12px, 1.9vh, 18px);--dot-size: 10px}}@media(prefers-color-scheme:dark){:root{--frame-primary: #B89222;--frame-highlight: #CCA836;--frame-shadow: #8A6B15}}@media(prefers-contrast:high){.divider-bar__beam,.divider-bar__dot{background:#000;box-shadow:none}}.abacus{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:calc(100vw - 2 * var(--abacus-padding));padding:var(--abacus-padding)}.abacus__frame{display:flex;flex-direction:column;align-items:stretch;width:100%;background:linear-gradient(135deg,var(--frame-highlight) 0%,var(--frame-primary) 20%,var(--frame-primary) 80%,var(--frame-shadow) 100%);border:var(--frame-border-width) solid var(--frame-shadow);border-radius:var(--frame-radius);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,inset 0 1px #fff3,inset 1px 0 #ffffff26,inset 0 -2px #0000001a,inset -1px 0 #0000000d;position:relative;overflow:hidden}.abacus__frame:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 2px,rgba(139,90,43,.03) 2px,rgba(139,90,43,.03) 4px);z-index:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--abacus-padding: clamp(6px, 1.2vh, 16px);--frame-border-width: clamp(5px, 1vh, 8px)}@media(min-width:480px){:root{--abacus-padding: clamp(7px, 1.3vh, 18px);--frame-border-width: clamp(5px, 1vh, 8px)}}@media(min-width:768px){:root{--abacus-padding: clamp(8px, 1.4vh, 20px);--frame-border-width: clamp(6px, 1vh, 9px)}}@media(min-width:1024px){:root{--abacus-padding: clamp(10px, 1.5vh, 22px);--frame-border-width: clamp(7px, 1.1vh, 10px)}}@media(min-width:1440px){:root{--abacus-padding: clamp(10px, 1.6vh, 24px);--frame-border-width: clamp(7px, 1.2vh, 10px)}}@media(prefers-color-scheme:dark){.abacus__frame{box-shadow:0 4px 12px #0006,0 2px 4px #0000004d,inset 0 1px #ffffff1a,inset 0 -2px #0003}}@media(prefers-contrast:high){.abacus__frame{background:#fff;border:3px solid #000;box-shadow:none}.abacus__frame:before{display:none}}@media(prefers-reduced-motion:reduce){.abacus__frame,.abacus__frame *{transition:none!important;animation:none!important}}@media print{.abacus{max-width:100%;padding:0}.abacus__frame{box-shadow:none;border:2px solid #000}}.value-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-width:200px;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.06)}.value-display__content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:center}.value-display__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.value-display__number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-frame);font-variant-numeric:tabular-nums;letter-spacing:.02em;transition:transform .15s var(--ease-out)}.value-display__number:focus-within{transform:scale(1.02)}.value-display__format-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out),transform .1s var(--ease-out)}.value-display__format-toggle:hover{background-color:#00000014;border-color:#0000001f}.value-display__format-toggle:active{transform:scale(.95)}.value-display__format-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.value-display__format-icon{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}@media(min-width:480px){.value-display{min-width:220px;padding:var(--spacing-md) var(--spacing-xl)}}@media(min-width:768px){.value-display{min-width:250px}.value-display__number{font-size:var(--font-size-2xl)}.value-display__format-toggle{width:36px;height:36px}}@media(min-width:1024px){.value-display{min-width:280px}.value-display__number{font-size:var(--font-size-2xl)}}@media(min-width:1440px){.value-display{min-width:320px}.value-display__number{font-size:var(--font-size-3xl)}.value-display__format-toggle{width:40px;height:40px}}@media(prefers-color-scheme:dark){.value-display{background-color:var(--color-surface);border-color:#ffffff1a}.value-display__format-toggle{background-color:#ffffff14;border-color:#ffffff1f}.value-display__format-toggle:hover{background-color:#ffffff1f;border-color:#ffffff29}}@media(prefers-contrast:high){.value-display{background-color:#fff;border:2px solid #000}.value-display__format-toggle{border:2px solid #000}}.controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm)}.controls__button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);min-height:40px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--color-surface);border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out),transform .1s var(--ease-out),box-shadow .15s var(--ease-out);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.controls__button:hover:not(:disabled){background-color:#0000000a;border-color:#0000002e}.controls__button:active:not(:disabled){transform:scale(.97)}.controls__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.controls__button:disabled{opacity:.5;cursor:not-allowed}.controls__button--reset{background-color:#c9a2271a;border-color:#c9a2274d;color:var(--color-frame)}.controls__button--reset:hover:not(:disabled){background-color:#c9a22733;border-color:#c9a22766}.controls__icon{font-size:var(--font-size-base);line-height:1}.controls__label{line-height:1}.controls__confirm{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);animation:slideIn .2s var(--ease-out)}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.controls__confirm-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.controls__confirm-buttons{display:flex;gap:var(--spacing-xs)}.controls__button--confirm-yes{padding:var(--spacing-xs) var(--spacing-sm);min-height:32px;background-color:var(--color-frame);border-color:var(--color-frame);color:#fff}.controls__button--confirm-yes:hover:not(:disabled){background-color:var(--color-frame-dark);border-color:var(--color-frame-dark)}.controls__button--confirm-no{padding:var(--spacing-xs) var(--spacing-sm);min-height:32px}@media(min-width:768px){.controls__button{padding:var(--spacing-sm) var(--spacing-lg);min-height:44px;font-size:var(--font-size-base)}.controls__icon{font-size:var(--font-size-lg)}}@media(hover:none)and (pointer:coarse){.controls__button{min-width:44px;min-height:44px}.controls__button--confirm-yes,.controls__button--confirm-no{min-height:40px;padding:var(--spacing-sm) var(--spacing-md)}}@media(prefers-color-scheme:dark){.controls__button{background-color:#ffffff14;border-color:#ffffff1f}.controls__button:hover:not(:disabled){background-color:#ffffff1f;border-color:#ffffff2e}.controls__button--reset{background-color:#c9a22726;border-color:#c9a22759}.controls__confirm{background-color:var(--color-surface);border-color:#ffffff1f}}@media(prefers-contrast:high){.controls__button{border:2px solid #000}.controls__button--confirm-yes{background-color:#000;color:#fff}}@media(prefers-reduced-motion:reduce){.controls__button{transition:none}.controls__confirm{animation:none}}.settings{position:relative}.settings__toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:var(--spacing-sm);background-color:var(--color-surface);border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings__toggle:hover:not(:disabled){background-color:#0000000a;border-color:#0000002e;color:var(--color-frame)}.settings__toggle:hover:not(:disabled) .settings__gear-icon{transform:rotate(45deg)}.settings__toggle:active:not(:disabled){transform:scale(.95)}.settings__toggle:focus-visible{outline:2px solid var(--color-frame);outline-offset:2px}.settings__toggle:disabled{opacity:.5;cursor:not-allowed}.settings__gear-icon{width:22px;height:22px;transition:transform .3s ease}.settings__backdrop{position:fixed;inset:0;background-color:#0006;z-index:var(--z-modal);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings__panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:90vh;overflow-y:auto;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:calc(var(--z-modal) + 1);animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.settings__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.08)}.settings__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.settings__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:transparent;border:none;color:var(--color-text-secondary);font-size:24px;line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease}.settings__close:hover{background-color:#0000000f;color:var(--color-text-primary)}.settings__close:focus-visible{outline:2px solid var(--color-frame);outline-offset:2px}.settings__content{padding:var(--spacing-lg)}.settings__field{margin-bottom:var(--spacing-md)}.settings__field:last-child{margin-bottom:0}.settings__field--toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(0,0,0,.08)}.settings__toggle-copy{min-width:0}.settings__label{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.settings__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.settings__field--toggle .settings__description{margin-bottom:0}.settings__switch{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings__switch-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.settings__switch-track{width:48px;height:28px;display:inline-flex;align-items:center;padding:3px;border-radius:var(--radius-full);background-color:#636e723d;border:1px solid rgba(0,0,0,.12);transition:background-color .15s ease,border-color .15s ease}.settings__switch-thumb{width:20px;height:20px;border-radius:var(--radius-full);background-color:var(--color-surface);box-shadow:var(--shadow-sm);transform:translate(0);transition:transform .15s ease}.settings__switch-input:checked+.settings__switch-track{background-color:var(--color-frame);border-color:var(--color-frame)}.settings__switch-input:checked+.settings__switch-track .settings__switch-thumb{transform:translate(20px)}.settings__switch-input:focus-visible+.settings__switch-track{outline:2px solid var(--color-frame);outline-offset:2px}.settings__input-group{display:flex;align-items:center;gap:var(--spacing-xs)}.settings__input{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-align:center;border:2px solid rgba(0,0,0,.12);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text-primary);transition:border-color .15s ease;appearance:textfield;-moz-appearance:textfield}.settings__input::-webkit-outer-spin-button,.settings__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.settings__input:focus{outline:none;border-color:var(--color-frame)}.settings__input--error{border-color:var(--color-danger)}.settings__input--error:focus{border-color:var(--color-danger)}.settings__stepper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid rgba(0,0,0,.12);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings__stepper:hover:not(:disabled){background-color:var(--color-frame);border-color:var(--color-frame);color:#fff}.settings__stepper:active:not(:disabled){transform:scale(.95)}.settings__stepper:disabled{opacity:.4;cursor:not-allowed}.settings__stepper:focus-visible{outline:2px solid var(--color-frame);outline-offset:2px}.settings__error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--spacing-xs)}.settings__footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(0,0,0,.08);background-color:#00000005}.settings__button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings__button:focus-visible{outline:2px solid var(--color-frame);outline-offset:2px}.settings__button:active:not(:disabled){transform:scale(.97)}.settings__button--cancel{background-color:transparent;border:1px solid rgba(0,0,0,.12);color:var(--color-text-secondary)}.settings__button--cancel:hover{background-color:#0000000a;border-color:#0000002e}.settings__button--apply{background-color:var(--color-frame);border:1px solid var(--color-frame);color:#fff}.settings__button--apply:hover:not(:disabled){background-color:var(--color-frame-dark);border-color:var(--color-frame-dark)}.settings__button--apply:disabled{opacity:.5;cursor:not-allowed}@media(min-width:768px){.settings__toggle{width:48px;height:48px}.settings__gear-icon{width:24px;height:24px}.settings__panel{max-width:450px}}.ad-banner{position:relative;width:min(100%,970px);height:clamp(52px,8vh,72px);min-height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#fbfcfd);border:1px dashed rgba(99,110,114,.35);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.ad-banner__unit{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:100%}.ad-banner__fallback{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1;pointer-events:none}.ad-banner__label{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase}.ad-banner__status{color:var(--color-text-muted)}@media(max-width:480px){.ad-banner{height:clamp(58px,9vh,78px)}.ad-banner__fallback{flex-direction:column;gap:var(--spacing-xs)}}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-background)}.app-header{position:relative;flex:0 0 auto;padding:clamp(.5rem,1.3vh,.85rem) var(--spacing-lg);text-align:center;background-color:var(--color-surface);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-sm)}.app-brand{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);max-width:calc(100% - 3rem);margin:0 auto}.app-brand__logo{width:clamp(36px,5vh,48px);height:clamp(36px,5vh,48px);flex:0 0 auto;object-fit:contain}.app-brand__text{min-width:0}.app-header__settings{position:absolute;top:50%;right:var(--spacing-md);transform:translateY(-50%)}.app-title{font-size:clamp(var(--font-size-lg),3vh,var(--font-size-2xl));font-weight:var(--font-weight-bold);color:var(--color-frame);margin-bottom:var(--spacing-xs);letter-spacing:0;overflow-wrap:anywhere}.app-subtitle{font-size:clamp(var(--font-size-xs),1.8vh,var(--font-size-sm));color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.app-main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(.5rem,1.3vh,1rem) clamp(.5rem,1.5vw,1.5rem);gap:clamp(.45rem,1.2vh,.9rem);width:100%}.app-values{flex:0 0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-md)}.app-values--hidden{visibility:hidden;pointer-events:none}.app-bottom-bar{flex:0 0 auto;width:min(100%,980px);display:flex;flex-direction:column;align-items:center;gap:clamp(.35rem,.9vh,.6rem)}.app-footer{display:none;padding:var(--spacing-md) var(--spacing-lg);text-align:center;background-color:var(--color-surface);border-top:1px solid rgba(0,0,0,.06)}.footer-text{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(min-width:768px){.app-header{padding:clamp(.6rem,1.4vh,1rem) var(--spacing-xl)}.app-brand__logo{width:clamp(40px,5.5vh,52px);height:clamp(40px,5.5vh,52px)}.app-subtitle{font-size:var(--font-size-base)}.app-main{padding:clamp(.6rem,1.4vh,1rem) clamp(.8rem,1.8vw,2rem)}}@media(min-width:1024px){.app-title{font-size:clamp(var(--font-size-xl),3.4vh,var(--font-size-3xl))}}.app .value-display{min-height:clamp(48px,7vh,66px);min-width:min(320px,calc(100vw - 2rem));padding:clamp(.45rem,1vh,.75rem) clamp(1rem,2vw,1.75rem);border-radius:var(--radius-md)}.app .value-display__number{font-size:clamp(var(--font-size-xl),3vh,var(--font-size-2xl))}.app .value-display__format-toggle{width:clamp(30px,4.5vh,36px);height:clamp(30px,4.5vh,36px)}.app .abacus{flex:0 1 auto;min-height:0;padding:clamp(.25rem,1vh,.75rem)}.app .controls{padding:0}.app .controls__button{min-height:clamp(36px,5vh,42px)}@media(min-width:1024px)and (min-height:760px){.app .abacus{max-width:calc(100vw - 3rem)}}