:root{--color-bg-primary: #0d1117;--color-bg-secondary: #161b22;--color-accent-blue: #7cc8f5;--color-accent-gold: #f5e5a8;--color-accent-green: #9dd3a8;--color-text-primary: rgba(255, 255, 255, .95);--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .4);--color-border: rgba(100, 160, 220, .2);font-family:Rajdhani,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{background:linear-gradient(135deg,#0a0e14,#0d1520,#111a28,#0d1520,#0a0e14);background-attachment:fixed}#root{min-height:100%}h1,h2,h3,h4,h5,h6{line-height:1.2}input,button,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--color-accent-blue)}img,picture,video,canvas,svg{display:block;max-width:100%}::selection{background:#7cc8f54d;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#64a0dc4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64a0dc80}.version-selector{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.version-label{font-family:Cinzel,serif;font-size:.85rem;color:#fff9;letter-spacing:.05em;text-transform:uppercase}.version-buttons{display:flex;gap:.5rem}.version-btn{padding:.5rem 1.25rem;font-family:Rajdhani,sans-serif;font-weight:600;font-size:1rem;background:#28324699;border:2px solid rgba(100,160,220,.2);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s ease}.version-btn:hover{background:#3c506eb3;border-color:#64a0dc66;color:#ffffffe6}.version-btn.active{background:linear-gradient(180deg,#4678b4cc,#325a8ce6);border-color:#64b4ff99;color:#fff;box-shadow:0 0 15px #508cdc4d,inset 0 1px #fff3;text-shadow:0 0 10px rgba(255,255,255,.5)}.level-input{display:flex;flex-direction:column;align-items:center;gap:.75rem}.level-label{font-family:Cinzel,serif;font-size:1rem;color:#fffc;letter-spacing:.1em;text-transform:uppercase}.level-controls{display:flex;align-items:center;gap:.25rem}.level-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;background:#28324699;border:2px solid rgba(100,160,220,.2);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.level-btn:hover:not(:disabled){background:#3c5a82b3;border-color:#64a0dc80;color:#fff}.level-btn:disabled{opacity:.3;cursor:not-allowed}.level-value{width:80px;height:50px;text-align:center;font-family:Rajdhani,sans-serif;font-size:2rem;font-weight:700;background:#141e2dcc;border:2px solid rgba(100,160,220,.3);border-radius:8px;color:#7cc8f5;outline:none;-moz-appearance:textfield}.level-value::-webkit-outer-spin-button,.level-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.level-value:focus{border-color:#64b4ff99;box-shadow:0 0 15px #508cdc4d}.level-value--error{border-color:#dc505099;box-shadow:0 0 10px #dc50504d}.level-value--error:focus{border-color:#ff6464cc;box-shadow:0 0 15px #dc505066}.level-error{font-size:.75rem;color:#ff6b6b;text-align:center;max-width:150px;line-height:1.3}.xp-bar-container{width:100%;margin:1.5rem 0}.xp-bar{position:relative;width:100%;height:40px;background:linear-gradient(180deg,#141923e6,#1e2837f2,#141923e6);border-radius:8px;cursor:pointer;overflow:hidden;border:2px solid rgba(100,160,220,.3);box-shadow:inset 0 2px 8px #00000080,0 0 20px #508cc81a;-webkit-user-select:none;user-select:none}.xp-bar:hover{border-color:#64a0dc80;box-shadow:inset 0 2px 8px #00000080,0 0 30px #508cc833}.xp-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(180deg,#5ca8e0,#3d8cc9 30%,#2a6fa8 70%,#1d5a8f);transition:width .1s ease-out;border-radius:6px 0 0 6px}.xp-bar-glow{position:absolute;top:0;left:0;height:50%;background:linear-gradient(180deg,#ffffff40,#ffffff0d);transition:width .1s ease-out;border-radius:6px 0 0;pointer-events:none}.xp-bar-segments{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.xp-bar-segment-line{position:absolute;top:0;width:2px;height:100%;background:#0006;box-shadow:1px 0 #ffffff1a}.xp-bar-labels{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;font-family:Rajdhani,sans-serif;font-weight:600;font-size:1.3rem}.xp-current{color:#7cc8f5;text-shadow:0 0 10px rgba(124,200,245,.5)}.xp-divider{color:#fff6}.xp-total{color:#ffffffb3}.xp-input-container{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem}.xp-input-label{font-family:Rajdhani,sans-serif;font-size:.9rem;color:#ffffff80}.xp-input{width:140px;padding:.5rem .75rem;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600;color:#7cc8f5;background:#141923e6;border:2px solid rgba(100,160,220,.3);border-radius:6px;text-align:center;transition:all .2s ease}.xp-input::placeholder{color:#7cc8f566}.xp-input:hover{border-color:#64a0dc80}.xp-input:focus{outline:none;border-color:#64a0dcb3;box-shadow:0 0 15px #508cc84d}.xp-bar-percentage{text-align:center;margin-top:.25rem;font-family:Rajdhani,sans-serif;font-weight:500;font-size:1rem;color:#ffffff80}.xp-bar-hint{text-align:center;margin-top:.5rem;font-size:.85rem;color:#ffffff59;font-style:italic}.iteration-input{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#1e283780;border-radius:12px;border:1px solid rgba(100,160,220,.15)}.iteration-label{font-family:Cinzel,serif;font-size:1rem;color:#fffc;letter-spacing:.1em;text-transform:uppercase}.iteration-description{font-size:.85rem;color:#fff6;margin-bottom:.5rem}.iteration-value{width:180px;height:45px;text-align:center;font-family:Rajdhani,sans-serif;font-size:1.4rem;font-weight:600;background:#141e2dcc;border:2px solid rgba(100,160,220,.3);border-radius:8px;color:#9dd3a8;outline:none;-moz-appearance:textfield}.iteration-value::-webkit-outer-spin-button,.iteration-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.iteration-value::placeholder{color:#ffffff40}.iteration-value:focus{border-color:#64c88c99;box-shadow:0 0 15px #64c88c33}.result-display{background:linear-gradient(135deg,#1e2d41cc,#142332e6);border:2px solid rgba(100,160,220,.25);border-radius:16px;padding:2rem;margin-top:2rem;box-shadow:0 10px 40px #0000004d,inset 0 1px #ffffff0d}.result-header{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.result-icon{font-size:1.2rem;color:#b4a064cc}.result-title{font-family:Cinzel,serif;font-size:1.2rem;font-weight:600;color:#ffffffe6;letter-spacing:.15em;text-transform:uppercase}.result-main{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.result-journey{display:flex;align-items:center;gap:1rem}.level-badge{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:700}.level-badge.current{background:linear-gradient(135deg,#3d6a8c,#2a4a65);border:2px solid rgba(100,160,220,.4);color:#a8d4f5}.level-badge.target{background:linear-gradient(135deg,#7a6a2e,#5a4a1e);border:2px solid rgba(200,180,100,.4);color:#f5e5a8;box-shadow:0 0 20px #c8b46433}.arrow{font-size:1.5rem;color:#fff6}.xp-needed{display:flex;align-items:baseline;gap:.5rem}.xp-value{font-family:Rajdhani,sans-serif;font-size:3rem;font-weight:700;color:#7cc8f5;text-shadow:0 0 20px rgba(124,200,245,.4),0 0 40px rgba(124,200,245,.2);letter-spacing:.02em}.xp-label{font-family:Cinzel,serif;font-size:1.2rem;color:#ffffff80;letter-spacing:.1em}.iterations-result{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(100,200,140,.2)}.iterations-count{display:flex;flex-direction:column;align-items:center;gap:.25rem}.iterations-value{font-family:Rajdhani,sans-serif;font-size:2.2rem;font-weight:700;color:#9dd3a8;text-shadow:0 0 15px rgba(100,200,140,.3)}.iterations-label{font-family:Cinzel,serif;font-size:.9rem;color:#ffffff80;letter-spacing:.1em;text-transform:uppercase}.result-message{display:flex;justify-content:center;align-items:center;gap:.75rem;font-family:Cinzel,serif;font-size:1.1rem;color:#9dd3a8}.result-emoji{font-size:1.5rem}.result-note{margin-top:1rem;text-align:center;font-size:.9rem;color:#fff6;font-style:italic}@media(max-width:480px){.xp-value{font-size:2.2rem}.result-display{padding:1.5rem}}.language-selector{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;z-index:1000}.language-label{font-family:Cinzel,serif;font-size:.85rem;color:#fff9;letter-spacing:.05em;text-transform:uppercase}.language-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Rajdhani,sans-serif;font-weight:600;font-size:1rem;background:#28324699;border:2px solid rgba(100,160,220,.2);border-radius:6px;color:#fff9;cursor:pointer;transition:all .2s ease}.language-btn:hover{background:#3c506eb3;border-color:#64a0dc66;color:#ffffffe6}.language-btn.active{background:linear-gradient(180deg,#4678b4cc,#325a8ce6);border-color:#64b4ff99;color:#fff;box-shadow:0 0 15px #508cdc4d,inset 0 1px #fff3;text-shadow:0 0 10px rgba(255,255,255,.5)}.language-flag{font-size:1.1rem;line-height:1}.language-btn .language-native{min-width:4rem;text-align:left}.language-arrow{font-size:.75rem;transition:transform .2s ease;margin-left:.25rem}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{position:fixed;min-width:220px;max-height:400px;overflow-y:auto;margin:0;padding:.5rem;list-style:none;background:#141923fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(100,160,220,.3);border-radius:8px;box-shadow:0 10px 50px #0009,0 0 30px #508cdc26;animation:dropdownFadeIn .15s ease;z-index:10000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-dropdown::-webkit-scrollbar{width:6px}.language-dropdown::-webkit-scrollbar-track{background:transparent}.language-dropdown::-webkit-scrollbar-thumb{background:#64a0dc4d;border-radius:3px}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:6px;color:#ffffffb3;font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.language-option:hover{background:#4678b466;color:#fff}.language-option.active{background:linear-gradient(90deg,#4678b4b3,#325a8c80);color:#fff;box-shadow:inset 0 0 0 1px #64b4ff4d}.language-option .language-flag{font-size:1.35rem}.language-option .language-native{font-weight:600;flex:1}.language-name{font-size:.8rem;opacity:.5;font-weight:400}.language-option.active .language-name{opacity:.7}@media(max-width:480px){.language-btn .language-native{display:none}.language-btn{padding:.5rem .75rem}.language-dropdown{min-width:200px}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.background-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(70,130,180,.4) 0%,transparent 70%);top:-100px;left:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(100,80,160,.3) 0%,transparent 70%);bottom:10%;right:-50px;animation-delay:-7s}.orb-3{width:250px;height:250px;background:radial-gradient(circle,rgba(80,160,200,.3) 0%,transparent 70%);top:50%;left:30%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.app-header{position:relative;z-index:100;padding:1.5rem 2rem;background:linear-gradient(180deg,#0f141ee6,#0f141e00)}.header-content{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-controls{display:flex;align-items:center;gap:1rem}.app-title{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:#fff;margin:0;letter-spacing:.05em;text-shadow:0 2px 20px rgba(100,160,220,.3)}.title-accent{color:#7cc8f5;text-shadow:0 0 20px rgba(124,200,245,.5),0 0 40px rgba(124,200,245,.3)}.app-main{flex:1;position:relative;z-index:10;max-width:700px;width:100%;margin:0 auto;padding:2rem}.input-section{display:flex;flex-direction:column;gap:2rem}.level-inputs{display:flex;justify-content:center;gap:3rem}.xp-section{background:#1e283780;border-radius:16px;padding:1.5rem 2rem 2rem;border:1px solid rgba(100,160,220,.15)}.section-title{font-family:Cinzel,serif;font-size:1rem;font-weight:600;color:#ffffffb3;text-align:center;margin:0 0 .5rem;letter-spacing:.1em;text-transform:uppercase}.app-footer{position:relative;z-index:10;padding:2rem;text-align:center}.app-footer p{margin:0;font-size:.85rem;color:#fff6}.app-footer a{color:#7cc8f5b3;text-decoration:none;transition:color .2s ease}.app-footer a:hover{color:#7cc8f5;text-decoration:underline}.github-link{display:inline-flex;margin-top:1rem;color:#fff6;transition:color .2s ease,transform .2s ease}.github-link:hover{color:#7cc8f5;text-decoration:none;transform:scale(1.1)}@media(max-width:600px){.header-content{flex-direction:column;text-align:center}.app-title{font-size:1.6rem}.level-inputs{flex-direction:column;gap:1.5rem}.app-main,.xp-section{padding:1rem}}