@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";:root{--bg-color: #0f1219;--secbg-color: #1a1f2e;--main-bg-color: rgba(0, 0, 0, .4);--secondary-bg-color: rgba(30, 35, 50, .5);--accent-color: #8ab4f8;--text-color: #ffffff;--blur-bg: blur(12px);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: rgba(0, 0, 0, .5);--gradient-1: #667eea;--gradient-2: #764ba2;--gradient-3: #f093fb;--slide-transition: .8s cubic-bezier(.645, .045, .355, 1)}body.light-theme{--bg-color: #f0f4ff;--secbg-color: #d8e2ff;--main-bg-color: rgba(255, 255, 255, .85);--secondary-bg-color: rgba(99, 102, 241, .15);--accent-color: #5b6ff8;--text-color: #1e293b;--glass-border: rgba(99, 102, 241, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;margin:0;background:linear-gradient(135deg,var(--bg-color),var(--secbg-color),var(--accent-color));color:var(--text-color);position:relative;overflow:hidden;padding-top:35px;transition:background .5s ease,color .5s ease}#root{width:100%;height:100%}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}.ubuntu-topbar{position:fixed;top:0;left:0;right:0;height:35px;background:rgba(30,30,30,.95);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 15px;z-index:9999;border-bottom:1px solid rgba(255,255,255,.1)}.topbar-left{display:flex;gap:8px}.topbar-left .btn{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:transform .2s}.topbar-left .btn:hover{transform:scale(1.2)}.topbar-left .close{background:#ff5f56}.topbar-left .minimize{background:#ffbd2e}.topbar-left .maximize{background:#27c93f}.ubuntu-title{color:#fff;font-size:14px;font-weight:600}.topbar-right{display:flex;align-items:center}.theme-toggle-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:5px 10px;border-radius:5px;transition:background .2s}.theme-toggle-btn:hover{background:rgba(255,255,255,.1)}.main-content{width:100%;height:calc(100vh - 35px);position:relative;overflow-x:hidden;overflow-y:auto}.home-page{width:100%;height:100%;position:relative}.slides-container{width:100%;height:100%;position:relative;overflow:hidden}.slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.slide.active{pointer-events:all}.slide-content{max-width:1200px;width:90%;padding:40px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:rgba(15,18,35,.7);border-radius:20px;border:1px solid rgba(255,255,255,.1);max-height:85vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.6) transparent;box-shadow:0 8px 32px rgba(0,0,0,.4)}.slide-title{font-size:3em;margin-bottom:40px;text-align:center}.slide-nav{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;gap:15px}.nav-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);border:2px solid rgba(255,255,255,.5);transition:all .3s ease;cursor:pointer}.nav-dot.active{background:var(--gradient-1);box-shadow:0 0 15px var(--gradient-1);transform:scale(1.3)}.nav-dot:hover{background:rgba(255,255,255,.6);transform:scale(1.2)}.scroll-indicator{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:1000;animation:bounce 2s infinite;cursor:pointer;font-size:24px;color:var(--text-color)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.gradient-text{background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2),var(--gradient-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:rgba(15,18,35,.7);border-radius:20px;border:1px solid rgba(255,255,255,.1);max-width:800px;width:90%}.content-container h1{font-size:4em;margin-bottom:10px}.content-container h5{font-size:1.2em;opacity:.8;margin-bottom:30px}.content-container h2{margin-top:2px;margin-bottom:2px}.skills-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.skill-badge{background:rgba(60,80,140,.3);border:1px solid rgba(102,126,234,.4);padding:8px 16px;border-radius:20px;font-size:.9em;transition:all .3s ease;cursor:default;backdrop-filter:blur(4px)}.skill-badge:hover{background:rgba(80,100,180,.5);transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.3)}.social-links{list-style:none;display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.social-card{display:flex;align-items:center;gap:10px;padding:12px 24px;background:rgba(20,25,45,.7);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-color);text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;backdrop-filter:blur(8px)}.social-card:hover{background:rgba(40,50,80,.8);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.4)}.social-card .link-icon{font-size:1.2em}.card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.social-card:hover .card-shine{left:100%}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.skill-category{background:rgba(20,25,45,.7);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:25px;transition:all .3s ease;backdrop-filter:blur(8px)}.skill-category:hover{background:rgba(35,45,70,.8);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.category-icon{font-size:2.5em;margin-bottom:15px;color:var(--gradient-1)}.skill-category h3{margin-bottom:20px}.skill-bars{display:flex;flex-direction:column;gap:15px}.skill-bar{display:flex;flex-direction:column;gap:5px}.skill-name{font-size:.9em;opacity:.9}.bar-container{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--gradient-1),var(--gradient-2));border-radius:4px;transition:width .8s ease-out}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.project-card{display:flex;align-items:flex-start;gap:15px;padding:20px;background:rgba(20,25,45,.7);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:var(--text-color);text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;backdrop-filter:blur(8px)}.project-card:hover{background:rgba(40,50,80,.8);box-shadow:0 8px 25px rgba(0,0,0,.3)}.project-icon{font-size:2em;flex-shrink:0}.project-content{flex:1}.project-title{font-size:1.1em;font-weight:600;margin-bottom:8px}.project-description{font-size:.9em;opacity:.8;line-height:1.5}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{background:rgba(77,106,184,.15);padding:4px 10px;border-radius:12px;font-size:.8em}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}@media(max-width:768px){.contact-container{grid-template-columns:1fr}}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:rgba(20,25,45,.7);border-radius:12px;transition:all .3s ease;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.contact-item:hover{background:rgba(40,50,80,.8);box-shadow:0 5px 20px rgba(0,0,0,.3)}.contact-item i{font-size:1.5em;color:var(--gradient-1)}.contact-item h4{margin-bottom:4px;font-weight:600}.contact-item a{color:var(--accent-color);text-decoration:none}.contact-item a:hover{text-decoration:underline}.terminal-preview{background:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.5)}.terminal-header{background:#333;padding:10px 15px;display:flex;align-items:center;gap:8px}.terminal-btn{width:12px;height:12px;border-radius:50%}.terminal-btn.red{background:#ff5f56}.terminal-btn.yellow{background:#ffbd2e}.terminal-btn.green{background:#27c93f}.terminal-title{margin-left:auto;font-size:12px;color:#888}.terminal-body{padding:20px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6}.terminal-text .prompt{color:#27c93f}.terminal-text .output{color:#e0e0e0}.terminal-text kbd{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px;font-size:.9em}.dashboard-grid{display:grid;grid-template-columns:300px 1fr;gap:30px}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.auth-panel,.shorten-panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:25px}.auth-panel h3,.shorten-panel h3{margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form h4{margin-bottom:10px}.auth-form input,.shorten-panel input{padding:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-color);font-size:14px}.auth-form input:focus,.shorten-panel input:focus{outline:none;border-color:var(--gradient-1)}.auth-form button,.shorten-panel button{padding:12px;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-form button:hover:not(:disabled),.shorten-panel button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px rgba(102,126,234,.4)}.auth-form button:disabled,.shorten-panel button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-toggle{display:flex;gap:10px;margin-top:15px}.auth-toggle button{flex:1;padding:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--text-color);cursor:pointer;transition:all .2s}.auth-toggle button:hover{background:rgba(255,255,255,.2)}.auth-toggle button.active{background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));border-color:transparent;color:#fff;transform:scale(1.05)}.auth-status{display:flex;flex-direction:column;gap:15px}.status-info{display:flex;align-items:center;gap:12px;padding:15px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);border-radius:10px}.status-info i{font-size:24px}.status-title{font-weight:600;margin:0;font-size:14px}.status-email{margin:0;font-size:12px;opacity:.7}.logout-btn{padding:10px;background:rgba(255,95,86,.2);border:1px solid rgba(255,95,86,.4);border-radius:8px;color:#ff5f56;cursor:pointer;transition:all .3s}.logout-btn:hover{background:rgba(255,95,86,.3);transform:translateY(-2px)}.shorten-panel form{display:flex;flex-direction:column;gap:12px}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:rgba(255,255,255,.5);pointer-events:none;z-index:1}.input-group input{padding-left:40px!important;width:100%}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;padding:10px;background:rgba(255,255,255,.03);border-radius:8px;transition:all .2s}.checkbox-label:hover{background:rgba(255,255,255,.06)}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.shorten-panel label{display:flex;align-items:center;gap:8px;font-size:14px}.shorten-result{display:flex;flex-direction:column;gap:12px;padding:20px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);border-radius:12px;margin-top:20px}.result-header{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px}.result-url input{width:100%;padding:12px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-color);font-size:14px;font-family:JetBrains Mono,monospace}.result-actions{display:flex;gap:10px}.result-actions button,.result-actions a{flex:1;padding:10px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:14px}.copy-btn{background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.4);color:var(--gradient-1);transition:all .3s ease}.copy-btn:hover{background:rgba(102,126,234,.3);transform:translateY(-2px)}.copy-btn.copied{background:rgba(74,222,128,.2);border:1px solid rgba(74,222,128,.4);color:#4ade80}.open-btn{background:rgba(114,9,183,.2);border:1px solid rgba(114,9,183,.4);color:var(--gradient-2)}.open-btn:hover{background:rgba(114,9,183,.3);transform:translateY(-2px)}.close-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--text-color);flex:0 0 auto;width:40px;padding:10px 0}.close-btn:hover{background:rgba(255,255,255,.15)}.links-table{width:100%;border-collapse:collapse;margin-top:15px}.links-table-wrapper{overflow-x:auto;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1)}.links-count{font-size:14px;opacity:.6;font-weight:400}.empty-state{text-align:center;padding:40px 20px;color:rgba(255,255,255,.5)}.empty-state i{font-size:48px;margin-bottom:15px;opacity:.3}.empty-state p{margin:10px 0}.empty-hint{font-size:13px;opacity:.7}.links-table th,.links-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.links-table th{font-weight:600;opacity:.8;font-size:13px;background:rgba(255,255,255,.03)}.links-table tbody tr{transition:background .2s}.links-table tbody tr:hover{background:rgba(255,255,255,.04)}.link-code{color:var(--accent-color);font-family:JetBrains Mono,monospace;font-weight:600;text-decoration:none;transition:all .2s}.link-code:hover{color:var(--gradient-1);text-decoration:underline}.url-cell{max-width:300px}.url-content{display:flex;align-items:center;gap:8px}.url-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;opacity:.9}.clicks-badge{display:inline-block;padding:4px 10px;background:rgba(102,126,234,.2);border-radius:12px;font-size:12px;font-weight:600;color:var(--gradient-1)}.date-text{font-size:13px;opacity:.8}.no-expire{font-size:18px;opacity:.5}.action-buttons{display:flex;gap:8px}.action-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.copy-btn-small{background:rgba(102,126,234,.2);color:var(--gradient-1)}.copy-btn-small:hover{background:rgba(102,126,234,.3);transform:translateY(-2px)}.copy-btn-small.copied{background:rgba(74,222,128,.2);color:#4ade80}.delete-btn{background:rgba(255,95,86,.2);color:#ff5f56}.delete-btn:hover:not(:disabled){background:rgba(255,95,86,.3);transform:translateY(-2px)}.delete-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr;gap:20px}.auth-panel,.shorten-panel{padding:20px}.result-actions{flex-direction:column}.result-actions .close-btn{width:100%}.links-table-wrapper{overflow-x:auto}.links-table{font-size:12px}.links-table th,.links-table td{padding:10px 8px}.links-table th:nth-child(4),.links-table td:nth-child(4),.links-table th:nth-child(5),.links-table td:nth-child(5){display:none}.url-text{max-width:150px}.action-buttons{flex-direction:column;gap:5px}.action-btn{width:100%;padding:6px 8px}}@media(max-width:480px){.auth-toggle{flex-direction:column}.result-url input{font-size:12px}.links-table th:nth-child(3),.links-table td:nth-child(3){display:none}}.terminal-overlay{position:fixed;bottom:0;left:0;right:0;background:rgba(30,30,30,.98);backdrop-filter:blur(10px);border-top:2px solid rgba(102,126,234,.5);z-index:9998;display:flex;flex-direction:column}.terminal-resizer{height:8px;background:linear-gradient(90deg,var(--gradient-1),var(--gradient-2));cursor:ns-resize;flex-shrink:0}.terminal-output{flex:1;overflow-y:auto;padding:20px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6}.terminal-banner{color:#888;margin-bottom:20px}.terminal-line{margin-bottom:5px}.terminal-line.command{color:#27c93f}.terminal-line.output{color:#e0e0e0;white-space:pre-wrap}.terminal-line.error{color:#ff5f56}.terminal-line.html{color:#e0e0e0;padding:10px;background:rgba(0,0,0,.2);border-radius:8px;margin:10px 0}.terminal-line.html pre{margin:0;padding:5px;background:#fff;border-radius:4px;display:inline-block;line-height:1;font-size:8px}.terminal-line.html .qr-container{display:inline-block;padding:10px;background:#fff;border-radius:8px}.terminal-input-line{display:flex;align-items:center;padding:15px 20px;background:rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.1)}.terminal-prompt{color:#27c93f;margin-right:10px;font-family:JetBrains Mono,monospace}.terminal-input-line input{flex:1;background:transparent;border:none;color:#e0e0e0;font-family:JetBrains Mono,monospace;font-size:14px;outline:none}.toast-container{position:fixed;top:50px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:rgba(30,30,30,.95);backdrop-filter:blur(10px);border:2px solid;border-radius:12px;padding:14px 18px;min-width:280px;max-width:400px;display:flex;align-items:center;gap:12px;pointer-events:all;cursor:pointer;font-weight:500}.toast.success{border-color:#4ade80;color:#86efac}.toast.error{border-color:#f87171;color:#fca5a5}.toast.warning{border-color:#fbbf24;color:#fde68a}.toast.info{border-color:#8ab4f8;color:#bfdbfe}.toast i{font-size:1.2em}.toast-message{flex:1}#c-hints{position:fixed;bottom:20px;left:20px;background:rgba(0,0,0,.7);padding:10px 15px;border-radius:8px;font-size:12px;z-index:100}#c-hints kbd{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px;margin:0 2px}.boot-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;color:#0f0;z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;cursor:pointer;overflow:hidden}.boot-content{width:100%;max-width:900px;margin:0 auto;padding:40px}.boot-lines{font-family:JetBrains Mono,Courier New,monospace;font-size:14px;line-height:1.6;white-space:pre-wrap}.boot-line{margin-bottom:2px;color:#0f0}.boot-ok{color:#4ade80;font-weight:600}.boot-module{color:#60a5fa;margin-left:20px}.boot-cursor{display:inline-block;margin-left:4px;color:#0f0}.boot-skip-hint{position:fixed;bottom:30px;left:50%;transform:translate(-50%);color:#666;font-family:JetBrains Mono,monospace;font-size:12px;animation:pulse 2s ease-in-out infinite}.spotify-hero-wrapper{width:100%;max-width:400px;margin:20px 0}.spotify-top{margin-bottom:10px}.spotify-heading{font-size:1em;display:flex;align-items:center;gap:8px;color:#1db954}.spotify-frame-shell{position:relative;min-height:200px;background:rgba(0,0,0,.3);border-radius:12px;overflow:hidden}.spotify-frame-shell iframe{width:100%;height:300px;border:none;transition:opacity .3s}.spotify-skeleton{position:absolute;top:0;left:0;right:0;padding:20px}.sk-row{display:flex;gap:15px;margin-bottom:20px}.sk-cover{width:60px;height:60px;background:rgba(255,255,255,.1);border-radius:8px}.sk-lines{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center}.sk-line{height:12px;background:rgba(255,255,255,.1);border-radius:6px}.sk-recent{display:flex;flex-direction:column;gap:10px}.sk-item{height:40px;background:rgba(255,255,255,.1);border-radius:8px}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.spotify-error{text-align:center;padding:40px;color:#ff5f56}.tools-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px 20px;overflow-y:auto}.tools-container{max-width:900px;width:100%;background:rgba(15,18,35,.8);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px rgba(0,0,0,.5);padding:40px}.tools-header{text-align:center;margin-bottom:40px}.tools-header h1{font-size:2.5em;margin-bottom:10px}.tools-subtitle{opacity:.7}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-color);text-decoration:none;margin-bottom:20px;transition:all .2s}.back-link:hover{transform:translate(-5px)}.tools-grid{display:grid;gap:20px}.tool-card{display:flex;align-items:center;gap:20px;padding:25px;background:rgba(25,30,50,.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;color:var(--text-color);text-decoration:none;transition:all .3s ease}.tool-card:hover{background:rgba(40,50,80,.7);transform:translate(10px);box-shadow:0 10px 40px rgba(0,0,0,.4)}.tool-icon{font-size:2.5em;flex-shrink:0}.tool-title{font-size:1.3em;font-weight:600;margin-bottom:8px}.tool-description{opacity:.8;font-size:.95em}.tool-arrow{font-size:1.2em;opacity:.5;transition:all .3s}.tool-card:hover .tool-arrow{opacity:1;transform:translate(5px)}.genshin-optimizer{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto}.genshin-container{background:rgba(8,10,20,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:2px solid rgba(77,106,184,.2);box-shadow:0 12px 48px rgba(0,0,0,.7);padding:35px;max-width:900px;width:100%;margin:0 auto 40px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(77,106,184,.5) transparent;box-sizing:border-box}.genshin-container *{box-sizing:border-box}.genshin-container::-webkit-scrollbar{width:8px}.genshin-container::-webkit-scrollbar-track{background:transparent}.genshin-container::-webkit-scrollbar-thumb{background:rgba(77,106,184,.5);border-radius:4px}.genshin-container::-webkit-scrollbar-thumb:hover{background:rgba(77,106,184,.7)}.genshin-header{text-align:center;margin-bottom:30px}.genshin-header h1{color:#8ab4f8;font-size:2em;margin-bottom:8px}.genshin-header .subtitle{color:#9ca3af;font-size:.95em}.section{margin-bottom:25px}.section-title{color:#8ab4f8;margin-bottom:12px;font-size:1em;font-weight:600}.genshin-container textarea{width:100%;min-height:120px;padding:16px;background:rgba(10,13,28,.9);border:2px solid rgba(100,100,255,.2);border-radius:12px;color:#e8e8e8;font-family:JetBrains Mono,monospace;font-size:15px;line-height:1.6;resize:vertical;transition:all .3s ease}.genshin-container textarea:focus{outline:none;border-color:#8ab4f8;box-shadow:0 0 0 3px rgba(138,180,248,.1)}.output-box{background:rgba(5,7,15,.95);border:2px solid rgba(77,106,184,.15);border-radius:12px;padding:16px;min-height:100px;max-height:200px;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:15px;line-height:1.6;word-wrap:break-word;word-break:break-word;color:#e0e2e8;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(77,106,184,.5) transparent}.output-box::-webkit-scrollbar{width:6px}.output-box::-webkit-scrollbar-track{background:transparent}.output-box::-webkit-scrollbar-thumb{background:rgba(77,106,184,.5);border-radius:3px}.output-box .placeholder{color:#6b7280}.char-safe{color:#4ade80;font-weight:600}.char-expensive{color:#f87171;font-weight:600}.char-replaced{background:rgba(74,222,128,.2);padding:1px 3px;border-radius:3px}.progress-bar{width:100%;height:32px;background:rgba(10,13,28,.9);border:2px solid rgba(100,100,255,.2);border-radius:12px;overflow:hidden;margin-bottom:20px}.progress-fill{height:100%;background:linear-gradient(90deg,#8ab4f8,#5b8def);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9em;font-family:JetBrains Mono,monospace;transition:width .3s ease,background .3s ease}.progress-fill.warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.progress-fill.error{background:linear-gradient(90deg,#f87171,#ef4444)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;margin-bottom:20px}.stat-card{background:rgba(20,24,48,.8);padding:18px;border-radius:12px;border:2px solid rgba(100,100,255,.2);text-align:center;transition:all .3s ease}.stat-card:hover{border-color:rgba(138,180,248,.4);transform:translateY(-2px)}.stat-label{color:#9ca3af;font-size:.85em;margin-bottom:8px}.stat-value{color:#8ab4f8;font-size:1.8em;font-weight:700;font-family:JetBrains Mono,monospace}.stat-value.warning{color:#fbbf24}.stat-value.error{color:#f87171}.stat-value.success{color:#4ade80}.alert{background:rgba(201,96,96,.12);border:2px solid #c96060;border-radius:12px;padding:16px;margin-bottom:20px;color:#d88888;font-weight:600;text-align:center}.button-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:15px}.button{padding:14px 28px;border-radius:12px;font-family:Inter,sans-serif;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.button.primary{background:linear-gradient(135deg,#6b8fc9,#4d6ab8);color:#fff;box-shadow:0 4px 12px rgba(107,143,201,.25)}.button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(107,143,201,.35)}.button.secondary{background:rgba(77,106,184,.12);border:2px solid rgba(107,143,201,.25);color:#6b8fc9}.button.secondary:hover{background:rgba(77,106,184,.2);border-color:#6b8fc9}.button.full-width{width:100%}.options-section{background:rgba(12,15,30,.85);border:2px solid rgba(77,106,184,.15);border-radius:12px;padding:20px;margin-bottom:25px}.option-item{margin-bottom:15px}.checkbox-wrapper{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#6b8fc9}.option-label{color:#e0e2e8;font-size:.95em;font-weight:500}.option-description{color:#8a8f9f;font-size:.85em;margin-left:30px;margin-top:5px;margin-bottom:15px}.rules-info{background:rgba(12,15,30,.85);border:2px solid rgba(77,106,184,.15);border-radius:12px;overflow:hidden;margin-top:25px}.rules-header{width:100%;padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;color:inherit}.rules-header:hover{background:rgba(107,143,201,.05)}.rules-title{color:#6b8fc9;font-weight:600;font-size:1em}.rules-toggle{color:#8a8f9f;font-size:1em}.rules-content{padding:0 20px 20px;overflow:hidden}.rules-list{color:#8a8f9f;line-height:1.8}.rules-list p{margin-bottom:5px}.unity-test-result{background:rgba(20,24,48,.8);border:2px solid rgba(100,100,255,.2);border-radius:12px;padding:20px;margin-top:20px}.unity-test-result.success{border-color:rgba(74,222,128,.3)}.unity-test-result.warning{border-color:rgba(251,191,36,.3)}.unity-test-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#8ab4f8;font-weight:600;font-size:1.1em}.unity-test-info{color:#9ca3af;line-height:1.8;margin-bottom:15px}.unity-test-label{color:#8ab4f8;font-size:.9em;margin-bottom:8px}.unity-test-preview{background:rgba(10,13,28,.9);border:2px solid rgba(100,100,255,.2);border-radius:8px;padding:12px;font-family:JetBrains Mono,monospace;color:#e8e8e8;word-wrap:break-word}.unity-test-preview.success{border-color:rgba(74,222,128,.3)}.unity-test-preview.warning{border-color:rgba(251,191,36,.3)}.modal-overlay,.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:rgba(15,18,35,.98);border:2px solid rgba(138,180,248,.3);border-radius:16px;padding:30px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{color:#8ab4f8;font-size:1.4em;font-weight:700;display:flex;align-items:center;gap:10px}.modal-close{background:none;border:none;color:#9ca3af;font-size:1.5em;cursor:pointer;padding:5px 10px;border-radius:8px;transition:all .2s}.modal-close:hover{background:rgba(248,113,113,.2);color:#f87171}.replacement-list{list-style:none}.replacement-item{background:rgba(20,24,48,.8);border:1px solid rgba(100,100,255,.2);border-radius:8px;padding:12px 16px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace}.replacement-chars{font-size:1.2em;font-weight:600;display:flex;align-items:center;gap:10px}.replacement-from{color:#f87171}.replacement-arrow{color:#9ca3af}.replacement-to{color:#4ade80}.replacement-bytes{color:#9ca3af;font-size:.9em}.bytes-saved{color:#4ade80;margin-left:5px}.no-replacements{text-align:center;color:#9ca3af;padding:20px;font-style:italic}.confirm-content{background:rgba(15,18,35,.98);border:2px solid rgba(248,113,113,.5);border-radius:16px;padding:30px;max-width:450px;width:100%}.confirm-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#fca5a5}.confirm-header i{font-size:2em}.confirm-title{font-size:1.3em;font-weight:700}.confirm-message{color:#e8e8e8;line-height:1.6;margin-bottom:25px}.confirm-buttons{display:flex;gap:12px}.confirm-btn{flex:1;padding:12px;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn.cancel{background:rgba(100,100,255,.15);border:2px solid rgba(138,180,248,.3);color:#8ab4f8}.confirm-btn.cancel:hover{background:rgba(100,100,255,.25)}.confirm-btn.confirm{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.confirm-btn.confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(248,113,113,.4)}.not-found-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.not-found-content{text-align:center}.error-code{font-size:8em;font-weight:900;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2),var(--gradient-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:20px}.not-found-content h1{font-size:2em;margin-bottom:10px}.not-found-content p{opacity:.7;margin-bottom:30px}.home-link{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s}.home-link:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(102,126,234,.4)}@media(max-width:768px){.slide-content{padding:25px;width:95%}.slide-title{font-size:2em}.content-container h1{font-size:3em}.slide-nav{right:15px}.skills-grid,.projects-grid{grid-template-columns:1fr}.genshin-container{padding:20px}.genshin-header h1{font-size:1.5em}.stats,.button-group{grid-template-columns:1fr}}.speedtest-page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto}.speedtest-container{background:rgba(8,10,20,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:2px solid rgba(138,180,248,.2);box-shadow:0 12px 48px rgba(0,0,0,.7);padding:40px;max-width:900px;width:100%;margin:0 auto}.speedtest-header{text-align:center;margin-bottom:40px}.speedtest-header h1{color:#8ab4f8;font-size:2.5em;margin-bottom:10px}.speedtest-header .subtitle{color:#9ca3af;font-size:1em}.speedtest-gauge{display:flex;justify-content:center;align-items:center;margin:40px 0}.gauge-display{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(15,18,35,.9),rgba(8,10,20,.95));border:4px solid rgba(138,180,248,.3);box-shadow:0 0 40px rgba(138,180,248,.2),inset 0 0 40px rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.gauge-value{font-size:3em;font-weight:700;font-family:JetBrains Mono,monospace;margin-bottom:10px}.gauge-value i{font-size:2.5em}.speed-excellent{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.5)}.speed-good{color:#8ab4f8;text-shadow:0 0 20px rgba(138,180,248,.5)}.speed-fair{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.5)}.speed-poor{color:#f87171;text-shadow:0 0 20px rgba(248,113,113,.5)}.speed-idle{color:#6b7280}.speed-complete{color:#4ade80}.gauge-label{color:#9ca3af;font-size:1.1em;font-weight:600;text-transform:uppercase;letter-spacing:1px}.gauge-progress{position:absolute;bottom:0;left:0;right:0;height:6px;background:rgba(20,24,48,.8);overflow:hidden}.gauge-progress-bar{height:100%;background:linear-gradient(90deg,#8ab4f8,#4ade80);transition:width .3s ease}.speedtest-controls{display:flex;justify-content:center;margin:30px 0}.btn-start-test,.btn-stop-test{padding:18px 50px;border-radius:14px;font-family:Inter,sans-serif;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:12px;box-shadow:0 6px 20px rgba(0,0,0,.3)}.btn-start-test{background:linear-gradient(135deg,#8ab4f8,#5b8def);color:#fff}.btn-start-test:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(138,180,248,.4)}.btn-stop-test{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.btn-stop-test:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(248,113,113,.4)}.speedtest-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:40px 0}.result-card{background:rgba(20,24,48,.8);border:2px solid rgba(138,180,248,.2);border-radius:16px;padding:25px;display:flex;gap:20px;align-items:flex-start;transition:all .3s ease}.result-card:hover{border-color:rgba(138,180,248,.4);transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.4)}.result-icon{font-size:2em;color:#8ab4f8;flex-shrink:0}.result-content{flex:1}.result-label{color:#9ca3af;font-size:.9em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.result-value{font-size:2em;font-weight:700;font-family:JetBrains Mono,monospace;margin-bottom:5px;color:#8ab4f8}.result-value.excellent{color:#4ade80}.result-value.good{color:#8ab4f8}.result-value.fair{color:#fbbf24}.result-value.poor{color:#f87171}.result-detail{color:#6b7280;font-size:.85em;font-family:JetBrains Mono,monospace}.speedtest-info{background:rgba(12,15,30,.85);border:2px solid rgba(138,180,248,.15);border-radius:16px;padding:25px;margin-top:40px}.speedtest-info h3{color:#8ab4f8;font-size:1.3em;margin-bottom:20px;display:flex;align-items:center;gap:10px}.speedtest-info h4{color:#9ca3af;font-size:1em;margin:20px 0 10px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.info-item{display:flex;flex-direction:column;gap:5px}.info-label{color:#6b7280;font-size:.85em}.info-value{color:#e0e2e8;font-weight:600;font-family:JetBrains Mono,monospace}.rate-limits ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.rate-limits li{color:#9ca3af;font-family:JetBrains Mono,monospace;font-size:.9em;display:flex;align-items:center;gap:10px}.rate-limits li i{color:#8ab4f8;width:20px}@media(max-width:768px){.speedtest-container{padding:25px}.speedtest-header h1{font-size:2em}.gauge-display{width:220px;height:220px}.gauge-value{font-size:2.2em}.speedtest-results,.info-grid{grid-template-columns:1fr}}.tools-page{width:100%;min-height:calc(100vh - 35px);padding:40px 20px;display:flex;align-items:center;justify-content:center}.tools-container{max-width:1200px;width:100%}.tools-header{text-align:center;margin-bottom:50px}.tools-header .back-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-color);text-decoration:none;font-size:.95em;margin-bottom:20px;transition:all .3s ease}.tools-header .back-link:hover{gap:12px}.tools-header h1{font-size:3em;margin-bottom:10px}.tools-subtitle{color:rgba(255,255,255,.7);font-size:1.1em}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px}.tool-card{display:flex;align-items:center;gap:20px;padding:30px;background:rgba(20,25,45,.7);border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;color:var(--text-color);transition:all .3s ease;backdrop-filter:blur(8px)}.tool-card:hover{background:rgba(40,50,80,.8);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.4)}.tool-icon{font-size:3em;flex-shrink:0}.tool-content{flex:1}.tool-title{font-size:1.4em;font-weight:600;margin-bottom:8px}.tool-description{font-size:.95em;opacity:.8;line-height:1.5}.tool-arrow{font-size:1.5em;color:var(--accent-color);transition:transform .3s ease}.tool-card:hover .tool-arrow{transform:translate(5px)}@media(max-width:768px){.tools-header h1{font-size:2em}.tools-grid{grid-template-columns:1fr}.tool-card{padding:20px}.tool-icon{font-size:2.5em}}