body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:#282828;--fg-color:#ebdbb2;--red:#ff1a1a;--green:#80ff80;--aqua:#689d6a;--orange:#d65d0e;--blue:#458588;--purple:#b16286;--yellow:#d79921}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);color:#ebdbb2;color:var(--fg-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-app-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.App:before{background:url(https://wallpaperaccess.com/full/3703256.jpg) no-repeat 50% fixed;background-size:cover;bottom:0;content:"";left:0;opacity:.1;position:fixed;right:0;top:0;z-index:-1}*{transition:all .2s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#282828;background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#689d6a;background:var(--aqua);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#80ff80;background:var(--green)}@media (max-width:768px){.App{padding:10px}}@media (max-width:480px){.App{padding:5px}}.app-header{background:linear-gradient(135deg,#1a1a1a,#2a2a2a 50%,#1a1a1a);border-bottom:3px solid var(--aqua);box-shadow:0 4px 20px #0000004d;color:var(--fg-color);overflow:hidden;padding:20px 0;position:relative}.app-header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--green) 20%,var(--aqua) 50%,var(--orange) 80%,#0000 100%);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.brand-section,.header-content{align-items:center;display:flex}.brand-section{width:100%}.brand-logo{align-items:center;display:flex;gap:0;justify-content:flex-start}.logo-svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));height:80px;transition:all .3s ease;width:auto}.logo-svg:hover{filter:drop-shadow(0 4px 12px rgba(50,205,50,.4));transform:scale(1.02)}.brand-text{display:flex;flex-direction:column;gap:5px;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.brand-title{color:#f0f0f0;font-size:2.2rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.brand-tagline,.brand-title{font-family:JetBrains Mono,monospace;margin:0}.brand-tagline{color:#a0a0a0;font-size:1rem;font-weight:400;letter-spacing:.5px}.header-nav,.nav-items{align-items:center;display:flex}.nav-items{gap:20px}.nav-item{align-items:center;background:none;border:1px solid #0000;border-radius:8px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:8px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#d65d0e1a;border-color:var(--orange);transform:translateY(-1px)}.nav-item.active{background:#689d6a1a;border-color:var(--aqua);box-shadow:0 0 15px #689d6a33}.nav-item:hover:not(.active){background:#d65d0e1a;border-color:var(--orange)}.nav-icon{font-size:1.2rem}.nav-text{color:var(--fg-color);font-size:.95rem;font-weight:600}.nav-item.active .nav-text{color:var(--aqua)}.nav-item:hover:not(.active) .nav-text{color:var(--orange)}@media (max-width:768px){.app-header{padding:12px 0}.header-content{flex-direction:column;gap:15px;padding:0 15px}.brand-logo{gap:12px}.logo-icon{font-size:2rem}.brand-title{font-size:1.5rem}.brand-tagline{font-size:.8rem}.nav-items{gap:15px}.nav-item{padding:6px 12px}.nav-icon{font-size:1rem}.nav-text{font-size:.85rem}}@media (max-width:480px){.app-header{padding:10px 0}.header-content{gap:12px;padding:0 10px}.brand-logo{flex-direction:column;gap:8px;text-align:center}.logo-icon{font-size:1.8rem}.brand-title{font-size:1.3rem}.brand-tagline{font-size:.75rem}.nav-items{gap:10px}.nav-item{flex-direction:column;gap:4px;min-width:80px;padding:5px 10px;text-align:center}.nav-icon{font-size:1.1rem}.nav-text{font-size:.75rem}}@media (prefers-contrast:high){.app-header{background:var(--bg-color);border-bottom-width:4px}.brand-title{-webkit-text-fill-color:var(--green);color:var(--green)}.nav-item.active{background:var(--aqua);color:var(--bg-color)}}@media (prefers-reduced-motion:reduce){.app-header:before,.logo-icon{animation:none}.nav-item{transition:none}}@media print{.app-header{background:#fff!important;border-bottom:2px solid #000;box-shadow:none;color:#000!important}.app-header:before{display:none}.brand-title{-webkit-text-fill-color:#000!important;color:#000!important}}.settings-page{align-items:center;background:#282828f2;display:flex;flex:1 1;justify-content:center;min-height:auto;padding:20px}.settings-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282828fa;border:2px solid var(--aqua);border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:600px;padding:40px;width:100%}.settings-title{color:var(--green);font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:10px;text-align:center;text-shadow:0 0 20px #80ff804d;text-transform:uppercase}.settings-subtitle{color:var(--aqua);font-size:1.1rem;margin-bottom:30px;opacity:.9;text-align:center}.settings-form{gap:25px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:10px}.form-label{color:var(--fg-color);font-size:1.1rem;font-weight:600;margin-bottom:5px}.timer-input-group{display:flex;flex-direction:column;gap:15px}.timer-slider{appearance:none;background:var(--bg-color);border-radius:5px;height:8px;outline:none;width:100%}.timer-slider::-webkit-slider-thumb{appearance:none;background:var(--orange);border-radius:50%;box-shadow:0 0 10px #d65d0e80;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.timer-slider::-webkit-slider-thumb:hover{background:var(--yellow);transform:scale(1.1)}.timer-slider::-moz-range-thumb{background:var(--orange);border:none;border-radius:50%;box-shadow:0 0 10px #d65d0e80;cursor:pointer;height:24px;width:24px}.timer-display{background:#80ff801a;border:1px solid var(--green);border-radius:10px;color:var(--green);font-size:1.5rem;font-weight:700;padding:10px;text-align:center}.timer-presets{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.preset-btn{background:var(--bg-color);border:2px solid var(--aqua);border-radius:8px;color:var(--fg-color);cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.preset-btn:hover{background:var(--aqua);color:var(--bg-color);transform:translateY(-2px)}.preset-btn.active{background:var(--orange);border-color:var(--orange);color:var(--bg-color)}.checkbox-group{align-items:center;display:flex;gap:10px;margin-bottom:15px}.custom-checkbox{accent-color:var(--orange);height:20px;width:20px}.checkbox-label{color:var(--fg-color);cursor:pointer;font-size:1.1rem}.textarea-group{display:flex;flex-direction:column;gap:10px}.sentences-textarea{background:var(--bg-color);border:2px solid var(--aqua);border-radius:10px;color:var(--fg-color);font-family:Courier New,monospace;font-size:1rem;line-height:1.5;min-height:120px;padding:15px;resize:vertical;width:100%}.sentences-textarea:focus{border-color:var(--orange);box-shadow:0 0 10px #d65d0e4d;outline:none}.sentences-textarea::placeholder{color:var(--aqua);opacity:.7}.sentence-count{color:var(--aqua);font-size:.9rem;opacity:.8;text-align:right}.error-message{background:#ff1a1a1a;border:1px solid var(--red);border-radius:8px;color:var(--red);font-size:.95rem;padding:12px;text-align:center}.start-btn{align-items:center;background:linear-gradient(135deg,var(--green) 0,var(--aqua) 100%);border:none;border-radius:12px;color:var(--bg-color);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;margin-top:10px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.start-btn:hover{box-shadow:0 10px 25px #80ff804d;transform:translateY(-3px)}.start-btn:active{transform:translateY(-1px)}.btn-icon{font-size:1.3rem}@media (max-width:768px){.settings-container{margin:10px;padding:25px}.settings-title{font-size:2.2rem}.timer-presets{justify-content:center}.preset-btn{font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.settings-page{padding:10px}.settings-container{padding:20px}.settings-title{font-size:1.8rem}.start-btn{font-size:1rem;padding:12px 24px}}.typing-test{background:#282828f2;display:flex;flex-direction:column;gap:20px;min-height:calc(100vh - 140px);overflow-y:auto;padding:20px}.main-content{align-items:flex-start;display:flex;gap:20px}.typing-section{display:flex;flex:1 1;flex-direction:column;gap:20px}.live-results-panel{align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282828fa;border:2px solid var(--green);border-radius:15px;box-shadow:0 10px 30px #0000004d;min-width:280px;padding:15px;position:static;transition:all .3s ease;width:280px}.results-header{border-bottom:1px solid var(--aqua);margin-bottom:15px;padding-bottom:10px;text-align:center}.results-header h3{color:var(--green);font-size:1.2rem;font-weight:600;margin:0;text-shadow:0 0 8px #80ff804d}.timer-section{margin-bottom:20px;text-align:center}.timer-label{color:var(--aqua);font-size:.9rem;font-weight:600;margin-bottom:8px}.stats-section{display:flex;flex-direction:column;gap:15px}.stat-item{align-items:center;border-bottom:1px solid #689d6a4d;display:flex;justify-content:space-between;padding:10px 0}.stat-item:last-child{border-bottom:none}.stat-value{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif}.typing-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:30px;margin:0 auto;max-width:1200px;width:100%}.typing-area{background:#282828fa;border:3px solid var(--aqua);border-radius:15px;max-width:900px;min-height:200px;outline:none;padding:30px;position:relative;transition:all .3s ease;width:100%}.typing-area:focus{border-color:var(--orange);box-shadow:0 0 20px #d65d0e4d}.sentence-display{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.6rem;font-weight:500;gap:0;justify-content:center;letter-spacing:normal;line-height:2;margin-bottom:20px;min-height:100px;text-align:center;word-spacing:normal}.word-container{align-items:center;display:flex;margin:2px}.word{background:#fffc;border:1px solid #689d6a4d;border-radius:6px;color:#444;display:inline-flex;margin:2px;padding:4px 8px;transition:all .2s ease}.word:hover{background:#ffffffe6;border-color:var(--aqua)}.char{background:#fffc;border-radius:4px;color:#444;font-weight:500;letter-spacing:normal;padding:4px 1px;position:relative;transition:all .2s ease}.char.correct{background-color:#80ff8040;box-shadow:0 0 3px #80ff804d;color:var(--green);font-weight:600}.char.incorrect{background-color:#ff1a1a40;box-shadow:0 0 3px #ff1a1a4d;color:var(--red);font-weight:600;text-decoration:underline}.char.current{animation:blink 1s infinite;background-color:var(--orange);box-shadow:0 0 8px #d65d0e80;color:var(--bg-color);font-weight:700}.space-char{align-items:center;background:#689d6a1a;border:1px dashed var(--aqua);border-radius:4px;color:var(--aqua);display:inline-flex;font-size:1.2rem;height:20px;justify-content:center;margin:0 8px;min-width:20px;opacity:.7;transition:all .2s ease}.space-char.current{animation:blink 1s infinite;background-color:var(--orange);border:1px solid var(--orange);box-shadow:0 0 8px #d65d0e80;color:var(--bg-color);opacity:1}.space-char.correct{background-color:#80ff8040;border:1px solid var(--green);box-shadow:0 0 3px #80ff804d;color:var(--green);opacity:1}.space-char.incorrect{background-color:#ff1a1a40;border:1px solid var(--red);box-shadow:0 0 3px #ff1a1a4d;color:var(--red);opacity:1}.progress-info{align-items:center;border-top:1px solid var(--aqua);color:var(--aqua);display:flex;font-size:.9rem;justify-content:space-between;margin-top:15px;padding-top:15px}.char-progress,.sentence-progress{background:#689d6a1a;border:1px solid var(--aqua);border-radius:5px;padding:5px 10px}.test-paused{background:#d65d0e1a;border:2px solid var(--orange);border-radius:15px;margin-top:20px;padding:30px;text-align:center}.test-paused p{color:var(--orange);font-size:1.3rem;font-weight:600;margin-bottom:15px}@media (max-width:768px){.typing-test{gap:15px;padding:15px}.main-content{flex-direction:column}.live-results-panel{margin-bottom:15px;min-width:auto;order:-1;width:100%}.results-header h3{font-size:1.1rem}.stats-section{flex-direction:row;gap:10px;justify-content:space-around}.stat-item{border-bottom:none;border-right:1px solid #689d6a4d;flex:1 1;flex-direction:column;padding:8px 15px;text-align:center}.stat-item:last-child{border-right:none}.stat-label{font-size:.9rem;margin-bottom:5px}.stat-value{font-size:1.2rem}.typing-area{padding:20px}.sentence-display{font-size:1.4rem;line-height:1.8}.progress-info{flex-direction:column;gap:10px;text-align:center}}@media (max-width:480px){.typing-test{padding:10px}.test-title{font-size:1.6rem}.live-results-panel{min-width:auto;padding:15px}.results-header h3{font-size:1rem}.stat-label{font-size:.8rem}.stat-value{font-size:1rem}.typing-area{padding:15px}.sentence-display{font-size:1.2rem;line-height:1.6}.back-btn{font-size:.9rem;padding:8px 16px}}@media (prefers-reduced-motion:reduce){.char.current{animation:none;background-color:var(--orange)}*{transition:none!important}}@media (prefers-contrast:high){.char.correct{background-color:var(--green);color:var(--bg-color)}.char.incorrect{background-color:var(--red);color:#fff}}.virtual-keyboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282828fa;border:2px solid var(--aqua);border-radius:15px;display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:800px;padding:20px;width:100%}.keyboard-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.keyboard-spacebar-row{margin-top:5px}.key,.keyboard-spacebar-row{display:flex;justify-content:center}.key{align-items:center;background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border:2px solid var(--aqua);border-radius:8px;box-shadow:0 3px 6px #0003;color:var(--fg-color);cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;height:50px;position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none;width:50px}.key:hover:not(.disabled){background:linear-gradient(145deg,#4a4a4a,#3a3a3a);border-color:var(--green);box-shadow:0 5px 12px #0000004d;transform:translateY(-2px)}.key:active:not(.disabled){box-shadow:0 2px 4px #0003;transform:translateY(0)}.key.active{animation:keyPress .15s ease;background:linear-gradient(145deg,var(--orange),#b8540a);border-color:var(--yellow);box-shadow:0 8px 16px #d65d0e66;color:var(--bg-color);transform:scale(1.1) translateY(-3px)}@keyframes keyPress{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.15) translateY(-4px)}to{transform:scale(1.1) translateY(-3px)}}.key.disabled{background:linear-gradient(145deg,#1a1a1a,#0a0a0a);border-color:#444;color:#666;cursor:not-allowed;opacity:.5}.spacebar{font-size:1rem;height:45px;letter-spacing:2px;width:200px}.key:focus{outline:3px solid var(--blue);outline-offset:2px}@media (max-width:768px){.virtual-keyboard{gap:10px;padding:15px}.key{font-size:1rem;height:45px;width:45px}.spacebar{font-size:.9rem;height:40px;width:180px}.keyboard-row{gap:6px}}@media (max-width:480px){.virtual-keyboard{gap:8px;padding:10px}.key{font-size:.9rem;height:40px;width:40px}.spacebar{font-size:.8rem;height:35px;width:160px}.keyboard-row{gap:4px}}@media (prefers-contrast:high){.key{border-width:3px}.key.active{background:var(--orange);border-color:#fff;color:#000}.key.disabled{background:#000;border-color:gray;color:gray}}@media (prefers-reduced-motion:reduce){.key{transition:none}.key.active{animation:none;transform:scale(1.05)}.key:hover:not(.disabled){transform:none}}@media (hover:none) and (pointer:coarse){.key{font-size:1.2rem;height:55px;width:55px}.spacebar{height:50px;width:220px}.key:hover:not(.disabled){background:linear-gradient(145deg,#3a3a3a,#2a2a2a);transform:none}}.results-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282828fa;border:2px solid var(--green);border-radius:15px;box-shadow:0 20px 50px #00000080;left:50%;max-width:500px;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:90%;z-index:2000}.live-stats{display:flex;flex-direction:column;gap:15px}.stat-group{align-items:center;border-bottom:1px solid #689d6a4d;display:flex;justify-content:space-between;padding:8px 0}.stat-group:last-child{border-bottom:none}.stat-label{color:var(--fg-color);font-size:1rem;font-weight:600}.stat-value{align-items:baseline;display:flex;font-size:1.4rem;font-weight:700;gap:4px}.unit{font-size:.8rem;opacity:.8}.grade-display{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.grade{background:#d65d0e1a;border:1px solid var(--orange);border-radius:6px;color:var(--orange);font-size:1.4rem;font-weight:700;padding:2px 8px}.grade.large{font-size:2rem;padding:8px 16px}.grade-message{color:var(--aqua);font-size:.8rem;font-style:italic}.final-results{animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.final-header{margin-bottom:20px;text-align:center}.final-header h2{color:var(--green);font-size:1.5rem;margin:0;text-shadow:0 0 10px #80ff804d}.final-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.final-stat{align-items:center;background:#689d6a1a;border:1px solid var(--aqua);border-radius:8px;display:flex;justify-content:space-between;padding:10px}.final-stat-label{color:var(--fg-color);font-size:.95rem;font-weight:600}.final-stat-value{align-items:baseline;display:flex;font-size:1.3rem;font-weight:700;gap:4px}.final-grade{align-items:flex-end;display:flex;flex-direction:column;gap:4px}@media (max-width:768px){.results-panel{left:50%;margin:0;max-width:90%;padding:25px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}.final-results{animation:slideIn .5s ease}}@media (max-width:480px){.results-panel{padding:15px}.grade,.stat-value{font-size:1.2rem}.grade{padding:2px 6px}.final-header h2{font-size:1.3rem}.final-stat-value{font-size:1.1rem}}@media (prefers-contrast:high){.results-panel{background:var(--bg-color);border-width:3px}.grade{background:var(--orange);color:var(--bg-color)}}@media (prefers-reduced-motion:reduce){.final-results{animation:none}}.export-actions{border-top:1px solid var(--aqua);margin-top:20px;padding-top:15px;text-align:center}.export-pdf-btn{align-items:center;background:linear-gradient(135deg,var(--orange) 0,#b8540a 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #d65d0e4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 auto;padding:12px 24px;transition:all .3s ease}.export-pdf-btn:hover{background:linear-gradient(135deg,#d65d0e 0,var(--orange) 100%);box-shadow:0 6px 16px #d65d0e66;transform:translateY(-2px)}.export-pdf-btn:active{box-shadow:0 2px 8px #d65d0e4d;transform:translateY(0)}.export-icon{font-size:1.2rem}@media (max-width:480px){.export-pdf-btn{font-size:.9rem;padding:10px 20px}}.timer-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#689d6a1a;border:1px solid var(--aqua);border-radius:10px;flex-direction:column;padding:10px}.timer-container,.timer-display{align-items:center;display:flex;gap:8px}.timer-icon{animation:tick 1s infinite;font-size:1.3rem}@keyframes tick{0%,50%{transform:scale(1)}25%{transform:scale(1.1)}}.timer-text{font-family:Courier New,monospace;font-size:1.6rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px currentColor;transition:color .3s ease}.timer-progress{background:#282828cc;border:1px solid var(--aqua);border-radius:3px;height:6px;overflow:hidden;width:100%}.timer-progress-bar{background:var(--green);border-radius:3px;box-shadow:0 0 8px currentColor;height:100%;transition:width 1s linear,background-color .3s ease}.timer-status{align-items:center;display:flex;justify-content:center;min-height:20px}.timer-warning{animation:blink .5s infinite;color:var(--red)}.timer-finished,.timer-warning{font-size:.9rem;font-weight:600;text-align:center}.timer-finished{color:var(--orange)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width:768px){.timer-container{min-width:140px;padding:12px}.timer-text{font-size:1.5rem}.timer-icon{font-size:1.3rem}.timer-finished,.timer-warning{font-size:.8rem}}@media (max-width:480px){.timer-container{min-width:120px;padding:10px}.timer-text{font-size:1.3rem}.timer-icon{font-size:1.2rem}.timer-progress{height:4px}}@media (prefers-contrast:high){.timer-container{background:var(--bg-color);border-width:3px}.timer-progress-bar{box-shadow:none}.timer-text{text-shadow:none}}@media (prefers-reduced-motion:reduce){.timer-icon,.timer-warning{animation:none}.timer-progress-bar{transition:width .3s ease}.timer-text{text-shadow:none}}.timer-container:focus-within{outline:2px solid var(--blue);outline-offset:2px}.app-footer{background:linear-gradient(135deg,#1a1a1a,#2a2a2a 50%,#1a1a1a);border-top:3px solid var(--aqua);color:var(--fg-color);margin-top:auto;overflow:hidden;padding:20px;position:relative}.app-footer:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000 0,var(--green) 20%,var(--aqua) 50%,var(--orange) 80%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.footer-content{align-items:center;display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:1200px;padding:0 20px}.developer-section{text-align:center}.developer-info{align-items:center;display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.developed-by{color:var(--aqua);font-size:.9rem;opacity:.9}.developer-name{color:var(--orange);font-size:1.1rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px #d65d0e4d}.copyright-info{color:var(--fg-color);font-size:.85rem;opacity:.8}@media (max-width:768px){.app-footer{padding:15px 10px}.footer-content{gap:12px;padding:0 10px}.developer-name{font-size:1rem}.copyright-info,.developed-by{font-size:.8rem}}@media (max-width:480px){.app-footer{padding:15px 10px}.footer-content{gap:10px;padding:0 5px}.developer-name{font-size:.95rem}.copyright-info,.developed-by{font-size:.75rem}}@media (max-width:320px){.developer-name{font-size:.9rem}.developed-by{font-size:.7rem}.copyright-info{font-size:.7rem;line-height:1.2}}@media (prefers-contrast:high){.app-footer{background:var(--bg-color);border-top-width:4px}}@media (prefers-reduced-motion:reduce){.app-footer:before{animation:none}}@media print{.app-footer{background:#fff!important;border-top:2px solid #000;color:#000!important}.app-footer:before{display:none}}.grading-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282828f2;border:2px solid var(--aqua);border-radius:12px;bottom:20px;box-shadow:0 8px 25px #0000004d;font-size:.9rem;max-width:350px;min-width:200px;position:fixed;right:20px;transition:all .3s ease;z-index:1500}.grading-info.expanded{max-height:600px;max-width:400px}.grading-header{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background .2s ease}.grading-header:hover{background:#689d6a1a}.grading-title{color:var(--aqua);font-size:1rem;font-weight:600}.toggle-icon{color:var(--orange);font-size:1.2rem;font-weight:700;text-align:center;width:20px}.grading-content{max-height:500px;overflow-y:auto;padding:0 16px 16px}.grades-section{margin-bottom:0}.grades-section h4{color:var(--green);font-size:.9rem;font-weight:600;margin:0 0 8px}.grade-list{display:flex;flex-direction:column;gap:6px}.grade-item{align-items:center;border-radius:4px;display:flex;gap:8px;padding:4px;transition:background .2s ease}.grade-item:hover{background:#689d6a0d}.grade-badge{border-radius:4px;color:var(--bg-color);font-size:.8rem;font-weight:700;min-width:28px;padding:2px 6px;text-align:center}.grade-badge.a-plus{background:linear-gradient(135deg,var(--green),#0f0)}.grade-badge.a{background:linear-gradient(135deg,var(--aqua),var(--green))}.grade-badge.b{background:linear-gradient(135deg,var(--yellow),var(--aqua))}.grade-badge.c{background:linear-gradient(135deg,var(--orange),var(--yellow))}.grade-badge.d{background:linear-gradient(135deg,var(--red),var(--orange))}.grade-range{color:var(--fg-color);font-size:.8rem;font-weight:600;min-width:45px}.grade-desc{color:var(--fg-color);font-size:.75rem;font-style:italic;opacity:.9}@media (max-width:768px){.grading-info{bottom:15px;font-size:.85rem;max-width:280px;min-width:180px;right:15px}.grading-info.expanded{max-width:300px}.grading-header{padding:10px 14px}.grading-title{font-size:.9rem}}@media (max-width:480px){.grading-info{bottom:10px;font-size:.8rem;max-width:250px;min-width:160px;right:10px}.grading-info.expanded{bottom:10px;max-width:280px;right:10px}.grading-content{max-height:300px}.grade-badge{font-size:.75rem;min-width:24px}}@media (prefers-contrast:high){.grading-info{background:var(--bg-color);border-width:3px}.grade-badge{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.grade-item,.grading-header,.grading-info{transition:none}}
/*# sourceMappingURL=main.cedf9bbc.css.map*/