@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@700&display=swap";.kraepelin-wrapper{font-family:Inter,sans-serif;min-height:100vh;background:#f0f4f8;display:flex;justify-content:center;align-items:center;padding:20px;color:#1a202c}.card-glass{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:40px;box-shadow:0 20px 40px #0000000d;width:100%;max-width:480px;text-align:center}.icon-header{font-size:3rem;margin-bottom:1rem}h1{font-weight:800;margin-bottom:.5rem;letter-spacing:-1px}.description{color:#718096;margin-bottom:2rem}.settings-grid{margin-bottom:2rem;text-align:left}.setting-item{margin-bottom:1.5rem}.setting-item label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.8rem;color:#4a5568}.range-box{display:flex;align-items:center;gap:15px}input[type=range]{flex:1;accent-color:#42b983;cursor:pointer}.badge{background:#e6fffa;color:#2c7a7b;padding:4px 12px;border-radius:20px;font-weight:700;font-size:.8rem;min-width:80px;text-align:center}.btn-primary{background:#42b983;color:#fff;border:none;width:100%;padding:16px;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.btn-primary:hover{background:#38a169;transform:translateY(-2px);box-shadow:0 10px 20px #42b98333}.btn-primary.outline{background:transparent;border:2px solid #42b983;color:#42b983;margin-top:1rem}.game-container{width:100%;max-width:400px}.game-header{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;margin-bottom:2rem;background:#fff;padding:15px 20px;border-radius:20px;box-shadow:0 4px 12px #00000008}.stat-group .label{font-size:.65rem;font-weight:800;color:#a0aec0;letter-spacing:1px}.stat-group .value{font-size:1.2rem;font-weight:700}.align-right{text-align:right}.mono{font-family:JetBrains Mono,monospace}.progress-container{padding:0 10px;text-align:center}.progress-bar-bg{height:6px;background:#edf2f7;border-radius:10px;overflow:hidden;margin-top:5px}.progress-fill{height:100%;background:#42b983;transition:width 1s linear}.main-test-area{display:flex;flex-direction:column;align-items:center;gap:30px}.column-display{background:#fff;width:80px;padding:20px 0;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 10px 30px #0000000d;position:relative;transition:all .2s;border:2px solid transparent}.column-display.correct{border-color:#48bb78;background:#f0fff4;transform:scale(1.02)}.column-display.wrong{border-color:#f56565;background:#fff5f5;animation:shake .2s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.num-node{font-size:1.8rem;font-weight:700;color:#2d3748;transition:all .3s;height:40px;display:flex;align-items:center}.node-active-1{color:#42b983;transform:scale(1.2)}.node-active-2{color:#42b983;opacity:.8}.node-dim{opacity:.15;filter:blur(1px)}.plus-indicator{position:absolute;bottom:50px;left:-25px;font-size:1.5rem;font-weight:800;color:#42b983}.input-container{position:relative}.input-container input{background:#fff;border:none;width:100px;height:100px;border-radius:24px;text-align:center;font-size:3rem;font-weight:800;font-family:JetBrains Mono,monospace;box-shadow:0 10px 25px #00000014;outline:none;z-index:2;position:relative}.focus-ring{position:absolute;inset:-4px;border:4px solid #42b983;border-radius:28px;opacity:.3;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.1}to{transform:scale(1);opacity:.3}}.score-circle{width:150px;height:150px;border:10px solid #42b983;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 2rem}.score-val{font-size:2.5rem;font-weight:800;color:#2d3748}.score-label{font-size:.8rem;color:#718096;text-transform:uppercase;font-weight:700}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:2rem}.summary-item{background:#f7fafc;padding:15px;border-radius:16px;text-align:left}.summary-item .label{font-size:.7rem;font-weight:700;color:#a0aec0;text-transform:uppercase}.summary-item .value{font-size:1.2rem;font-weight:800}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}