@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--color-units: #22c55e;--color-tens: #3b82f6;--color-hundreds: #ef4444;--color-tenths: #93c5fd;--color-hundredths: #fca5a5;--color-thousandths: #86efac;--color-brand: #60a5fa;--color-accent: #f472b6;--color-success: #22c55e;--bg-deep: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-dim: #94a3b8;--glass-border: #334155;--font-main: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-main);font-family:var(--font-main);line-height:1.6;min-height:100vh}.app-container{max-width:1300px;margin:0 auto;padding:2rem;--spacing-md: 1.5rem;--spacing-lg: 3rem;--color-highlight: #ffd700}header{text-align:center;margin-bottom:2rem}h1{font-size:3rem;font-weight:800;color:var(--color-brand)}.top-controls-bar{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;background:var(--bg-card);padding:1rem 2rem;border-radius:12px;border:1px solid var(--glass-border)}#language-selector-container{border-right:1px solid var(--glass-border);padding-right:1.5rem}.language-selector{display:flex;gap:.5rem}.language-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-dim);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease;text-transform:uppercase}.language-btn:hover{background:#ffffff1a;color:#fff}.language-btn.active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.input-container{display:flex;align-items:center;gap:.5rem}input{background:#0f172a;border:2px solid var(--glass-border);padding:.6rem 1.2rem;border-radius:8px;color:#fff;font-size:1.2rem;font-family:inherit;width:140px;text-align:center;font-weight:800;outline:none}input:disabled,input[disabled],button:disabled{opacity:.4!important;cursor:not-allowed!important;pointer-events:none!important;filter:grayscale(.8)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}input[type=number]{appearance:none;-moz-appearance:textfield}.results-panel{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:1.5rem;margin:1rem 0 2rem;padding:1rem 2rem;background:#1e293b;border-radius:12px;border:2px solid var(--color-brand);min-height:100px}.panel-section{display:flex;align-items:center;justify-content:center;height:100%;transition:opacity .3s ease}.invisible-logic{opacity:0;pointer-events:none}.mentor-integration{justify-content:flex-start;gap:1rem;border-right:1px solid var(--glass-border);padding-right:1.5rem}.mentor-avatar{font-size:2.5rem;flex-shrink:0}.mentor-speech-voice{display:flex;flex-direction:column;gap:.75rem;width:100%}.text-highlight{color:var(--color-highlight);font-weight:800;text-shadow:0 0 5px rgba(255,215,0,.3)}.mentor-speech{font-size:.95rem;font-weight:600;color:#fff;line-height:1.3}.mentor-action-row{display:flex;align-items:center;gap:1rem}.operation-display-badge{background:#0006;padding:.5rem 1rem;border-radius:8px;border:2px solid var(--color-brand);color:var(--color-highlight);font-weight:900;font-size:1.2rem;letter-spacing:1px;animation:pulse-op 2s infinite}@keyframes pulse-op{0%{transform:scale(1);box-shadow:0 0 #3b82f666}50%{transform:scale(1.05);box-shadow:0 0 20px 5px #3b82f633}to{transform:scale(1);box-shadow:0 0 #3b82f666}}.operation-display-badge.multiply{border-color:var(--color-tens);color:#60a5fa}.operation-display-badge.divide{border-color:var(--color-units);color:#4ade80}.btn-next.mini{padding:.6rem 1.4rem;font-size:.85rem;align-self:flex-start;background:#3b82f6;color:#fff;border:none;border-radius:50px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 12px #3b82f666,0 2px #2563eb;transition:all .2s cubic-bezier(.175,.885,.32,1.275);margin-top:.25rem}.btn-next.mini:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 15px #3b82f680,0 2px #1d4ed8}.btn-next.mini:active{transform:translateY(1px);box-shadow:0 2px 4px #3b82f64d,0 0 #1d4ed8}.values-comparison{gap:2rem}.result-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.result-label{font-size:.7rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.result-value{font-size:1.8rem;font-weight:800;color:var(--text-main)}.result-value.accent{color:var(--color-units)}.result-arrow{font-size:1.5rem;color:var(--color-brand);font-weight:800}.legend-integration{justify-content:flex-end;border-left:1px solid var(--glass-border);padding-left:1.5rem;gap:1.5rem}.operation-legend{display:flex;flex-direction:column;gap:.5rem;background:#0003;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--glass-border)}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-mark{font-size:1.2rem}.legend-text{font-size:.8rem;font-weight:700;color:var(--text-main);text-transform:uppercase}.place-value-table{display:flex;justify-content:center;gap:.5rem;padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--glass-border);margin-bottom:2rem}.place-column{flex:1;min-width:130px;min-height:450px;background:#0f172a;border-radius:8px;border:1px solid var(--glass-border);display:flex;flex-direction:column;position:relative;opacity:1!important}.column-content{flex:1;display:grid;grid-template-columns:repeat(auto-fill,48px);grid-auto-rows:48px;justify-content:center;align-content:flex-start;gap:12px;padding:1.5rem 1rem;min-height:400px;overflow-y:auto}.column-header{padding:.75rem;text-align:center;font-weight:700;font-size:.8rem;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--glass-border)}.decimal-separator{display:flex;align-items:center;justify-content:center;width:50px;font-size:6rem;font-weight:900;color:#fff;text-shadow:0 0 20px var(--color-brand);margin-top:-2rem}.token{width:48px;height:48px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;position:relative;border:2px solid rgba(255,255,255,.2)}.token-original{border:4px solid #ffd700!important;z-index:5}.token-original:before{content:"🎯";position:absolute;top:-10px;right:-10px;font-size:1.2rem;z-index:10}.token-fragmented{width:140px!important;height:48px;display:flex!important;padding:2px;background:#ffffff1a;border:2px solid white!important;gap:1.5px;transition:all .5s ease-in-out;z-index:50;position:relative}.fragment-slice{flex:1;height:100%;background:#ffffff4d;border-radius:1px}.fragment-slice.highlight{background:#fff;box-shadow:0 0 10px #fff}.label-fraction{position:absolute;top:-40px;left:50%;transform:translate(-50%);color:red;font-weight:900;font-size:2rem;z-index:100;pointer-events:none;white-space:nowrap}.token.marked:after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#0009;font-weight:900}.op-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:var(--color-brand);color:#fff;padding:1.5rem 3rem;border-radius:4rem;font-weight:900;font-size:3rem;z-index:1000;pointer-events:none;border:4px solid white;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.op-badge.visible{transform:translate(-50%,-50%) scale(1)}.op-badge.divide{background:var(--color-accent)}.token.color-units{background-color:var(--color-units)}.token.color-tens{background-color:var(--color-tens)}.token.color-hundreds{background-color:var(--color-hundreds)}.token.color-tenths{background-color:var(--color-tenths)}.token.color-hundredths{background-color:var(--color-hundredths)}.token.color-thousandths{background-color:var(--color-thousandths)}.token-ghost{opacity:.8}.mentor-container{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:flex-end;gap:1rem;z-index:100}.mentor-speech-wrapper{background:#fff;color:#0f172a;padding:1.5rem;border-radius:12px;max-width:350px;font-weight:700;opacity:0;border:3px solid var(--color-brand)}.mentor-speech-wrapper.visible{opacity:1}.btn-next,.btn-cyber{padding:.8rem 1.2rem;border-radius:8px;border:2px solid var(--color-brand);background:#1e293b;color:#fff;cursor:pointer;font-weight:800;text-transform:uppercase}.op-btn{padding:.8rem 1.2rem;border-radius:8px;border:2px solid var(--color-tens);background:#1e293b;color:#fff;cursor:pointer;font-weight:900;text-transform:uppercase;transition:all .2s ease}.op-btn:hover{background:var(--color-tens);border-color:var(--color-tens)}.op-btn.divide{border-color:var(--color-units)}.op-btn.divide:hover{background:var(--color-units);border-color:var(--color-units)}.op-btn:disabled,.btn-cyber:disabled,.btn-next:disabled{opacity:.3!important;cursor:not-allowed!important;pointer-events:none!important;filter:grayscale(1)}.op-symbol{font-size:1.6rem;margin-right:.2rem;vertical-align:middle;line-height:1}.btn-next:hover,.btn-cyber:hover{background:var(--color-brand)}.operation-controls{display:flex;gap:.5rem}.place-column.dimmed{opacity:1!important;filter:none!important}.place-column.highlighted{border:3px solid var(--color-brand);background:#ffffff0d}.hidden{display:none!important}.vibrating{animation:vibrate .1s infinite}@keyframes vibrate{0%{transform:translate(0)}25%{transform:translate(1px,1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(0)}}