.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:1000;display:flex;justify-content:flex-end;align-items:flex-end}.modal-content{background:linear-gradient(135deg,#0f0f0ff2,#1a1a1afa);border-top-left-radius:20px;border-top-right-radius:20px;max-height:85%;min-height:60%;width:100%;padding:24px;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #2A2A2A;margin-bottom:24px}.modal-title{font-size:32px;font-weight:700;color:#fff;font-family:Courier New,monospace}.close-button{width:36px;height:36px;border-radius:50%;background:#2a2a2a;border:1px solid #3A3A3A;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;transition:background .2s}.close-button:hover{background:#3a3a3a}.language-list{display:flex;flex-direction:column;gap:12px}.language-item{background:#2a2a2a;border:1.5px solid #2A2A2A;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s}.language-item:hover{background:#3a3a3a;border-color:#0f8}.language-item.selected{background:linear-gradient(135deg,#0f8,#0fa);border-color:#0f8}.language-item.selected .language-name,.language-item.selected .language-native{color:#000}.language-name{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px;font-family:Courier New,monospace}.language-native{font-size:16px;color:#888;font-family:Courier New,monospace}.adsbygoogle{display:block;margin:0 auto;text-align:center}.ad-banner{width:100%;max-width:728px;margin:20px auto;min-height:90px}.ad-sidebar{width:100%;max-width:300px;margin:20px auto;min-height:250px}.ad-in-article{width:100%;margin:20px auto;min-height:200px}.ad-container{display:flex;justify-content:center;align-items:center;padding:10px;background:#1a1a1a80;border-radius:8px;margin:20px 0}.content-section{max-width:800px;width:100%;margin:40px auto;padding:0 20px;color:#e0e0e0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.content-block{margin-bottom:40px;background:#1a1a1a80;padding:30px;border-radius:16px;border:1px solid rgba(0,255,136,.1);box-shadow:0 4px 20px #0003;transition:transform .3s ease,box-shadow .3s ease}.content-block:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00ff8826;border-color:#00ff884d}.content-block h3{color:#0f8;font-family:Courier New,monospace;font-size:24px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.content-block p{font-size:16px;color:#ccc;margin-bottom:0}.content-block ul{list-style:none;padding:0;margin:0}.content-block li{margin-bottom:12px;padding-left:24px;position:relative}.content-block li:before{content:"›";position:absolute;left:0;color:#0f8;font-weight:700}.content-block li strong{color:#fff;font-weight:600}@media (max-width: 768px){.content-section{margin:20px auto}.content-block{padding:20px;margin-bottom:20px}.content-block h3{font-size:20px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 0 40px #0f83;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 24px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.modal-header h2{color:#0f8;margin:0;font-family:Courier New,monospace;font-size:24px}.modal-close{background:none;border:none;color:#888;font-size:32px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{padding:24px;overflow-y:auto;color:#e0e0e0;font-family:Inter,sans-serif;line-height:1.6}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#111}.modal-body::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#444}.footer{margin-top:auto;padding:40px 20px;width:100%;text-align:center;border-top:1px solid rgba(255,255,255,.05);background:#0003}.footer-links{display:flex;justify-content:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.footer-links button,.footer-links a{background:none;border:none;color:#888;cursor:pointer;font-size:14px;transition:color .2s;font-family:Inter,sans-serif;padding:0;text-decoration:none}.footer-links button:hover,.footer-links a:hover{color:#0f8}.separator{color:#444}.copyright{color:#555;font-size:12px;font-family:Inter,sans-serif}@media (max-width: 480px){.footer-links{gap:10px}}.home-screen{min-height:100vh;padding:20px;background:transparent;display:flex;flex-direction:column;align-items:center}.home-header{text-align:center;padding:40px 20px 30px;position:relative;width:100%;max-width:600px}.language-button{position:absolute;top:0;right:0;background:#1a1a1a;border:1.5px solid #000000;border-radius:12px;padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;font-family:Courier New,monospace;box-shadow:0 0 12px #00ff884d;transition:all .2s}.language-button:hover{background:#2a2a2a;box-shadow:0 0 20px #00ff8880}.title-container{position:relative;min-height:50px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.title{font-size:48px;font-weight:700;color:#fff;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,136,.5);font-family:Courier New,monospace}.cursor{display:inline-block;width:20px;color:#0f8;font-size:48px;font-weight:700;margin-left:4px;opacity:0;transition:opacity .1s}.cursor.visible{opacity:1}.mode-container{max-width:600px;width:100%;margin:0 auto 30px}.section-title{font-size:20px;color:#0f8;text-align:center;margin-bottom:20px;letter-spacing:1px;font-family:Courier New,monospace}.time-buttons-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.extended-modes-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.time-button{background:#1a1a1a;border:1.5px solid #000000;border-radius:12px;padding:20px 12px;text-align:center;cursor:pointer;transition:all .2s;box-shadow:0 0 12px #00ff884d;color:#fff;font-family:Courier New,monospace}.time-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ff8880}.time-button-start{font-size:18px;font-weight:700;color:#0f8;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.time-button-number{font-size:32px;font-weight:700;color:#fff;margin-bottom:4px}.time-button-label{font-size:12px;color:#e5e5e5;text-transform:uppercase}.action-buttons{max-width:600px;width:100%;display:flex;flex-direction:column;gap:12px}.action-button{background:#1a1a1a;border:1.5px solid #000000;border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:all .2s;box-shadow:0 0 12px #00ff884d;color:#fff;font-family:Courier New,monospace}.action-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ff8880}.action-button-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-button-icon{font-size:24px;margin-bottom:8px}.action-button-text{font-size:16px;color:#fff;font-weight:600}.playstore-button{background:#1a1a1ae6;border:2px solid #00FF88;border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:all .3s;box-shadow:0 0 20px #00ff8880,0 0 40px #00ff884d,inset 0 0 20px #00ff881a;color:#0f8;font-family:Courier New,monospace;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-top:12px;position:relative;overflow:hidden}.playstore-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,136,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.playstore-button:hover{transform:translateY(-2px);box-shadow:0 0 30px #00ff88b3,0 0 60px #0f86,inset 0 0 30px #0f83;border-color:#0fa;background:#1a1a1af2}.playstore-button .action-button-icon{font-size:28px;margin-bottom:4px;filter:drop-shadow(0 0 8px rgba(0,255,136,.8));position:relative;z-index:1}.playstore-button .action-button-text{font-size:16px;color:#0f8;font-weight:700;text-shadow:0 0 10px rgba(0,255,136,.6);position:relative;z-index:1}.ad-container{max-width:600px;width:100%;margin:20px auto;padding:10px;background:#1a1a1a4d;border-radius:8px;min-height:90px;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.time-buttons-row{grid-template-columns:repeat(2,1fr)}.extended-modes-row{grid-template-columns:1fr}.title{font-size:36px}.ad-container{margin:15px auto;padding:8px}}.typing-screen{min-height:100vh;height:100vh;background:transparent;display:flex;flex-direction:column;overflow:hidden}.typing-header{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-bottom:20px;gap:16px;background:transparent}.sound-button{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#0f8;margin-left:-8px;text-shadow:0 0 5px rgba(0,255,136,.5)}.sound-button:hover{background:#ffffff1a;transform:scale(1.1)}.back-button{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-bottom:20px;gap:16px}.timer-container{background:linear-gradient(135deg,#0f8,#0fa);border-radius:16px;padding:12px 20px;min-width:90px;text-align:center;box-shadow:0 4px 15px #00ff884d}.timer-container.warning{background:linear-gradient(135deg,#ff6b6b,#ff8787)}.timer-text{font-size:18px;font-weight:700;color:#000;font-family:Courier New,monospace}.stats-header{display:flex;gap:12px;flex:1;justify-content:flex-end}.stat-card{background:linear-gradient(135deg,#0f8,#0fa);border-radius:16px;padding:12px 16px;min-width:90px;text-align:center;box-shadow:0 4px 15px #00ff884d}.stat-card.warning{background:linear-gradient(135deg,#ff6b6b,#ff8787)}.stat-value{font-size:20px;font-weight:700;color:#000;font-family:Courier New,monospace}.stat-label{font-size:12px;color:#000;margin-top:4px;font-family:Courier New,monospace}.text-container{padding:20px;max-width:100%;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column;height:calc(100vh - 120px)}.text-display{font-size:24px;line-height:40px;color:#888;letter-spacing:.5px;min-height:100%;height:100%;padding:30px;background:#1a1a1acc;border-radius:20px;border:1.5px solid #000000;font-family:Courier New,monospace;cursor:text;word-wrap:break-word;white-space:pre-wrap;overflow-y:auto;box-sizing:border-box}.char-correct{color:#0f8;font-weight:500}.char-incorrect{color:#ff6b6b;background:#ff6b6b26;text-decoration:underline;text-decoration-color:#ff6b6b}.char-current{color:#fff;background:#0f8;border-radius:4px;padding:0 2px;font-weight:700}.char-default{color:#888}.hidden-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.keyboard-button{position:fixed;bottom:20px;left:20px;right:20px;background:linear-gradient(135deg,#0f8,#0fa);border-radius:12px;padding:16px;text-align:center;cursor:pointer;box-shadow:0 4px 15px #00ff884d;max-width:600px;margin:0 auto}.keyboard-button-text{font-size:18px;color:#000;font-weight:600;font-family:Courier New,monospace}@media (max-width: 768px){.text-container{padding:15px;height:calc(100vh - 100px)}.text-display{font-size:18px;line-height:32px;padding:20px}.typing-header{padding:15px}.stats-header{flex-direction:column;gap:8px}.stat-card{width:100%}}@media (min-width: 1200px){.text-container{max-width:1200px;padding:30px}.text-display{font-size:28px;line-height:44px;padding:40px}}@media (min-width: 1600px){.text-container{max-width:1400px}.text-display{font-size:32px;line-height:48px}}.results-screen{min-height:100vh;background:transparent;display:flex;align-items:center;justify-content:center;padding:40px 20px}.results-content{max-width:500px;width:100%}.results-header{text-align:center;margin-bottom:40px}.results-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 0 10px rgba(0,255,136,.5);font-family:Courier New,monospace}.mode-label{font-size:16px;color:#666;font-family:Courier New,monospace}.stats-card{background:#1a1a1a;border:1.5px solid #000000;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 0 12px #00ff884d}.main-stats-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #2A2A2A}.stat-block{flex:1;text-align:center}.stat-block-value{font-size:48px;font-weight:700;color:#fff;margin-bottom:8px;font-family:Courier New,monospace}.stat-block-label{font-size:14px;color:#888;font-family:Courier New,monospace}.details-section{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:16px;color:#888;font-family:Courier New,monospace}.detail-value{font-size:18px;font-weight:600;color:#e5e5e5;font-family:Courier New,monospace}.detail-value.correct{color:#0f8}.detail-value.error{color:#ff6b6b}.button-container{display:flex;flex-direction:column;gap:12px}.retry-button{background:linear-gradient(135deg,#0f8,#0fa);border-radius:12px;padding:20px;text-align:center;cursor:pointer;box-shadow:0 4px 15px #00ff884d;border:none;transition:transform .2s}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00ff8880}.retry-button-text{font-size:20px;font-weight:600;color:#000;font-family:Courier New,monospace}.back-button-text{background:#1a1a1a;border:1.5px solid #000000;border-radius:12px;padding:16px;text-align:center;cursor:pointer;color:#888;font-size:16px;font-family:Courier New,monospace;transition:background .2s}.back-button-text:hover{background:#2a2a2a}.history-screen{min-height:100vh;background:transparent;padding:20px}.history-header{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-bottom:20px}.back-button{background:transparent;border:none;color:#0f8;font-size:32px;cursor:pointer;padding:8px;text-shadow:0 0 5px rgba(0,255,136,.5);font-family:Courier New,monospace}.clear-button{background:linear-gradient(135deg,#ff6b6b,#ff8787);border-radius:8px;padding:12px 24px;cursor:pointer;border:none;color:#fff;font-size:16px;font-weight:600;font-family:Courier New,monospace;transition:transform .2s}.clear-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b4d}.history-title-section{text-align:center;margin-bottom:30px}.history-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 0 10px rgba(0,255,136,.5);font-family:Courier New,monospace}.history-count{font-size:18px;color:#666;font-family:Courier New,monospace}.history-list{max-width:700px;margin:0 auto}.history-card{background:#1a1a1a;border:1.5px solid #000000;border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 0 12px #00ff884d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mode-badge{background:#1a1a1a;border:1.5px solid #000000;border-radius:8px;padding:6px 12px;font-size:14px;color:#e5e5e5;font-family:Courier New,monospace}.timestamp{font-size:14px;color:#666;font-family:Courier New,monospace}.history-stats-row{display:flex;justify-content:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #2A2A2A}.history-details-row{display:flex;justify-content:space-around;padding-top:20px;border-top:1px solid #2A2A2A}.history-detail-block{text-align:center}.history-detail-label{font-size:12px;color:#666;margin-bottom:8px;font-family:Courier New,monospace}.history-detail-value{font-size:18px;font-weight:600;color:#e5e5e5;font-family:Courier New,monospace}.empty-container{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:20px}.empty-text{font-size:24px;color:#888;margin-bottom:8px;font-family:Courier New,monospace}.empty-subtext{font-size:16px;color:#666;font-family:Courier New,monospace}.app{min-height:100vh;background:transparent;color:#fff;position:relative}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0f0fbf;z-index:0;pointer-events:none}.app>*{position:relative;z-index:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:#0f0f0f;background-image:url(/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#fff;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input{font-family:inherit}