:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183340;background:#f0f4f4;--ink:#183340;--muted:#75878d;--mint:#dbf0e9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#fff 0,#eef3f3 75%);min-height:100vh}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}button,a,select,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #359885;outline-offset:4px}button:disabled{opacity:.35;cursor:default}button svg,a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.rk-header{max-width:1250px;margin:auto;display:flex;align-items:center;gap:16px;padding:28px 30px 22px;background:transparent;border:0}.back{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink);border:1px solid #e2e9e7}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:#78918f}h1{font-size:30px;letter-spacing:-1.2px;margin:5px 0 0;font-weight:750;display:flex;align-items:center;gap:9px}.title-dot{height:8px;width:8px;background:#ec7868;border-radius:50%}.options-open{margin-left:auto;display:flex;align-items:center;gap:9px;padding:12px 18px;border-radius:14px;background:var(--ink);color:white;border:0;font-size:14px;font-weight:650;box-shadow:0 5px 12px #18334014}main{max-width:1190px;margin:auto;padding:0 28px 105px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:7px 0 20px}.mode-switch{padding:5px;display:flex;background:#e6eeec;border:1px solid #dde7e4;border-radius:16px;gap:3px}.mode-switch button{padding:11px 19px;border:0;border-radius:11px;color:#6a7e7c;background:transparent;font-size:14px;font-weight:650;min-height:42px}.mode-switch button[aria-pressed=true]{background:white;color:#183d35;box-shadow:0 3px 8px #1833400d}.quick-actions{display:flex;gap:7px}.icon-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfe8e5;color:#516b71;background:#fff;border-radius:13px;padding:10px 13px;min-height:44px;font-size:13px;font-weight:600}.icon-button[aria-pressed=true]{background:#dff2eb;color:#28745e;border-color:#c6e6d9}.icon-button:hover,.back:hover{background:#e6f1ed}.workspace{background:#fff;border:1px solid #e2eae7;border-radius:28px;box-shadow:0 12px 45px #18334008;overflow:hidden}.board-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 26px 8px;font-size:12px;color:#7e908f}.board-heading>span:first-child{display:flex;align-items:center;gap:7px;color:#466a61;font-weight:650}.live-dot{width:6px;height:6px;border-radius:50%;background:#62ae92}.board{padding:9px 24px 0;display:flex;justify-content:center;overflow-x:auto}.board>#abacus{display:block;width:auto;max-width:100%;height:min(64vh,680px);touch-action:none;user-select:none}.bead{cursor:grab;stroke-width:1;transition:cy .22s cubic-bezier(.2,.7,.3,1)}.dragging .bead{transition:none}.bead:focus{outline:none;stroke:#49b89c;stroke-width:5}.rail{stroke:url(#rail-metal);stroke-width:5;stroke-linecap:round}.rank-label{fill:#45616a;font-size:18px;font-weight:700}.rank-unit{fill:#8b9fa4;font-size:15px}.rank-digit{fill:#25423d;font-size:34px;font-weight:750}.pending-digit{fill:#b77132;font-size:24px}.decimal-separator{stroke:#bdd8d0;stroke-width:2;stroke-dasharray:5 7}.mask{fill:#29434a;stroke:#48616a;stroke-width:2}.mask-text{fill:#dff1ea;font-size:32px;font-weight:600}.result{padding:12px 16px 0;text-align:center;min-height:22px;font-weight:750;font-size:26px}.value-digits{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.value-digit{border-radius:13px;padding:8px 15px;background:#eff5f2;color:#31594a;font-size:26px;min-width:62px}.value-digit small{display:block;font-size:10px;font-weight:500;color:#7c9690;margin-top:5px}.value-caption{font-size:12px;font-weight:400;color:#7b9089;margin-top:12px}.help{font-size:12px;color:#8a9b9b;text-align:center;margin:14px 15px 20px}#exchange-note{font-size:13px;text-align:center;color:#846336;margin:8px 15px}#exchange-note:empty{display:none}.options-dialog{position:fixed;inset:0 0 0 auto;margin:12px;width:390px;max-width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:none;border:1px solid #e2eae7;border-radius:24px;padding:0;background:#fcfefd;color:var(--ink);box-shadow:-12px 0 70px #18334022}.options-dialog[open]{display:flex;flex-direction:column}.options-dialog::backdrop{background:#132e3b38;backdrop-filter:blur(5px)}.panel-heading{padding:23px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ede9}.panel-heading h2{font-size:24px;letter-spacing:-.7px;margin:6px 0 0}.panel-heading .icon-button{border:0;background:#eff4f1;padding:10px}.panel-content{overflow:auto;padding:0 24px 24px;flex:1}.option-section{padding:22px 0;border-bottom:1px solid #e5ede8}.option-section h3{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#6f8a80;margin:0 0 18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;min-height:45px;margin:8px 0}.setting-row small{display:block;font-size:11px;color:#8c9f99;margin-top:4px}.switch{appearance:none;min-width:41px;width:41px;height:25px;margin:0;border:0;border-radius:30px;background:#dce5e0;cursor:pointer;position:relative;transition:background .2s}.switch:before{content:'';position:absolute;left:3px;top:3px;width:19px;height:19px;background:white;border-radius:50%;box-shadow:0 2px 4px #16372622;transition:transform .2s}.switch:checked{background:#378571}.switch:checked:before{transform:translateX(16px)}select{border:1px solid #dce7e0;background:#f2f7f3;border-radius:10px;padding:10px 12px;font-size:13px;color:#3c6252;min-height:42px}#place-form{margin-top:19px}#place-form>label{display:block;font-size:12px;color:#698379;margin-bottom:9px}.input-action{display:flex;background:#f0f5f2;border:1px solid #dce7e0;border-radius:12px;padding:4px;gap:4px}.input-action input{min-width:0;width:100%;border:0;background:transparent;padding:9px;color:#264337;outline-offset:0}.input-action button,.panel-footer button{border:0;border-radius:9px;background:#2d6957;color:white;padding:10px 16px;font-size:13px;font-weight:650}.range-row{display:flex;flex-direction:column;gap:14px;margin-top:18px;font-size:14px}.range-row input{width:100%;accent-color:#378571}.option-hint,.exchange-hint{font-size:11px;color:#8b9e96;line-height:1.6}.secondary-button{border:1px solid #dce7e0;background:white;border-radius:11px;color:#426c5a;padding:10px 14px;font-size:13px;margin-top:10px}.exchange-section{margin-top:22px}.exchange-section summary{font-size:14px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}.exchange-section summary span{background:#e5f1e9;color:#49846b;border-radius:7px;padding:4px 7px;font-size:11px}.exchange-pair{border:1px solid #e2ebe5;background:white;border-radius:12px;padding:12px;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.exchange-pair>span{width:100%;font-size:11px;color:#708b80}.exchange-pair button{border:0;background:#eaf3ed;border-radius:8px;color:#346951;padding:8px 15px;font-size:12px;min-height:38px}.panel-footer{padding:15px 24px;border-top:1px solid #e6ede9;background:#fcfefd}.panel-footer button{width:100%;min-height:45px;border-radius:12px}#form-message{font-size:12px;color:#a76738;line-height:1.5;margin:8px 0 0}#form-message:empty{display:none}body.projection .rk-header{display:none}body.projection main{max-width:1450px;padding-top:18px}body.projection .board>#abacus{height:min(72vh,850px)}body.projection .help{display:none}@media(max-width:700px){.rk-header{padding:20px 16px;gap:10px}h1{font-size:25px}.eyebrow{font-size:8px}.options-open{padding:11px 13px}.options-open span{display:none}main{padding:0 10px 100px}.toolbar{gap:12px;flex-wrap:wrap;padding:7px 3px 15px}.mode-switch{padding:4px}.mode-switch button{padding:9px 14px;font-size:12px}.quick-actions{gap:6px}.quick-actions .icon-button{padding:10px}.quick-actions .icon-button span{display:none}.workspace{border-radius:22px}.board-heading{padding:17px 17px 9px;font-size:10px}.gesture{display:none}.board{padding:8px 8px 0}.board>#abacus{height:auto;width:100%;max-height:none}.value-digit{min-width:50px;padding:7px 11px;font-size:24px}.value-digit small{font-size:9px}.options-dialog{border-radius:21px;margin:8px;max-width:calc(100vw - 16px);height:calc(100dvh - 16px)}body.projection .board>#abacus{height:auto}.panel-heading{padding:20px}.panel-content{padding:0 20px 20px}}
@media(prefers-reduced-motion:reduce){.bead,.switch,.switch:before{transition:none}}
.projection-options{display:none}body.projection .projection-options{display:flex}