.dashboard.svelte-198t71j.svelte-198t71j{background-color:#2a2a2a;border-radius:10px;padding:15px 20px;color:#ccc;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 8px #0000004d;max-width:600px;margin:0 auto;align-items:center}.numeral-toggle-grid.svelte-198t71j.svelte-198t71j{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;justify-content:center;width:100%;max-width:500px;margin-bottom:10px}.numeral-toggle-grid.svelte-198t71j button.svelte-198t71j{pointer-events:auto!important;position:relative;z-index:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 10px;font-size:.85rem;background-color:#444;color:#fff;border:none;border-radius:6px;transition:background-color .2s ease}.numeral-toggle-grid.svelte-198t71j button.svelte-198t71j:hover,.numeral-toggle-grid.svelte-198t71j button.numeral-active.svelte-198t71j{background-color:#fab917;color:#000}.custom-tooltip.svelte-198t71j.svelte-198t71j{visibility:hidden;opacity:0;position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#222;color:#fff;padding:4px 8px;font-size:.7rem;border-radius:4px;white-space:nowrap;pointer-events:none;transition:opacity .2s ease;z-index:10}.numeral-toggle-grid.svelte-198t71j button:hover .custom-tooltip.svelte-198t71j{visibility:visible;opacity:1}.total-display.svelte-198t71j.svelte-198t71j{position:relative;text-align:center;padding:10px;border:2px solid #555;border-radius:8px;background-color:#333;width:100%}.total-header.svelte-198t71j.svelte-198t71j{display:flex;justify-content:space-between;align-items:center}.total-label.svelte-198t71j.svelte-198t71j{font-size:1rem;color:#ccc}.total-value.svelte-198t71j.svelte-198t71j{font-size:3.5rem;color:#fab917;font-weight:700}.reset-btn.svelte-198t71j.svelte-198t71j{background:none;border:none;color:#999;font-size:1rem;cursor:pointer;transition:color .2s ease}.reset-btn.svelte-198t71j.svelte-198t71j:hover{color:#fab917}.settings.svelte-198t71j.svelte-198t71j{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%}.setting-item.svelte-198t71j.svelte-198t71j{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.controls.svelte-198t71j.svelte-198t71j{display:flex;align-items:center;gap:5px}.controls.svelte-198t71j button.svelte-198t71j{background-color:#444;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer}.controls.svelte-198t71j button.svelte-198t71j:hover{background-color:#fab917;color:#212121}.bead-values.svelte-198t71j.svelte-198t71j{display:flex;flex-direction:column;align-items:center;gap:5px;background-color:#333;border-radius:8px;width:50px;height:80px}.bead.svelte-198t71j.svelte-198t71j{width:30px;height:30px;border-radius:50%;background-color:#444;color:#fab917;display:flex;align-items:center;justify-content:center;font-weight:700}.divider.svelte-198t71j.svelte-198t71j{width:100%;height:4px;background-color:gold}.toggle.svelte-198t71j.svelte-198t71j{display:flex;border:1px solid #555;border-radius:20px;overflow:hidden}.toggle.svelte-198t71j button.svelte-198t71j{flex:1;padding:5px 10px;background-color:#444;color:#ccc;border:none;font-size:.9rem;cursor:pointer}.toggle.svelte-198t71j button.active.svelte-198t71j{background-color:#fab917;color:#212121}@media (max-width: 768px){.dashboard.svelte-198t71j.svelte-198t71j{transform:scale(.85);transform-origin:top center;margin:0 -4rem}.total-value.svelte-198t71j.svelte-198t71j{font-size:4rem}.controls.svelte-198t71j button.svelte-198t71j{font-size:.8rem;padding:4px 8px}.setting-item.svelte-198t71j.svelte-198t71j{font-size:.8rem}}@media (max-width: 480px){.dashboard.svelte-198t71j.svelte-198t71j{transform:scale(.7)}.total-value.svelte-198t71j.svelte-198t71j{font-size:1.8rem}.controls.svelte-198t71j button.svelte-198t71j{font-size:.7rem;padding:3px 6px}}.resize-btn.svelte-198t71j.svelte-198t71j{position:absolute;background:none;border:none;color:#999;font-size:1.2rem;cursor:pointer;transition:color .2s ease}.resize-btn.svelte-198t71j.svelte-198t71j:hover{color:#fab917}.decrease-font.svelte-198t71j.svelte-198t71j{bottom:10px;left:10px}.increase-font.svelte-198t71j.svelte-198t71j{bottom:10px;right:10px}.toggle-trad-simp.svelte-198t71j.svelte-198t71j{background:#444;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;font-size:1rem;margin-bottom:10px}.toggle-trad-simp.svelte-198t71j.svelte-198t71j:hover{background-color:#fab917;color:#000}.toggle-trad-simp.svelte-198t71j.svelte-198t71j:active{background-color:gold}.bead.svelte-1oktisy{width:40px;height:40px;border-radius:50%;background-color:#4a4a4a;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;cursor:pointer}.bead.active.svelte-1oktisy{background-color:#fab917;box-shadow:0 0 10px #ffd700b3}.rod.svelte-etmsda{position:relative;width:80px;background-color:#333;border:2px solid #555;border-radius:5px;overflow:hidden}.divider.svelte-etmsda{position:absolute;top:33%;transform:translateY(-50%);width:100%;height:5px;background-color:gold;z-index:1}.bead-container.svelte-etmsda{position:absolute;left:25%;transform:translate(-50%);transition:transform .3s ease-in-out;display:flex;justify-content:center;align-items:center;margin:5px 0}.top.svelte-etmsda{top:0}.bottom.svelte-etmsda{bottom:0}.abacus-container.svelte-qqpxhl.svelte-qqpxhl{max-width:99vw;margin:0 auto;padding:0 5px;box-sizing:border-box;overflow:hidden}.dashboard-wrapper.svelte-qqpxhl.svelte-qqpxhl{margin-bottom:10px;overflow:hidden;transition:margin-bottom .2s ease-in-out}.toggle-dashboard-btn.svelte-qqpxhl.svelte-qqpxhl{display:block;background:#444;color:#fff;border:none;border-radius:8px;padding:5px 10px;font-size:.9rem;cursor:pointer;margin:10px auto;transition:background-color .2s ease}.toggle-dashboard-btn.svelte-qqpxhl.svelte-qqpxhl:hover{background-color:#fab917;color:#212121}.abacus.svelte-qqpxhl.svelte-qqpxhl{display:flex;justify-content:center;gap:25px;transform-origin:top center;transition:transform .3s ease-in-out;margin-left:-10px}.rod-container.svelte-qqpxhl.svelte-qqpxhl{width:60px;position:relative}.decimal-dot.svelte-qqpxhl.svelte-qqpxhl{position:absolute;right:-18px;top:calc(33% - 11px);font-size:1rem;color:#fff;z-index:2}.total-display.svelte-qqpxhl.svelte-qqpxhl{text-align:center;font-size:1.5rem;color:#fab917;font-weight:700;margin-top:10px}.abacus-input.svelte-qqpxhl.svelte-qqpxhl{margin-left:.5rem;padding:.3rem .5rem;border:1px solid #888;border-radius:4px;background:#1f1f1f;color:#fff;font-size:1rem;width:80px;text-align:right}.abacus-input.svelte-qqpxhl.svelte-qqpxhl:focus{outline:none;border-color:#fab917}@media (max-width: 768px){.abacus-container.svelte-qqpxhl.svelte-qqpxhl{padding:0 2px;margin-left:-1.5rem}.total-display.svelte-qqpxhl.svelte-qqpxhl{font-size:1.2rem}.abacus-fixed.svelte-qqpxhl.svelte-qqpxhl{margin-top:0;padding:0 10px}}.toggle-total-btn.svelte-qqpxhl.svelte-qqpxhl{display:block;background:#444;color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:.85rem;cursor:pointer;margin:10px auto 0;transition:background-color .2s ease,transform .2s ease}.toggle-total-btn.svelte-qqpxhl.svelte-qqpxhl:hover{background-color:#fab917;color:#212121;transform:scale(1.05)}.input-wrapper.svelte-qqpxhl .adjust-button.dark.svelte-qqpxhl{background-color:#444;color:#fff;border:none;border-radius:5px;padding:3px 6px;font-size:.85rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.input-wrapper.svelte-qqpxhl .adjust-button.dark.svelte-qqpxhl:hover{background-color:#555;transform:scale(1.05)}.input-wrapper.svelte-qqpxhl .adjust-button.dark.svelte-qqpxhl:active{background-color:#666;transform:scale(.98)}@media (max-width: 480px){.input-wrapper.svelte-qqpxhl .adjust-button.dark.svelte-qqpxhl{padding:2px 5px;font-size:.75rem}.abacus-container.svelte-qqpxhl.svelte-qqpxhl{padding:0}.total-display.svelte-qqpxhl.svelte-qqpxhl{font-size:1rem}.toggle-dashboard-btn.svelte-qqpxhl.svelte-qqpxhl,.toggle-total-btn.svelte-qqpxhl.svelte-qqpxhl{font-size:.8rem;padding:4px 6px}}.increment-wrapper.svelte-qqpxhl.svelte-qqpxhl{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;justify-content:center}.increment-label.svelte-qqpxhl.svelte-qqpxhl{font-size:.8rem;color:#ccc}.increment-input.svelte-qqpxhl.svelte-qqpxhl{background-color:#1f1f1f;border:1px solid #555;border-radius:4px;color:#fff;font-size:.9rem;padding:3px 6px;width:60px;text-align:center}.increment-input.svelte-qqpxhl.svelte-qqpxhl:focus{outline:none;border-color:#fab917}
