:root{--bg:#323437;--main:#e2b714;--sub:#646669;--text:#d1d0c5;--err:#ca4754;--font:"JetBrains Mono",monospace}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;overflow:hidden}#app{width:900px;padding:2rem;position:relative}header{justify-content:space-between;margin-bottom:2rem}.brand,header{display:flex;align-items:center}.brand{font-weight:900;letter-spacing:2px;color:var(--sub);font-family:var(--font)}#difficulty-label{font-size:.7rem;background:var(--main);color:#000;padding:2px 8px;border-radius:4px;margin-left:10px}.stats-ribbon{display:flex;gap:2rem;font-family:var(--font)}.stat .label{color:var(--sub);font-size:.8rem;margin-right:8px}.stat span:last-child{color:var(--main);font-size:1.2rem}.config{display:flex;gap:10px;margin-bottom:1rem}.time-opt{background:none;border:none;color:var(--sub);font-family:var(--font);cursor:pointer;transition:.2s}.time-opt.active{color:var(--main)}#typing-box{position:relative;height:120px;overflow:hidden;font-family:var(--font);font-size:1.5rem}.words-viewport{position:relative;width:100%;transition:transform .2s ease}#words-layer{display:flex;flex-wrap:wrap;gap:.6em;color:var(--sub);user-select:none}.letter{position:relative;transition:color .1s}.letter.correct{color:var(--text)}.letter.incorrect{color:var(--err)}#caret{position:absolute;width:2px;height:1.5rem;background:var(--main);transition:all .08s linear;z-index:1;box-shadow:0 0 8px var(--main)}#restart-btn{background:none;border:none;color:var(--sub);font-size:1.5rem;cursor:pointer;margin-top:2rem;width:100%}#restart-btn:hover{color:var(--text)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2}.modal-card{background:linear-gradient(145deg,#3a3c3f,#2e3033);padding:3rem;border-radius:20px;width:600px;max-width:90%;text-align:center;border:1px solid #444;box-shadow:0 10px 30px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.05);transition:transform .3s ease}.modal-card:hover{transform:scale(1.02)}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:1.5rem 0}.g-stat{background:rgba(0,0,0,.1);padding:1.5rem;border-radius:10px;border:1px solid #444}.g-stat h2{font-size:3.5rem;color:var(--main);margin-bottom:.5rem;margin-top:0}.g-stat .label{font-size:.9rem;color:var(--sub)}.chart-box{height:200px;margin-bottom:2rem}.main-btn{background:var(--main);border:none;padding:1rem 2rem;border-radius:8px;font-weight:700;cursor:pointer;font-family:var(--font);color:#000;font-size:1rem;transition:background .2s}.hidden{display:none!important}