:root{--accent: #0071e3;--accent-hover: #0077ed;--accent-2: #00d4ff}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;width:100%;overflow-x:hidden;scroll-padding-top:86px}body{height:100%;width:100%;overflow:visible}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%;overflow-x:clip}.app{min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease;background-color:var(--bg-primary);color:var(--text-primary)}main>section+section{position:relative}main>section+section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(80%,900px);height:1px;background:linear-gradient(90deg,transparent,rgba(0,113,227,.6),rgba(0,212,255,.6),transparent);opacity:.55;z-index:5;pointer-events:none}main>section+section:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(70%,760px);height:110px;background:radial-gradient(60% 70% at 50% 0%,rgba(0,113,227,.16),transparent 75%);z-index:4;pointer-events:none}.single-section-view{flex:1;width:100%;overflow-y:auto;animation:fadeIn .3s ease-in-out}.full-scroll-view{flex:1;width:100%;overflow-y:auto;display:flex;flex-direction:column;animation:fadeIn .3s ease-in-out}.app.dark{--bg-primary: #0a0e27;--bg-secondary: #141829;--bg-tertiary: #1f2847;--text-primary: #ffffff;--text-secondary: #a1a1a6;--text-tertiary: #86868b;--accent-3: #ff006e;--border: #424245;--shadow: 0 4px 20px rgba(0, 113, 227, .2);--shadow-lg: 0 20px 60px rgba(0, 113, 227, .15)}.app.light{--bg-primary: #f8f9ff;--bg-secondary: #f0f3ff;--bg-tertiary: #e6ebff;--text-primary: #000000;--text-secondary: #555555;--text-tertiary: #86868b;--accent-3: #ff006e;--border: #d2d2d7;--shadow: 0 4px 20px rgba(0, 113, 227, .08);--shadow-lg: 0 20px 60px rgba(0, 113, 227, .1)}main{width:100%;flex:1;overflow-y:auto}main>section:not(#about):not(#experience){content-visibility:auto;contain-intrinsic-size:auto 720px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 20px}.section-loading{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);font-size:14px;min-height:120px;text-align:center}@media(max-width:768px){.section{padding:60px 20px}}.skip-to-content{position:absolute;top:-100px;left:16px;z-index:1000;padding:12px 24px;background:var(--accent);color:#fff;font-weight:600;font-size:14px;text-decoration:none;border-radius:0 0 10px 10px;transition:top .2s ease;box-shadow:0 4px 20px #0000004d}.skip-to-content:focus{top:0;outline:3px solid #ffffff;outline-offset:-6px}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}button,a,input,select,textarea,[role=button]{touch-action:manipulation}.btn,.filter-btn,.download-btn,.carousel-btn,.social-link,.project-link,.customizer-toggle,.theme-toggle,.menu-toggle{min-height:44px}p a,li a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}@media(forced-colors:active){.btn,.nav-link,.filter-btn,.download-btn{border:1px solid ButtonText}}.btn:active,.filter-btn:active,.download-btn:active,.blog-read-btn:active,.request-link:active,.social-link:active,.project-link:active{transform:translateY(1px) scale(.97)}.btn-primary,.download-btn,.blog-read-btn,.btn-submit{position:relative;overflow:hidden}.btn-primary:after,.download-btn:after,.blog-read-btn:after,.btn-submit:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);transition:left .5s ease;pointer-events:none}.btn-primary:hover:after,.download-btn:hover:after,.blog-read-btn:hover:after,.btn-submit:hover:not(:disabled):after{left:130%}.nav-link:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .25s ease;border-radius:2px}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.contact-method svg{transition:transform .25s ease}.contact-method:hover svg{transform:translate(4px) scale(1.1)}.app,.navbar,.material-card,.project-card,.skill-category,.blog-card{transition:background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.profile-image{will-change:transform}.holographic-line{position:fixed;pointer-events:none;z-index:0}.holo-line-vertical{width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(0,212,255,.3),transparent);opacity:.2;animation:holographicScan 4s linear infinite}.holo-line-horizontal{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,113,227,.3),transparent);opacity:.2;animation:holographicFlicker 3s ease-in-out infinite}@keyframes holographicScan{0%,to{opacity:.1}50%{opacity:.3}}@keyframes holographicFlicker{0%,to{opacity:.2;filter:blur(0px)}50%{opacity:.4;filter:blur(2px)}}.holographic-prism{position:relative;overflow:hidden}.holographic-prism:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#0071e31a,#00d4ff1a,#ff006e14,#0071e31a,#00d4ff1a);pointer-events:none;animation:prismShift 8s linear infinite}@keyframes prismShift{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glowPulse{0%,to{text-shadow:0 0 10px rgba(0,212,255,.5),0 0 20px rgba(0,113,227,.3);filter:brightness(1)}50%{text-shadow:0 0 20px rgba(0,212,255,.8),0 0 40px rgba(0,113,227,.5),0 0 60px rgba(255,0,110,.3);filter:brightness(1.1)}}.holographic-text{animation:glowPulse 3s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-2),var(--accent))}.stat-number,.summary-number,.collab-stat strong,.product-stat-value{font-variant-numeric:tabular-nums}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";position:absolute;top:0;left:-90%;width:60%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-18deg);transition:left .65s ease;pointer-events:none}.btn-shine:hover:after{left:130%}@media(prefers-reduced-motion:reduce){.btn-shine:after{display:none}}.scroll-reveal{opacity:0;transform:var(--reveal-transform, translateY(32px));transition:opacity var(--reveal-duration, .6s) cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms),transform var(--reveal-duration, .6s) cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms);will-change:opacity,transform}.scroll-reveal-visible{opacity:1;transform:translate(0)}section:not(#hero):not(#about){animation:sectionFade .45s ease both}@keyframes sectionFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}section:not(#hero):not(#about){animation:none}}.cmd-backdrop{position:fixed;inset:0;z-index:1500;background:#0206128c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;animation:cmdFade .15s ease}@keyframes cmdFade{0%{opacity:0}}.cmd-panel{width:min(620px,100%);background:#0a1020f5;border:1px solid rgba(0,113,227,.35);border-radius:16px;box-shadow:0 24px 64px #0000008c,inset 0 1px #00d4ff14;overflow:hidden;animation:cmdDrop .18s cubic-bezier(.22,1,.36,1)}@keyframes cmdDrop{0%{opacity:0;transform:translateY(-10px)}}.cmd-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(0,113,227,.2);background:#0071e30f}.cmd-prompt{color:#00d4ff;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-weight:700;font-size:16px;line-height:1}.cmd-input-row input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:15px;font-family:inherit}.cmd-input-row input::placeholder{color:var(--text-secondary);opacity:.7}.cmd-chip{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:11px;line-height:1;padding:4px 6px;border-radius:5px;border:1px solid rgba(0,113,227,.3);background:#0071e31a;color:var(--text-secondary);white-space:nowrap}.cmd-list{list-style:none;margin:0;padding:8px;max-height:min(46vh,420px);overflow-y:auto}.cmd-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid transparent;color:var(--text-primary);cursor:pointer}.cmd-item.active{background:linear-gradient(90deg,#0071e338,#00d4ff1a);border-color:#0071e359}.cmd-item-icon{display:flex;color:var(--accent, #0071e3);flex-shrink:0}.cmd-item-label{flex:1;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-item-hint{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);opacity:.8;flex-shrink:0}.cmd-empty{padding:22px 16px;text-align:center;color:var(--text-secondary);font-size:14px}.cmd-flash{padding:18px 16px;text-align:center;color:#34d399;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:13.5px}.cmd-footer{display:flex;gap:16px;align-items:center;padding:10px 16px;border-top:1px solid rgba(0,113,227,.15);font-size:11.5px;color:var(--text-secondary)}.cmd-footer .cmd-chip{margin-right:5px}.app.light .cmd-panel{background:#fffffff7;border-color:#0071e34d;box-shadow:0 24px 64px #0f172a38,inset 0 1px #fff9}.app.light .cmd-backdrop{background:#0f172a59}.app.light .cmd-input-row{background:#0071e30d;border-bottom-color:#0071e32e}.app.light .cmd-item.active{background:linear-gradient(90deg,#0071e324,#00d4ff14)}.app.light .cmd-chip{background:#0071e314;border-color:#0071e340}@media(prefers-reduced-motion:reduce){.cmd-backdrop,.cmd-panel{animation:none}}.navbar{position:sticky;top:0;z-index:100;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background-color .3s ease}.app.dark .navbar{background:#0f0f0fb3}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;height:70px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:18px}.logo{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;transition:transform .2s ease;cursor:pointer}.logo:hover{transform:scale(1.05)}.logo-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.brand-text{color:var(--text-primary)}.nav-menu{display:flex;gap:12px;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:all .3s ease;position:relative;background:none;border:none;cursor:pointer;padding:8px 10px;font-family:inherit;font-weight:500;border-radius:6px}.nav-link:hover{color:var(--accent);background:#0071e31a}.nav-link.active{color:var(--accent);background:#0071e333;font-weight:600;box-shadow:0 0 20px #0071e399,inset 0 0 10px #0071e34d;text-shadow:0 0 10px rgba(0,113,227,.5);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 20px #0071e399,inset 0 0 10px #0071e34d;text-shadow:0 0 10px rgba(0,113,227,.5)}50%{box-shadow:0 0 30px #0071e3cc,inset 0 0 15px #0071e366;text-shadow:0 0 20px rgba(0,113,227,.7)}}.nav-controls{display:flex;gap:12px;align-items:center}.theme-toggle,.menu-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover,.menu-toggle:hover{background:var(--bg-tertiary)}.menu-toggle{display:none}.cmd-trigger{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.cmd-trigger:hover{color:var(--text-primary);border-color:var(--accent, #0071e3);background:#0071e31f}.cmd-trigger-key{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:11px;line-height:1;white-space:nowrap}@media(max-width:1500px){.cmd-trigger-key{display:none}.cmd-trigger{padding:8px}}@media(max-width:1120px){.cmd-trigger{display:none}}@media(max-width:1120px){.nav-container{padding:0 16px}.nav-menu{position:absolute;top:70px;left:0;right:0;background:var(--bg-primary);border-bottom:1px solid var(--border);flex-direction:column;gap:0;display:none;padding:20px}.nav-menu.active{display:flex}.nav-link{padding:12px 0;width:100%;border-bottom:1px solid var(--border)}.nav-link:last-child{border-bottom:none}.menu-toggle{display:flex}.brand-text{display:none}}.nav-status{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid rgba(16,185,129,.45);background:#10b9811f;color:#10b981;font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.nav-status-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:navStatusPulse 2s ease-out infinite}@keyframes navStatusPulse{0%{box-shadow:0 0 #10b9818c}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}@media(max-width:1440px){.nav-status{display:none}}@media(prefers-reduced-motion:reduce){.nav-status-dot{animation:none}}.hero{padding:100px 20px 80px;background:linear-gradient(135deg,transparent,rgba(0,113,227,.05) 50%,transparent);position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-text{display:flex;flex-direction:column;gap:24px}.hero .scroll-reveal{--reveal-duration: .35s}.hero-title{font-size:56px;font-weight:700;line-height:1.2;color:var(--text-primary);margin:0}.accent-text{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:24px;color:var(--text-secondary);margin:0;font-weight:500}.hero-description{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0}.hero-stats{display:flex;gap:30px;margin:24px 0;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:6px}.stat-number{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:13px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.hero-principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:-8px}.principle-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid rgba(0,212,255,.3);background:#0071e31a;color:var(--text-secondary);font-size:12.5px;font-weight:500;transition:all .25s ease}.principle-chip svg{color:var(--accent-2)}.principle-chip:hover{border-color:var(--accent);background:linear-gradient(135deg,#0071e32e,#00d4ff1a);color:var(--text-primary);transform:translateY(-2px)}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:500;font-size:14px;transition:all .3s ease;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 20px #0071e340}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 16px 35px #0071e359}.btn-secondary{background:linear-gradient(135deg,#0071e326,#00d4ff1a);color:var(--text-primary);border:1px solid rgba(0,113,227,.3)}.btn-secondary:hover{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 25px #0071e340}.hero-social{display:flex;gap:16px;padding-top:12px}.social-link{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0071e326,#00d4ff1a);color:var(--accent);display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none;border:1px solid rgba(0,113,227,.3)}.social-link:hover{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;transform:translateY(-6px);box-shadow:0 12px 25px #0071e34d;border-color:var(--accent)}.hero-image{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.profile-image{max-width:400px;width:100%;height:auto;object-fit:cover;border-radius:24px;box-shadow:0 20px 60px #0071e34d,inset 0 0 60px #00d4ff26;border:2px solid rgba(0,113,227,.2);transition:all .3s ease;display:block}.profile-image:hover{box-shadow:0 30px 80px #0071e366,inset 0 0 80px #00d4ff33;transform:scale(1.02)}.hero-terminal{width:100%;max-width:420px;background:#0a0e18;border:1px solid rgba(0,212,255,.25);border-radius:14px;overflow:hidden;font-family:ui-monospace,Cascadia Code,Consolas,Courier New,monospace;box-shadow:0 18px 50px #0206178c,0 0 24px #00d4ff14;transition:transform .3s ease,box-shadow .3s ease}.hero-terminal:hover{transform:translateY(-4px);box-shadow:0 24px 60px #02061799,0 0 32px #00d4ff29}.terminal-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#121826;border-bottom:1px solid rgba(255,255,255,.06)}.terminal-dots{display:inline-flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.terminal-title{font-size:11.5px;color:#8b97ad;letter-spacing:.04em}.terminal-body{padding:14px 16px 6px;font-size:13px;line-height:1.75;color:#b7c3d9}.terminal-body p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-prompt{color:#00d2ff;margin-right:8px}.t-ok{color:#34d399;margin-right:8px}.t-cursor{display:inline-block;width:8px;height:15px;background:#00d2ff;vertical-align:text-bottom;animation:cursorBlink 1s steps(1) infinite}@keyframes cursorBlink{0%,50%{opacity:1}50.01%,to{opacity:0}}.terminal-status{display:flex;align-items:center;gap:8px;padding:9px 16px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#93a2ba;background:#ffffff08;border-top:1px solid rgba(255,255,255,.06)}.status-led{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;animation:ledPulse 2s ease-in-out infinite}@keyframes ledPulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.t-cursor,.status-led{animation:none}}@media(max-width:768px){.hero{padding:60px 20px 40px}.hero-content{grid-template-columns:1fr;gap:40px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-ctas{flex-direction:column}.btn{width:100%}.image-placeholder{display:none}}.particle-background{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.7}.hero{position:relative}.hero>.container{position:relative;z-index:1}@media(max-width:768px){.particle-background{opacity:.45}}@media(prefers-reduced-motion:reduce){.particle-background{opacity:.35}}.theme-customizer{position:fixed;right:20px;bottom:24px;z-index:200}.customizer-toggle{width:48px;height:48px;border-radius:50%;border:1px solid rgba(0,113,227,.35);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0071e359;transition:transform .2s ease,box-shadow .2s ease}.customizer-toggle:hover{transform:scale(1.08);box-shadow:0 12px 32px #0071e373}.customizer-toggle:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.customizer-panel{position:absolute;bottom:60px;right:0;width:240px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 20px 50px #0000004d;animation:customizerPop .2s ease}@keyframes customizerPop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.customizer-title{margin:0 0 14px;font-size:14px;font-weight:600;color:var(--text-primary)}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.color-swatch{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,border-color .2s ease}.color-swatch:hover{transform:scale(1.12)}.color-swatch.active{border-color:var(--text-primary);transform:scale(1.12)}.color-swatch:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.swatch-check{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.customizer-hint{margin:14px 0 0;font-size:11px;line-height:1.5;color:var(--text-tertiary)}@media(max-width:768px){.theme-customizer{right:14px;bottom:16px}.customizer-toggle{width:44px;height:44px}.customizer-panel{width:220px;right:-4px}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:300;background:transparent;pointer-events:none}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));background-size:200% 100%;animation:progressGradient 3s linear infinite;transition:width .1s linear;border-radius:0 3px 3px 0;box-shadow:0 0 10px #00d4ff80}@keyframes progressGradient{0%{background-position:0% 50%}to{background-position:200% 50%}}@media(prefers-reduced-motion:reduce){.scroll-progress-bar{animation:none;transition:none}}.install-prompt{position:fixed;left:20px;bottom:24px;z-index:200;display:flex;align-items:center;gap:8px;animation:installPop .35s cubic-bezier(.22,1,.36,1)}@keyframes installPop{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.install-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:999px;color:var(--text-primary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 8px 24px #00000040;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.install-btn:hover{transform:translateY(-2px);background:var(--accent);color:#fff;box-shadow:0 12px 32px #0071e366}.install-dismiss{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.install-dismiss:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media(max-width:768px){.install-prompt{left:14px;bottom:16px}.install-btn{padding:10px 16px;font-size:13px}}.back-to-top{position:fixed;right:20px;bottom:84px;width:44px;height:44px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;cursor:pointer;z-index:900;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 8px 24px #0071e366}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0071e38c}.back-to-top:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}@media(prefers-reduced-motion:reduce){.back-to-top{transition:none;transform:none}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-display:swap}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%}