:root{--bg-color:#09090b;--bg-secondary:#111116;--bg-tertiary:#181820;--bg-card:#111116c7;--text-main:#fafafa;--text-secondary:#d4d4d8;--text-muted:#8e8e9f;--primary-accent:#3b82f6;--primary-glow:#3b82f626;--secondary-accent:#6366f1;--emerald-accent:#10b981;--accent-subtle:#ffffff0a;--text-gradient:linear-gradient(180deg, #fff 25%, #a1a1aa 100%);--hairline-border:#ffffff14;--hairline-hover:#ffffff2e;--glass-bg:#ffffff06;--glass-border:#ffffff14;--glass-border-hover:#ffffff2e;--glass-blur:20px;--header-bg:#0c0c10d1;--nav-mobile-bg:#0c0c0ffa;--card-shadow:0 10px 30px -6px #0009;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:3rem;--spacing-xl:5rem;--max-width:1060px;--header-height:64px;--radius-xs:6px;--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--radius-full:9999px;--transition:all .22s cubic-bezier(.16, 1, .3, 1);--font-family:"Quicksand", "Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, Menlo, monospace}[data-theme=light]{--bg-color:#fafafa;--bg-secondary:#f4f4f5;--bg-tertiary:#e4e4e7;--bg-card:#ffffffeb;--text-main:#09090b;--text-secondary:#27272a;--text-muted:#71717a;--primary-glow:#3b82f614;--glass-bg:#ffffffeb;--glass-border:#00000014;--glass-border-hover:#00000029;--header-bg:#ffffffe0;--nav-mobile-bg:#fafafafa;--card-shadow:0 10px 30px -6px #0000000f;--text-gradient:linear-gradient(180deg, #09090b 25%, #52525b 100%);--hairline-border:#00000014;--hairline-hover:#00000029}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:focus-visible{outline:2px solid var(--primary-accent);outline-offset:3px}html{scroll-behavior:smooth;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background-color:var(--bg-color);color:var(--text-main);letter-spacing:-.012em;font-weight:500;line-height:1.6;transition:background-color .25s,color .25s;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.container{width:90%;max-width:var(--max-width);padding:0 var(--spacing-sm);margin:0 auto}.section-padding{padding:var(--spacing-xl) 0}h1,h2,h3,h4{color:var(--text-main);letter-spacing:-.028em;text-wrap:balance;font-weight:700;line-height:1.18}.text-gradient{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 #ffffff0d, var(--card-shadow);border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition)}.card:hover{border-color:var(--glass-border-hover)}.bento-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.bento-card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffff0a, var(--card-shadow);transition:var(--transition);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.bento-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff14,0 16px 40px -10px #000000b3}@media (width<=900px){.bento-grid{grid-template-columns:1fr}}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:.76rem;font-family:var(--font-mono);color:var(--text-muted);transition:var(--transition);background:#ffffff09;align-items:center;gap:5px;padding:4px 10px;font-weight:500;display:inline-flex}.tag:hover{color:var(--text-main);border-color:var(--glass-border-hover);background:#ffffff12}.status-badge{border-radius:var(--radius-full);color:#34d399;letter-spacing:.01em;background:#10b98112;border:1px solid #10b98138;align-items:center;gap:8px;padding:6px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite breathe;box-shadow:0 0 8px #10b98199}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.9)}}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#09090b;background:#fff;border:1px solid #fff;box-shadow:0 4px 14px #ffffff1f}.btn-primary:hover{background:#f4f4f5;border-color:#f4f4f5;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff38}.btn:active,.project-btn:active,.social-btn:active,.admin-btn-primary:active,.admin-btn-secondary:active,.filter-btn:active{transform:scale(.97)!important}[data-theme=light] .btn-primary{color:#fff;background:#09090b;border-color:#09090b;box-shadow:0 4px 14px #0000001f}[data-theme=light] .btn-primary:hover{background:#27272a;border-color:#27272a;box-shadow:0 6px 20px #0003}.btn-secondary{color:var(--text-main);border:1px solid var(--glass-border);background:#ffffff0a}.btn-secondary:hover{border-color:var(--glass-border-hover);background:#ffffff17;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.project-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.project-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;text-decoration:none;display:inline-flex}.project-btn.btn-live{color:#60a5fa;background:#3b82f614;border:1px solid #3b82f640}.project-btn.btn-live:hover{color:#93c5fd;background:#3b82f626;border-color:#3b82f673;transform:translateY(-1px)}.project-btn.btn-details{border:1px solid var(--glass-border);color:var(--text-muted);background:#ffffff08}.project-btn.btn-details:hover{border-color:var(--glass-border-hover);color:var(--text-main);background:#ffffff12;transform:translateY(-1px)}.project-btn.btn-details:hover svg{transform:translate(2px)}.project-btn svg{transition:transform .2s}.social-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.social-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);background:#ffffff09;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:500;text-decoration:none;display:inline-flex}.social-btn:hover{color:var(--text-main);border-color:var(--glass-border-hover);background:#ffffff14;transform:translateY(-1px)}header{top:calc(16px + env(safe-area-inset-top,0px));z-index:1000;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;left:0;right:0}.nav-container-wrapper{pointer-events:auto;flex-direction:column;align-items:center;width:100%;max-width:680px;display:flex;position:relative}.nav-flex{background:var(--header-bg);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-full);transition:var(--transition);justify-content:space-between;align-items:center;padding:6px 16px;display:flex;box-shadow:0 16px 40px -10px #000000b3,inset 0 1px #ffffff14}.nav-logo{letter-spacing:-.02em;color:var(--text-main);align-items:center;gap:8px;padding:4px 8px;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.nav-logo:before{content:"";background:#3b82f6;border-radius:2px;width:7px;height:7px;box-shadow:0 0 6px #3b82f699}.nav-links{align-items:center;gap:2px;display:flex}.nav-links a{color:var(--text-muted);border-radius:var(--radius-full);transition:var(--transition);padding:6px 14px;font-size:.84rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text-main);background:#ffffff0d}.nav-links a.active{color:var(--text-main);background:#ffffff17;font-weight:600}.nav-controls{align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.theme-toggle:hover{color:var(--text-main);border-color:var(--glass-border-hover);background:#ffffff0f}.palette-trigger{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);transition:var(--transition);background:#ffffff08;align-items:center;gap:7px;padding:6px 9px;font-size:.78rem;display:flex}.palette-trigger:hover{color:var(--text-main);background:#3b82f614;border-color:#3b82f666;box-shadow:0 0 14px #3b82f626}.palette-kbd{font-family:var(--font-mono);border:1px solid var(--glass-border);letter-spacing:.02em;background:#ffffff0f;border-radius:4px;padding:2px 5px;font-size:.66rem;font-weight:600}.sound-toggle{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex;position:relative}.sound-toggle:hover{color:var(--text-main);border-color:var(--glass-border-hover);background:#ffffff0f}.sound-toggle-led{background:var(--emerald-accent);width:5px;height:5px;box-shadow:0 0 6px var(--emerald-accent);opacity:1;border-radius:50%;transition:opacity .2s;position:absolute;top:2px;right:2px}.sound-toggle-led[data-on=false]{opacity:.15;box-shadow:none;background:var(--text-muted)}.hamburger{cursor:pointer;border:1px solid var(--glass-border);color:var(--text-main);transition:var(--transition);background:#ffffff0a;border-radius:50%;justify-content:center;align-items:center;padding:7px;display:none}.hamburger:hover{border-color:var(--glass-border-hover);background:#ffffff1a}.hamburger.active{color:#fff;background:#ffffff24;border-color:#ffffff40}[data-theme=light] .hamburger{color:var(--text-main);background:#0000000a;border-color:#00000014}.mobile-dropdown-island{background:var(--header-bg);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);z-index:1001;flex-direction:column;gap:6px;width:100%;padding:10px;display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 24px 50px -10px #000000d9,inset 0 1px #ffffff14}.mobile-nav-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);background:0 0;justify-content:space-between;align-items:center;padding:12px 18px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item:hover,.mobile-nav-item:active{color:var(--text-main);background:#ffffff0f}[data-theme=light] .mobile-nav-item:hover,[data-theme=light] .mobile-nav-item:active{background:#0000000d}.mobile-nav-item.active{color:var(--text-main);background:#ffffff17;font-weight:600}[data-theme=light] .mobile-nav-item.active{background:#00000014}.mobile-active-dot{background:#3b82f6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #3b82f6cc}.mobile-palette-item{width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:none}.mobile-nav-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;pointer-events:auto;background:#00000073;position:fixed;inset:0}@media (width<=768px){header{top:calc(14px + env(safe-area-inset-top,0px));padding:0 16px}.nav-flex{border-radius:var(--radius-full);padding:10px 18px;box-shadow:0 18px 44px -8px #000c,inset 0 1px #ffffff17}.nav-logo{gap:8px;padding:4px 6px;font-size:1.05rem;font-weight:700}.nav-logo:before{width:8px;height:8px}.desktop-only{display:none!important}.nav-controls{gap:6px}.theme-toggle,.sound-toggle,.hamburger{min-width:44px;min-height:44px;padding:10px}.hamburger{display:flex}.palette-trigger{display:none}}@media (width<=440px){header{top:calc(12px + env(safe-area-inset-top,0px));padding:0 12px}.nav-flex{padding:9px 16px}.nav-logo{font-size:1rem}}footer{border-top:1px solid var(--glass-border);padding:52px 0 calc(28px + env(safe-area-inset-bottom,0px));background:var(--bg-secondary);position:relative}footer:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#3b82f68c 25%,#6366f18c 50%,#10b9818c 75%,#0000 100%);height:1px;position:absolute;top:-1px;left:0;right:0}.footer-content{grid-template-columns:1.6fr 1fr 1.3fr;gap:40px;margin-bottom:40px;display:grid}@media (width<=768px){.footer-content{grid-template-columns:1fr;gap:28px}}.footer-section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text-main);align-items:center;gap:8px;margin-bottom:14px;font-size:.82rem;font-weight:700;display:flex}.footer-section h3:before{content:"";background:linear-gradient(90deg, var(--primary-accent), var(--secondary-accent));border-radius:2px;flex-shrink:0;width:14px;height:2px;box-shadow:0 0 8px #3b82f680}.footer-tagline{color:var(--text-muted);max-width:300px;margin:0 0 16px;font-size:.88rem;line-height:1.65}.footer-social{align-items:center;gap:10px;display:flex}.footer-social-btn{border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-muted);transition:var(--transition);background:#ffffff09;border-radius:50%;justify-content:center;align-items:center;font-size:.92rem;display:inline-flex}.footer-social-btn:hover{color:var(--text-main);background:#3b82f61a;border-color:#3b82f673;transform:translateY(-3px);box-shadow:0 6px 18px #3b82f62e,0 0 14px #3b82f626}[data-theme=light] .footer-social-btn{background:#00000008;border-color:#0000001a}[data-theme=light] .footer-social-btn:hover{background:#3b82f614;box-shadow:0 6px 18px #3b82f61f}.footer-section ul{flex-direction:column;gap:6px;list-style:none;display:flex}.footer-nav a,.footer-nav .footer-action-btn{color:var(--text-muted);transition:var(--transition);align-items:center;gap:5px;padding:4px 0 4px 14px;font-size:.85rem;text-decoration:none;display:inline-flex;position:relative}.footer-nav a:before,.footer-nav .footer-action-btn:before{content:"";background:var(--primary-accent);opacity:0;width:5px;height:5px;transition:var(--transition);border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)scale(.5);box-shadow:0 0 6px #3b82f6b3}.footer-nav a:hover,.footer-nav .footer-action-btn:hover{color:var(--text-main);transform:translate(3px)}.footer-nav a:hover:before,.footer-nav .footer-action-btn:hover:before{opacity:1;transform:translateY(-50%)scale(1)}.footer-section>ul>li>a:not(.footer-contact-row){color:var(--text-muted);transition:var(--transition);font-size:.85rem;text-decoration:none}.footer-section>ul>li>a:not(.footer-contact-row):hover{color:var(--text-main)}.footer-action-btn{cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;font-size:.85rem}.footer-section ul.footer-contact{gap:10px}.footer-contact-row{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);align-items:center;gap:12px;margin:0 -10px;padding:8px 10px;text-decoration:none;display:flex}.footer-contact-row:hover{background:#ffffff0a}[data-theme=light] .footer-contact-row:hover{background:#0000000a}.footer-contact-icon{border-radius:var(--radius-xs);width:30px;height:30px;color:var(--primary-accent);background:#3b82f617;border:1px solid #3b82f638;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.footer-contact-text{flex-direction:column;min-width:0;display:flex}.footer-contact-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:.64rem;font-weight:700}.footer-contact-value{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:500;overflow:hidden}.footer-bottom{border-top:1px solid var(--glass-border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:22px;font-size:.8rem;display:flex}.footer-dhaka-clock{font-family:var(--font-mono);border-radius:var(--radius-full);border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff08;align-items:center;gap:8px;padding:5px 12px;font-size:.76rem;display:inline-flex}.live-clock-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite breathe;box-shadow:0 0 8px #10b981b3}@media (width<=600px){.footer-bottom{text-align:center;flex-direction:column;gap:10px}.footer-contact-value{white-space:normal}}@media (prefers-reduced-motion:reduce){.footer-social-btn,.footer-nav a,.footer-nav .footer-action-btn,.footer-contact-row{transition:none}}.copy-btn{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);transition:var(--transition);background:#ffffff0a;justify-content:center;align-items:center;padding:6px;display:flex}.copy-btn:hover{color:var(--text-main);border-color:var(--glass-border-hover);background:#ffffff14}#hero{min-height:calc(100vh - var(--header-height));padding:calc(var(--header-height) + 36px) 0 60px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#hero:before{content:"";filter:blur(80px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#3b82f60d,#0000 70%);width:650px;height:400px;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.hero-content{text-align:left;justify-content:space-between;align-items:center;gap:var(--spacing-xl);width:100%;display:flex}.hero-text{flex:1.15}.hero-image{flex:.85;justify-content:center;align-items:center;display:flex}.hero-developer-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(24px);width:100%;max-width:320px;transition:var(--transition);padding:16px;position:relative;box-shadow:inset 0 1px #ffffff14,0 24px 50px -12px #000000bf,0 0 30px #3b82f614}.hero-developer-card:hover{border-color:#3b82f659;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff1f,0 28px 60px -12px #000000d9,0 0 35px #3b82f62e}.hero-avatar-frame{aspect-ratio:1;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid #ffffff14;width:100%;overflow:hidden}.profile-img{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform .4s;display:block}.hero-developer-card:hover .profile-img{transform:scale(1.02)}.hero-card-meta{padding:14px 4px 4px}.hero-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.developer-name{color:#fff;letter-spacing:-.01em;font-size:.96rem;font-weight:700;display:block}.developer-role{color:var(--text-muted);font-size:.78rem;display:block}.hero-card-motto{letter-spacing:.01em;color:var(--primary-accent);margin:-2px 0 12px;font-size:.87rem;font-style:italic;font-weight:600}.card-badge-online{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);color:#34d399;background:#10b9811f;border:1px solid #10b9814d;align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.hero-card-stats{border-radius:var(--radius-xs);background:#ffffff06;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin:10px 0 12px;padding:8px 12px;display:flex}[data-theme=light] .hero-card-stats{background:#00000006;border-color:#0000000f}.hero-card-stats div{flex-direction:column;align-items:center;display:flex}.stat-num{color:var(--text-main);font-size:.86rem;font-weight:700;font-family:var(--font-mono)}.stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}.hero-card-skills{flex-wrap:wrap;gap:6px;display:flex}.hero-card-skills span{font-size:.72rem;font-family:var(--font-mono);border-radius:var(--radius-xs);color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff14;padding:3px 8px}#hero h1{margin-bottom:var(--spacing-sm);letter-spacing:-.035em;color:var(--text-main);font-size:clamp(2.3rem,4.5vw,3.5rem);font-weight:700;line-height:1.15}.hero-subtitle{color:var(--text-muted);margin-bottom:var(--spacing-md);max-width:540px;font-size:clamp(.96rem,1.6vw,1.1rem);line-height:1.68}.hero-cta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-badge{border-radius:var(--radius-full);color:#34d399;margin-bottom:var(--spacing-md);background:#10b98112;border:1px solid #10b98133;align-items:center;gap:8px;padding:5px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.scroll-indicator{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;opacity:.4;flex-direction:column;align-items:center;gap:4px;font-size:.72rem;font-weight:500;transition:opacity .2s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.scroll-indicator:hover{opacity:.8}.bento-icon-wrapper{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bento-icon-glow{border-radius:var(--radius-sm);width:44px;height:44px;transition:var(--transition);justify-content:center;align-items:center;display:flex}.game-glow{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf847}.web-glow{color:#818cf8;background:#6366f11f;border:1px solid #6366f147}.core-glow{color:#34d399;background:#10b9811f;border:1px solid #10b98147}.bento-badge{font-family:var(--font-mono);border-radius:var(--radius-xs);letter-spacing:.03em;padding:3px 9px;font-size:.72rem;font-weight:500}.badge-game{color:#38bdf8;background:#38bdf814;border:1px solid #38bdf840}.badge-web{color:#818cf8;background:#6366f114;border:1px solid #6366f140}.badge-core{color:#34d399;background:#10b98114;border:1px solid #10b98140}.bento-card{transition:var(--transition);position:relative;overflow:hidden}.bento-card.game-card:hover{border-color:#38bdf859;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff14,0 20px 40px -10px #000000b3,0 0 25px #38bdf81a}.bento-card.web-card:hover{border-color:#6366f159;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff14,0 20px 40px -10px #000000b3,0 0 25px #6366f11a}.bento-card.core-card:hover{border-color:#10b98159;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff14,0 20px 40px -10px #000000b3,0 0 25px #10b9811a}.bento-card h3{letter-spacing:-.02em;color:var(--text-main);margin-bottom:8px;font-size:1.15rem;font-weight:700}.bento-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.62}.featured-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.featured-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);transition:var(--transition);min-height:270px;box-shadow:inset 0 1px 0 #ffffff08, var(--card-shadow);flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative}.featured-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0f,0 12px 32px -4px #0009}.featured-card .card-year{border-radius:var(--radius-xs);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;background:#ffffff0a;border:1px solid #ffffff14;width:fit-content;padding:3px 8px;font-size:.72rem;font-weight:500;display:inline-block}.featured-card h3{letter-spacing:-.02em;margin-bottom:4px;font-size:1.15rem;font-weight:600}.featured-card h3 a{color:var(--text-main);transition:var(--transition);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.featured-card h3 a:hover{color:#fff}.featured-card h3 a svg{color:var(--text-muted);font-size:.95rem;transition:color .2s}.featured-card:hover h3 a svg{color:var(--text-main)}.featured-card .card-subtitle{color:var(--text-muted);margin-bottom:10px;font-size:.82rem;font-weight:500;display:block}.featured-card p{color:var(--text-muted);flex:1;margin-bottom:16px;font-size:.88rem;line-height:1.6}.view-all-wrapper{margin-top:var(--spacing-lg);justify-content:center;display:flex}.view-all-btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border);color:var(--text-main);transition:var(--transition);background:#ffffff08;align-items:center;gap:8px;padding:10px 22px;font-size:.86rem;font-weight:500;text-decoration:none;display:inline-flex}.view-all-btn:hover{border-color:var(--glass-border-hover);background:#ffffff12;transform:translateY(-1px)}.view-all-btn svg{transition:transform .2s}.view-all-btn:hover svg{transform:translate(3px)}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-header h2{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(1.8rem,3.5vw,2.3rem);font-weight:700}.section-header p{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:clamp(.92rem,1.4vw,1.05rem)}.contact-hub-layout{grid-template-columns:1fr 1.3fr;align-items:flex-start;gap:28px;max-width:920px;margin:0 auto;display:grid}.contact-info-column{flex-direction:column;gap:12px;display:flex}.contact-info-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:14px;padding:16px 18px;display:flex}.contact-info-card:hover{border-color:var(--glass-border-hover);background:#ffffff0a}.contact-info-icon{border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-secondary);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px;font-size:.72rem;font-weight:600;display:block}.contact-val{color:var(--text-main);transition:var(--transition);word-break:break-all;font-size:.9rem;font-weight:500;text-decoration:none}.contact-val:hover{color:#3b82f6}.contact-form-column{width:100%}#contact-form{flex-direction:column;width:100%;margin:0;padding:24px;display:flex}#contact-form input,#contact-form textarea{border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition);background:#00000059;margin-bottom:14px;padding:12px 14px;font-family:inherit;font-size:.88rem}[data-theme=light] #contact-form input,[data-theme=light] #contact-form textarea{background:#fff;border-color:#0000001f}#contact-form input:focus,#contact-form textarea:focus{background:#00000080;border-color:#ffffff4d;outline:none;box-shadow:0 0 0 2px #ffffff0a}[data-theme=light] #contact-form input:focus,[data-theme=light] #contact-form textarea:focus{border-color:#09090b}#contact-form input::placeholder,#contact-form textarea::placeholder{color:var(--text-muted);opacity:.6}#contact-form button[type=submit]{color:#09090b;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:#fff;border:none;padding:12px 20px;font-family:inherit;font-size:.88rem;font-weight:600}#contact-form button[type=submit]:hover{background:#e4e4e7;transform:translateY(-1px)}[data-theme=light] #contact-form button[type=submit]{color:#fff;background:#09090b}[data-theme=light] #contact-form button[type=submit]:hover{background:#27272a}@media (width<=900px){.hero-content{text-align:center;gap:var(--spacing-lg);flex-direction:column}.hero-image{order:-1}.hero-subtitle{margin-left:auto;margin-right:auto}.tags,.hero-cta-row,.social-links{justify-content:center}.status-badge{margin-left:auto;margin-right:auto}.scroll-indicator{display:none}.contact-hub-layout{grid-template-columns:1fr;gap:20px}}@media (width<=600px){#hero{min-height:auto;padding-top:calc(var(--header-height) + 20px);padding-bottom:40px}.featured-grid{grid-template-columns:1fr}}@media (width<=480px){.featured-card{min-height:auto;padding:18px}}.experience-role-block{max-width:640px;margin:0 auto}.experience-role{text-align:center;color:var(--primary-accent);margin:0 0 12px;font-size:1.1rem;font-weight:700}.experience-summary{text-align:center;color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.75}.experience-inline-link{color:var(--primary-accent);text-underline-offset:3px;transition:var(--transition);font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.experience-inline-link:hover{color:var(--secondary-accent)}.experience-view-all{color:var(--primary-accent);transition:var(--transition);align-items:center;gap:6px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.experience-view-all:hover{gap:10px}.about-header{text-align:center;margin-bottom:var(--spacing-lg);padding-top:calc(var(--header-height) + 24px)}.about-avatar{width:140px;height:140px;margin:0 auto var(--spacing-md);border:1px solid var(--hairline-border);background:var(--bg-secondary);transition:var(--transition);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 20px 40px -15px #000000b3}.about-avatar:hover{border-color:var(--hairline-hover);transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff14,0 24px 48px -15px #000c}.about-avatar img{object-fit:cover;width:100%;height:100%;display:block}.about-header h1{letter-spacing:-.03em;margin-bottom:6px;font-size:clamp(2rem,4vw,2.8rem);font-weight:700}.about-header .subtitle{color:var(--text-muted);margin-bottom:var(--spacing-md);font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:400}.contact-chips{margin-bottom:var(--spacing-md);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.contact-chip{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);background:#ffffff06;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;text-decoration:none;display:inline-flex}.contact-chip:hover{border-color:var(--glass-border-hover);color:var(--text-main);background:#ffffff0f}.contact-chip a{color:inherit;text-decoration:none}.about-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.about-content{gap:var(--spacing-md);flex-direction:column;max-width:780px;margin:0 auto;display:flex}.about-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);transition:var(--transition);box-shadow:inset 0 1px 0 #ffffff08, var(--card-shadow);padding:24px;position:relative}.about-card:hover{border-color:var(--glass-border-hover)}.about-card h2{color:var(--text-main);letter-spacing:-.02em;align-items:center;gap:8px;margin-bottom:16px;font-size:1.18rem;font-weight:600;display:flex}.about-card h2 svg{color:var(--text-muted)}.about-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.edu-timeline{border-left:1px solid #ffffff1a;margin-top:8px;margin-left:8px;padding-left:20px;position:relative}[data-theme=light] .edu-timeline{border-left-color:#0000001a}.edu-item{border-bottom:none;margin-bottom:0;padding-bottom:20px;position:relative}.edu-item:before{content:"";background:var(--primary-accent);border:2px solid var(--bg-card);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-25px;box-shadow:0 0 10px #3b82f699}.edu-item:last-child{padding-bottom:4px}.edu-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.edu-row h4{color:var(--text-main);letter-spacing:-.01em;font-size:.98rem;font-weight:600}.edu-row .year{color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;font-size:.8rem;font-weight:500}.edu-detail{color:var(--text-muted);margin-top:2px;font-size:.88rem}.edu-detail strong{color:var(--text-secondary);font-weight:500}.achievement-item{border-bottom:1px solid var(--glass-border);flex-direction:column;gap:4px;margin-bottom:12px;padding-bottom:12px;display:flex}.achievement-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.achievement-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.achievement-row h4{color:var(--text-main);font-size:.96rem;font-weight:600}.achievement-row .year{color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem;font-weight:500}.skill-category{margin-bottom:18px}.skill-category:last-child{margin-bottom:0}.skill-category h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.76rem;font-weight:600}.skill-pills{flex-wrap:wrap;gap:6px;display:flex}.skill-pills .tag{border:1px solid var(--glass-border);color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);background:#ffffff08;padding:4px 10px;font-size:.78rem}.skill-pills .tag:hover{border-color:var(--glass-border-hover);color:var(--text-main);background:#ffffff12}.activity-item{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-item .name{color:var(--text-main);font-size:.92rem;font-weight:600}.activity-item .role{color:var(--text-muted);font-size:.86rem}.activity-item .period{color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;font-size:.8rem}@media (width<=600px){.about-header{padding-top:calc(var(--header-height) + 16px)}.about-avatar{margin:20px auto var(--spacing-md)}.edu-row,.achievement-row{flex-direction:column;gap:2px}.activity-item{flex-direction:column;align-items:flex-start;gap:4px}.contact-chips{flex-direction:column;align-items:center}}#projects-page{padding-top:calc(var(--header-height) + var(--spacing-lg));min-height:calc(100vh - var(--header-height))}.projects-header{text-align:center;margin-bottom:var(--spacing-md)}.projects-header h1{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(2rem,4vw,2.8rem);font-weight:700}.projects-header p{color:var(--text-muted);max-width:460px;margin:0 auto;font-size:clamp(.92rem,1.4vw,1.05rem)}.projects-filters{max-width:680px;margin:0 auto var(--spacing-lg);flex-direction:column;gap:14px;display:flex}.search-wrapper{position:relative}.search-wrapper svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition);padding:12px 18px 12px 42px;font-family:inherit;font-size:.9rem}.search-input:focus{border-color:var(--primary-accent);background:var(--bg-secondary);outline:none;box-shadow:0 0 0 3px #3b82f633}[data-theme=light] .search-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px #3b82f626}.search-input::placeholder{color:var(--text-muted);opacity:.6}.search-kbd{font-family:var(--font-mono);color:var(--text-muted);pointer-events:none;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:2px 7px;font-size:.72rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}[data-theme=light] .search-kbd{background:#0000000d;border-color:#0000001a}.search-clear-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:4px;font-size:.85rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text-main)}.filter-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.filter-btn{border-radius:var(--radius-sm);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#ffffff06;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.8rem;font-weight:500;display:inline-flex}.filter-count{font-family:var(--font-mono);color:inherit;opacity:.85;background:#ffffff0f;border-radius:4px;padding:1px 6px;font-size:.72rem}.filter-btn:hover{border-color:var(--glass-border-hover);color:var(--text-main);background:#ffffff0f}.filter-btn.active{color:#09090b;background:#fff;border-color:#fff;font-weight:600}.filter-btn.active .filter-count{opacity:1;background:#0000001f}[data-theme=light] .filter-btn.active{color:#fff;background:#09090b;border-color:#09090b}[data-theme=light] .filter-btn.active .filter-count{background:#fff3}.projects-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(310px,1fr));display:grid}.project-category-section+.project-category-section{margin-top:var(--spacing-lg)}.category-heading{margin:0 0 var(--spacing-md);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-main);align-items:center;gap:10px;font-size:.8rem;font-weight:600;display:flex}.category-heading:after{content:"";background:var(--glass-border);flex:1;height:1px}.category-count{color:var(--primary-accent);letter-spacing:.02em;background:#3b82f61f;border:1px solid #3b82f640;border-radius:999px;padding:2px 9px;font-size:.68rem;font-weight:500}.project-dates{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;align-items:center;gap:6px;font-size:.72rem;display:flex}.featured-cover,.project-cover{border-radius:var(--radius-sm,8px);aspect-ratio:16/9;border:1px solid var(--glass-border);background:#ffffff08;margin-bottom:14px;overflow:hidden}.featured-cover img,.project-cover img{object-fit:cover;width:100%;height:100%;display:block}.project-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);transition:var(--transition);box-shadow:inset 0 1px 0 #ffffff08, var(--card-shadow);flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:relative}.project-card:hover{border-color:#3b82f659;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff14,0 20px 45px -8px #000000bf,0 0 25px #3b82f61a}.project-card .card-year{border-radius:var(--radius-xs);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;background:#ffffff0a;border:1px solid #ffffff14;width:fit-content;margin-bottom:10px;padding:3px 8px;font-size:.72rem;font-weight:500;display:inline-block}[data-theme=light] .project-card .card-year{color:var(--text-muted);background:#0000000a;border-color:#00000014}.project-card h3{letter-spacing:-.02em;margin-bottom:6px;font-size:1.15rem;font-weight:600}.project-card h3 a{color:var(--text-main);transition:var(--transition);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.project-card h3 a:hover{color:#fff}.project-card h3 a svg{color:var(--text-muted);font-size:.95rem;transition:color .2s}.project-card:hover h3 a svg{color:var(--text-main)}.project-card>div>p{color:var(--text-muted);margin-bottom:14px;font-size:.88rem;line-height:1.6}.empty-state{text-align:center;color:var(--text-muted);background:var(--bg-card);border:1px dashed var(--glass-border);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:60px 20px;font-size:.92rem}@media (width<=768px){#projects-page{padding-top:calc(var(--header-height) + var(--spacing-md))}}@media (width<=600px){.projects-grid{grid-template-columns:1fr}.filter-tags{gap:4px}.filter-btn{padding:5px 10px;font-size:.76rem}}@media (width<=480px){#projects-page{padding-top:calc(var(--header-height) + 1.5rem)}}#project-detail-page{padding-top:calc(var(--header-height) + var(--spacing-lg));min-height:calc(100vh - var(--header-height))}#project-detail{margin-top:var(--spacing-sm)}#project-detail .card{box-shadow:inset 0 1px #ffffff0a,0 12px 32px -4px #00000080}@media (width<=768px){#project-detail-page{padding-top:calc(var(--header-height) + var(--spacing-md))}}@media (width<=600px){#project-detail h1{word-break:break-word}#project-detail .project-actions{flex-direction:column}#project-detail .project-btn{justify-content:center;width:100%}}@media (width<=480px){#project-detail-page{padding-top:calc(var(--header-height) + 1.5rem)}}.blog-header{text-align:center;margin-bottom:var(--spacing-md)}.blog-header h1{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(2rem,5vw,2.8rem);font-weight:700}.blog-header p{color:var(--text-muted);font-size:1rem}.blog-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(330px,1fr));display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);transition:var(--transition);box-shadow:inset 0 1px 0 #ffffff08, var(--card-shadow);color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.blog-card:hover{border-color:#3b82f659;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff14,0 20px 45px -8px #000000bf,0 0 25px #3b82f61a}.blog-card-cover{aspect-ratio:16/9;background:radial-gradient(120% 120% at 20% 0%, #3b82f640, transparent 55%), radial-gradient(120% 120% at 90% 100%, #8b5cf633, transparent 50%), var(--bg-secondary,#ffffff08);border-bottom:1px solid var(--glass-border);justify-content:center;align-items:center;display:flex;position:relative}.blog-card-cover img,.blog-cover-full img{object-fit:cover;width:100%;height:100%;display:block}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.blog-card-meta{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;align-items:center;gap:10px;font-size:.72rem;display:flex}.blog-card-meta .draft-badge{color:#f59e0b;background:#f59e0b24;border:1px solid #f59e0b59;border-radius:999px;padding:2px 8px;font-weight:500}.blog-card h3{letter-spacing:-.02em;color:var(--text-main);margin:0;font-size:1.12rem;font-weight:700}.blog-card-excerpt{color:var(--text-secondary);flex:1;margin:0;font-size:.88rem;line-height:1.6}.blog-card-footer{font-family:var(--font-mono);color:var(--primary-accent);justify-content:space-between;align-items:center;margin-top:12px;font-size:.76rem;display:flex}.blog-card-footer .blog-read-more{align-items:center;gap:6px;display:inline-flex}.blog-post{max-width:760px;margin:0 auto}.blog-post-header{margin-bottom:var(--spacing-md)}.blog-post-header h1{letter-spacing:-.03em;margin:10px 0 8px;font-size:clamp(1.8rem,4.5vw,2.5rem);font-weight:700}.blog-post-summary{color:var(--text-muted);margin:0 0 10px;font-size:1.02rem;line-height:1.6}.blog-cover-full{border-radius:var(--radius-md);border:1px solid var(--glass-border);margin-bottom:var(--spacing-md);aspect-ratio:16/9;overflow:hidden}.blog-content{color:var(--text-secondary);font-size:.98rem;line-height:1.8}.blog-content h3{color:var(--text-main);margin:1.6em 0 .5em;font-size:1.15rem;font-weight:700}.blog-content p{margin:0 0 1.1em}.blog-content strong{color:var(--text-main);font-weight:600}.blog-post-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.blog-admin-row{align-items:center;gap:8px;display:flex}@media (width<=640px){.blog-grid{grid-template-columns:1fr}}.admin-toast-banner{z-index:10000;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:#fff;background:#0f0f14eb;align-items:center;gap:10px;padding:10px 22px;font-size:.9rem;font-weight:500;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.admin-toast-banner.success{color:#10b981;border-color:#10b98166}.admin-toast-banner.error{color:#ef4444;border-color:#ef444466}.admin-toast-banner.info{color:#60a5fa;border-color:#3b82f666}.admin-dock-wrapper{z-index:9000;pointer-events:auto;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.admin-dock-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-full);background:#0a0a0fe0;border:1px solid #ffffff1f;padding:8px 14px;transition:all .3s;box-shadow:0 16px 40px #0009,0 0 20px #3b82f626}[data-theme=light] .admin-dock-card{background:#ffffffeb;border-color:#0000001f;box-shadow:0 16px 40px #0000001f,0 0 20px #3b82f61a}.admin-dock-content{align-items:center;gap:12px;display:flex}.admin-dock-brand{align-items:center;gap:10px;display:flex}.admin-status-indicator{color:var(--text-main);align-items:center;gap:7px;padding-left:6px;font-size:.82rem;display:flex}.status-dot-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 10px #10b981}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.admin-dock-toggle-btn{border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-main);cursor:pointer;transition:var(--transition);background:#ffffff0d;align-items:center;gap:6px;padding:5px 11px;font-size:.78rem;display:flex}.admin-dock-toggle-btn:hover{border-color:var(--primary-accent);background:#ffffff1a}.admin-dock-divider{background:#ffffff1f;width:1px;height:22px}[data-theme=light] .admin-dock-divider{background:#0000001a}.admin-dock-nav{align-items:center;gap:8px;display:flex}.admin-dock-btn-group{border:1px solid var(--glass-border);border-radius:var(--radius-full);background:#ffffff0a;align-items:center;display:flex;overflow:hidden}.admin-dock-link{color:var(--text-muted);transition:var(--transition);align-items:center;gap:6px;padding:5px 11px;font-size:.8rem;font-weight:500;text-decoration:none;display:flex}.admin-dock-link:hover,.admin-dock-link.active{color:var(--text-main);background:#ffffff14}.admin-dock-action-btn{background:var(--gradient-main);color:#fff;cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:600;display:flex}.admin-dock-action-btn:hover{filter:brightness(1.15)}.messages-link{border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;background:#ffffff0a;position:relative}.dock-badge{color:#fff;background:#ef4444;border-radius:10px;margin-left:4px;padding:1px 6px;font-size:.68rem;font-weight:700}.admin-dock-utils{align-items:center;gap:4px;display:flex}.admin-dock-icon-action{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.admin-dock-icon-action:hover{color:var(--text-main);background:#ffffff1a}.admin-dock-icon-action.logout-action:hover{color:#ef4444;background:#ef444426}.admin-dock-restore-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:4px 10px;font-size:.82rem;font-weight:600;display:flex}.admin-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10001;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal-container{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.admin-modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.admin-modal-header h3{margin:0;font-size:1.15rem;font-weight:700}.admin-modal-sub{color:var(--text-muted);margin-top:2px;font-size:.82rem}.admin-modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.admin-modal-footer{border-top:1px solid var(--glass-border);background:#00000026;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.form-row{gap:14px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.flex-1{flex:1}.flex-2{flex:2}.form-group label{color:var(--text-muted);font-size:.82rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition);padding:10px 14px;font-family:inherit;font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-accent);outline:none;box-shadow:0 0 0 3px #3b82f626}.tag-input-row{gap:8px;display:flex}.tags-preview-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag-pill-editable{color:var(--text-main);border-radius:var(--radius-full);background:#3b82f626;border:1px solid #3b82f64d;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:500;display:inline-flex}.tag-pill-editable button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.tag-pill-editable button:hover{color:#ef4444}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.88rem;display:flex}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-accent)}.admin-btn-primary{background:var(--gradient-main);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:6px;padding:9px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.admin-btn-primary:hover{filter:brightness(1.15);box-shadow:0 4px 15px var(--primary-glow)}.admin-btn-secondary{background:var(--glass-bg);color:var(--text-main);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;padding:8px 14px;font-size:.84rem;font-weight:500;display:inline-flex}.admin-btn-secondary:hover{border-color:var(--text-muted);background:#ffffff1a}.admin-btn-cancel{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:8px 14px;font-size:.88rem}.admin-btn-cancel:hover{color:var(--text-main)}.admin-icon-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.admin-icon-btn:hover{color:var(--text-main);background:#ffffff1a}.admin-icon-btn.delete-btn:hover{color:#ef4444;background:#ef444426}.icon-select-row{flex-wrap:wrap;gap:8px;display:flex}.icon-option-btn{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition);padding:6px 12px;font-size:.82rem}.icon-option-btn.active,.icon-option-btn:hover{background:var(--gradient-subtle);border-color:var(--primary-accent);color:var(--text-main)}.card-admin-bar{border-radius:var(--radius-sm);background:#0f0f19b3;border:1px dashed #3b82f659;justify-content:space-between;align-items:center;margin-bottom:12px;padding:6px 10px;display:flex}[data-theme=light] .card-admin-bar{background:#f0f4fae6;border-color:#3b82f640}.card-admin-badge{text-transform:uppercase;color:var(--primary-accent);letter-spacing:.5px;font-size:.72rem;font-weight:700}.card-admin-actions{align-items:center;gap:4px;display:flex}.admin-card-btn{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.admin-card-btn:hover{background:#ffffff26}.admin-card-btn.star-active{color:#f59e0b;border-color:#f59e0b66}.admin-card-btn.delete-card:hover{color:#ef4444;background:#ef44441a;border-color:#ef444466}.add-project-banner{border-radius:var(--radius-md);background:#ffffff08;border:1px dashed #ffffff29;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 20px;display:flex}.add-project-banner-info h4{margin:0;font-size:.96rem;font-weight:700}.add-project-banner-info p{color:var(--text-muted);margin:0;font-size:.8rem}.section-header-admin-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-header-admin-row h2{margin:0!important}.section-admin-actions{align-items:center;gap:6px;display:flex}.admin-pill-btn{border-radius:var(--radius-full);color:var(--primary-accent);cursor:pointer;transition:var(--transition);background:#3b82f61f;border:1px solid #3b82f64d;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.admin-pill-btn:hover{background:var(--primary-accent);color:#fff}.item-admin-actions{align-items:center;gap:4px;margin-left:8px;display:inline-flex}.item-action-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;padding:2px 4px}.item-action-btn:hover{color:var(--text-main);background:#ffffff1a}.item-action-btn.delete-btn:hover{color:#ef4444}.skill-tag-admin{align-items:center;gap:6px;display:inline-flex;position:relative}.skill-delete-badge{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.skill-delete-badge:hover{color:#ef4444}.add-custom-section-banner{border-radius:var(--radius-md);text-align:center;transition:var(--transition);background:#8b5cf60d;border:2px dashed #8b5cf666;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:32px 20px;display:flex}.add-custom-section-banner:hover{border-color:var(--secondary-accent);background:#8b5cf614}.inquiries-modal{max-width:680px}.empty-inquiries{text-align:center;color:var(--text-muted);padding:40px 20px}.inquiry-card{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.inquiry-header{justify-content:space-between;align-items:flex-start;display:flex}.inquiry-name{align-items:center;gap:6px;font-size:.95rem;display:flex}.inquiry-email{color:var(--primary-accent);align-items:center;gap:4px;margin-top:2px;font-size:.8rem;text-decoration:none;display:inline-flex}.inquiry-actions{align-items:center;gap:8px;display:flex}.inquiry-date{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.inquiry-message{color:var(--text-main);white-space:pre-wrap;background:#0003;border-radius:6px;padding:10px 12px;font-size:.88rem;line-height:1.5}.inquiry-reply{justify-content:flex-end;display:flex}.reply-btn{font-size:.78rem;text-decoration:none}.admin-login-card{max-width:440px}.admin-badge-icon{background:#3b82f626;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.login-oauth-section{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.admin-google-btn{color:#1a1a2e;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition);background:#fff;border:none;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:.9rem;font-weight:600;display:flex}.admin-google-btn:hover{background:#e2e8f0}.auth-divider{text-align:center;margin:6px 0;position:relative}.auth-divider:before{content:"";background:var(--glass-border);width:100%;height:1px;position:absolute;top:50%;left:0}.auth-divider span{background:var(--bg-secondary);color:var(--text-muted);letter-spacing:.5px;padding:0 10px;font-size:.72rem;position:relative}.passcode-form{flex-direction:column;gap:8px;display:flex}.passcode-input-row{gap:8px;display:flex}.auth-error-msg{color:#ef4444;margin:0;font-size:.8rem}.quick-access-box{border-radius:var(--radius-sm);background:#3b82f614;border:1px solid #3b82f633;flex-direction:column;gap:8px;margin-top:14px;padding:12px 14px;display:flex}.quick-access-box p{color:var(--text-muted);margin:0;font-size:.78rem}.quick-unlock-btn{background:var(--gradient-subtle);border-color:var(--primary-accent);color:var(--text-main);justify-content:center;font-weight:600}.admin-main-page{min-height:calc(100vh - var(--header-height))}.admin-panel{flex-direction:column;gap:22px;max-width:960px;margin:0 auto;display:flex}.admin-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.admin-heading-badge{border-radius:var(--radius-full);color:#34d399;background:#10b9811f;border:1px solid #10b98140;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.admin-heading h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:700}.admin-heading-subtitle{color:var(--text-muted);margin-top:4px;font-size:.88rem}.admin-heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-nav-cards-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;display:grid}.admin-feature-card{transition:var(--transition);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.projects-feature-card{background:linear-gradient(135deg,#3b82f614,#14141eb3);border:1px solid #3b82f647}.about-feature-card{background:linear-gradient(135deg,#8b5cf614,#14141eb3);border:1px solid #8b5cf647}.admin-feature-card-header{justify-content:space-between;align-items:center;display:flex}.admin-feature-icon-box{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.projects-icon-box{background:#3b82f626;border:1px solid #3b82f64d}.about-icon-box{background:#8b5cf626;border:1px solid #8b5cf64d}.about-btn-gradient{background:linear-gradient(135deg, var(--secondary-accent), #ec4899)}.admin-section-card{padding:24px}.admin-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.admin-section-icon-box{border-radius:var(--radius-sm);background:#3b82f61f;border:1px solid #3b82f640;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-inquiries-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;display:grid}.admin-inquiry-card{background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:var(--transition);flex-direction:column;gap:12px;padding:16px;display:flex}.admin-inquiry-card:hover{border-color:var(--glass-border-hover)}.admin-inquiry-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.admin-inquiry-sender{align-items:center;gap:10px;display:flex}.inquiry-avatar{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-muted);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;display:flex}.inquiry-sender-name{color:var(--text-main);font-size:.95rem;display:block}.inquiry-sender-email{color:var(--primary-accent);align-items:center;gap:4px;margin-top:1px;font-size:.8rem;text-decoration:none;display:inline-flex}.admin-inquiry-header-actions{align-items:center;gap:8px;display:flex}.admin-inquiry-date{color:var(--text-muted);font-size:.74rem;font-family:var(--font-mono);align-items:center;gap:4px;display:inline-flex}.admin-inquiry-body{color:var(--text-main);border:1px solid var(--glass-border);border-radius:var(--radius-xs);white-space:pre-wrap;word-break:break-word;background:#00000040;padding:12px 14px;font-size:.88rem;line-height:1.55}.admin-inquiry-footer{justify-content:flex-end;display:flex}.admin-sync-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.admin-action-buttons-wrap{flex-wrap:wrap;gap:10px;display:flex}.admin-auth-card{padding:36px 28px}@media (width<=768px){.admin-dock-wrapper{width:calc(100% - 20px);max-width:480px;bottom:max(12px, env(safe-area-inset-bottom,12px));left:50%;transform:translate(-50%)}.admin-dock-card{border-radius:20px;padding:6px 10px;box-shadow:0 16px 45px #000c,0 0 15px #3b82f633}.admin-dock-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:2px;overflow-x:auto}.admin-dock-content::-webkit-scrollbar{display:none}.admin-status-indicator strong{display:none}.admin-dock-toggle-btn{padding:6px 10px;font-size:.74rem}.admin-dock-link span,.admin-dock-action-btn{font-size:.74rem}.admin-dock-icon-action{width:32px;height:32px}.admin-panel{gap:16px}.admin-heading{flex-direction:column;align-items:flex-start;gap:12px}.admin-heading-actions{justify-content:flex-start;width:100%}.admin-heading-actions .admin-btn-secondary{flex:1;justify-content:center}.admin-nav-cards-grid{grid-template-columns:1fr}.admin-feature-card,.admin-section-card{padding:18px}.admin-inquiries-grid{grid-template-columns:1fr}.admin-sync-row{flex-direction:column;align-items:flex-start}.admin-sync-row button{justify-content:center;width:100%}.admin-action-buttons-wrap{flex-direction:column}.admin-action-buttons-wrap button{justify-content:center;width:100%}.admin-modal-overlay{align-items:flex-end;padding:10px}.admin-modal-container{border-radius:20px 20px 0 0;width:100%;max-height:90vh}.admin-modal-header{padding:14px 18px}.admin-modal-body{-webkit-overflow-scrolling:touch;gap:14px;padding:16px 18px}.admin-modal-footer{padding:14px 18px;padding-bottom:max(14px, env(safe-area-inset-bottom,14px));flex-direction:column-reverse}.admin-modal-footer button{justify-content:center;width:100%;min-height:44px}.form-row{flex-direction:column;gap:12px}.form-group input,.form-group select,.form-group textarea{min-height:44px;padding:10px 14px;font-size:16px}.card-admin-bar{flex-wrap:wrap;gap:6px;padding:6px 8px}.section-header-admin-row{flex-wrap:wrap;align-items:flex-start;gap:8px}.add-project-banner{flex-direction:column;align-items:flex-start;gap:12px}.add-project-banner button{justify-content:center;width:100%}}@media (width<=440px){.admin-dock-wrapper.minimized{left:auto;right:12px;bottom:max(12px, env(safe-area-inset-bottom,12px));width:auto;transform:none}.admin-dock-restore-btn{border-radius:var(--radius-full);border:1px solid var(--glass-border);background:#0a0a0ff2;padding:8px 14px;box-shadow:0 8px 24px #0009}.admin-auth-card{padding:28px 18px}}.admin-toast-banner{top:calc(24px + env(safe-area-inset-top,0px))}.admin-dock-wrapper{bottom:calc(24px + env(safe-area-inset-bottom,0px))}.inquiry-swipe{border-radius:var(--radius-sm);position:relative;overflow:hidden}.swipe-action{letter-spacing:.03em;color:#fff;pointer-events:none;align-items:center;gap:8px;padding:0 18px;font-size:.8rem;font-weight:700;display:flex;position:absolute;inset:0}.swipe-reply{background:linear-gradient(90deg,#3b82f6d9,#3b82f68c);justify-content:flex-start}.swipe-delete{background:linear-gradient(-90deg,#ef4444d9,#ef44448c);justify-content:flex-end}.inquiry-card.dragging{z-index:2;box-shadow:0 10px 26px #00000073}.pull-indicator{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-size:.74rem;font-weight:600;transition:height .22s cubic-bezier(.16,1,.3,1),opacity .22s;display:flex;overflow:hidden}.spin{animation:.9s linear infinite cmdk-spin}@keyframes cmdk-spin{to{transform:rotate(360deg)}}.inquiries-header-actions{align-items:center;gap:6px;display:flex}.inquiries-header-actions .admin-icon-btn{min-width:44px;min-height:44px;padding:10px}.refresh-btn:active svg{transform:scale(.9)}.swipe-hint{color:var(--text-muted);opacity:.75;font-size:.68rem;font-family:var(--font-mono);letter-spacing:.01em;margin-top:5px;display:block}@media (width<=768px){.admin-icon-btn{min-width:44px;min-height:44px;padding:10px}.admin-dock-icon-action{width:44px;height:44px}.admin-dock-link,.admin-dock-action-btn,.admin-dock-toggle-btn{min-height:44px;padding-top:10px;padding-bottom:10px}.inquiry-card{padding:14px}.inquiry-reply .reply-btn{min-height:44px;padding-top:10px;padding-bottom:10px}.swipe-hint{display:none}.terminal-trigger.above-dock{bottom:calc(104px + env(safe-area-inset-bottom,0px))}}.inquiry-card.is-unread{box-shadow:inset 3px 0 0 var(--primary-accent);border-color:#3b82f673}.inquiry-unread-dot{background:var(--primary-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #3b82f699}.admin-icon-btn.read-toggle-btn:hover{color:var(--primary-accent);background:#3b82f626}.inquiries-unread-badge,.admin-unread-badge{border-radius:var(--radius-full);color:var(--primary-accent);white-space:nowrap;vertical-align:middle;background:#3b82f61f;border:1px solid #3b82f64d;align-items:center;gap:5px;padding:2px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.inquiries-unread-badge{margin-left:8px}@media (prefers-reduced-motion:reduce){.inquiry-card,.pull-indicator,.swipe-action,.inquiry-unread-dot,.inquiries-unread-badge,.admin-unread-badge{transition:none}}.card,.featured-card,.project-card,.bento-card,.hero-developer-card,.contact-info-card,.inquiry-card{position:relative}.card:before,.featured-card:before,.project-card:before,.bento-card:before,.hero-developer-card:before,.contact-info-card:before,.inquiry-card:before{content:"";border-radius:inherit;background:radial-gradient(420px circle at var(--mouse-x,50%) var(--mouse-y,50%), #3b82f60d, transparent 65%);opacity:0;pointer-events:none;z-index:0;transition:opacity .35s;position:absolute;inset:0}.card:after,.featured-card:after,.project-card:after,.bento-card:after,.hero-developer-card:after,.contact-info-card:after,.inquiry-card:after{content:"";border-radius:inherit;background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%), #3b82f659, transparent 60%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:3;padding:1px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:before,.featured-card:hover:before,.project-card:hover:before,.bento-card:hover:before,.hero-developer-card:hover:before,.contact-info-card:hover:before,.inquiry-card:hover:before,.card:hover:after,.featured-card:hover:after,.project-card:hover:after,.bento-card:hover:after,.hero-developer-card:hover:after,.contact-info-card:hover:after,.inquiry-card:hover:after{opacity:1}.card>*,.featured-card>*,.project-card>*,.bento-card>*,.hero-developer-card>*,.contact-info-card>*,.inquiry-card>*{z-index:1;position:relative}[data-theme=light] .card:after,[data-theme=light] .featured-card:after,[data-theme=light] .project-card:after,[data-theme=light] .bento-card:after,[data-theme=light] .hero-developer-card:after,[data-theme=light] .contact-info-card:after,[data-theme=light] .inquiry-card:after{background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%), #2563eb66, transparent 60%)}@media (prefers-reduced-motion:reduce){.card:before,.featured-card:before,.project-card:before,.bento-card:before,.hero-developer-card:before,.contact-info-card:before,.inquiry-card:before,.card:after,.featured-card:after,.project-card:after,.bento-card:after,.hero-developer-card:after,.contact-info-card:after,.inquiry-card:after{transition:none}}.cmdk-overlay{z-index:12000;-webkit-backdrop-filter:blur(6px);background:#0404088c;justify-content:center;align-items:flex-start;padding:14vh 16px 16px;display:flex;position:fixed;inset:0}.cmdk-panel{-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-lg);background:#0e0e14eb;border:1px solid #ffffff1f;flex-direction:column;width:100%;max-width:620px;max-height:min(520px,70vh);display:flex;overflow:hidden;box-shadow:0 32px 80px -12px #000c,0 0 0 1px #3b82f60f,0 0 60px #3b82f614}[data-theme=light] .cmdk-panel{background:#fffffff5;border-color:#0000001a;box-shadow:0 32px 80px -12px #00000038,0 0 0 1px #3b82f614,0 0 60px #3b82f60f}.cmdk-search-row{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:16px 18px;display:flex}.cmdk-search-icon{color:var(--text-muted);flex-shrink:0}.cmdk-input{min-width:0;color:var(--text-main);letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.cmdk-input::placeholder{color:var(--text-muted);opacity:.7}.cmdk-esc{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--glass-border);border-radius:5px;flex-shrink:0;padding:3px 7px;font-size:.68rem}.cmdk-list{overscroll-behavior:contain;flex:1;padding:8px;overflow-y:auto}.cmdk-group-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);padding:10px 12px 6px;font-size:.68rem;font-weight:700}.cmdk-item{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:9px 12px;font-family:inherit;font-size:.9rem;font-weight:500;transition:background .12s,color .12s;display:flex}.cmdk-item.active,.cmdk-item:hover{color:var(--text-main);background:#3b82f61f}[data-theme=light] .cmdk-item.active,[data-theme=light] .cmdk-item:hover{background:#3b82f61a}.cmdk-item-icon{border-radius:var(--radius-xs);border:1px solid var(--glass-border);width:30px;height:30px;color:var(--text-muted);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cmdk-item.active .cmdk-item-icon{color:var(--primary-accent);background:#3b82f61a;border-color:#3b82f659}.cmdk-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cmdk-item-hint{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:180px;font-size:.7rem;overflow:hidden}.cmdk-copied{color:var(--emerald-accent);flex-shrink:0;font-size:.7rem;font-weight:700}.cmdk-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:44px 20px;display:flex}.cmdk-empty p{color:var(--text-secondary);margin:0;font-size:.9rem;font-weight:600}.cmdk-empty span{font-size:.78rem}.cmdk-footer{border-top:1px solid var(--glass-border);color:var(--text-muted);align-items:center;gap:16px;padding:10px 18px;font-size:.7rem;display:flex}.cmdk-footer kbd{font-family:var(--font-mono);border:1px solid var(--glass-border);background:#ffffff08;border-radius:4px;align-items:center;margin-right:2px;padding:2px 5px;font-size:.64rem;display:inline-flex}.cmdk-footer-brand{opacity:.4;margin-left:auto}@media (width<=640px){.cmdk-overlay{align-items:flex-start;padding:8vh 10px 10px}.cmdk-panel{border-radius:var(--radius-md);max-height:74vh}.cmdk-item-hint{display:none}.cmdk-footer{gap:10px;overflow:hidden}}@media (prefers-reduced-motion:reduce){.cmdk-panel,.cmdk-overlay,.cmdk-item{transition:none}}.terminal-trigger{left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:9400;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(18px);min-width:44px;min-height:44px;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;transition:var(--transition);background:#0a0a0fd9;border:1px solid #ffffff1f;align-items:center;gap:8px;padding:10px 14px;font-size:.78rem;font-weight:600;display:flex;position:fixed;box-shadow:0 12px 30px #00000080,0 0 18px #3b82f61f}.terminal-trigger:hover{color:var(--text-main);border-color:#3b82f673;transform:translateY(-2px);box-shadow:0 14px 34px #0000008c,0 0 26px #3b82f640}[data-theme=light] .terminal-trigger{background:#ffffffe6;border-color:#0000001f;box-shadow:0 12px 30px #0000001f}.terminal-trigger-label{font-family:var(--font-mono)}.terminal-trigger-dot{background:var(--emerald-accent);width:6px;height:6px;box-shadow:0 0 8px var(--emerald-accent);border-radius:50%;animation:2.4s infinite pulse-dot}.terminal-drawer{left:20px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:9500;-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-md);background:#06080cf0;border:1px solid #3b82f638;flex-direction:column;width:440px;max-width:calc(100vw - 40px);height:420px;max-height:calc(100vh - 180px);display:flex;position:fixed;overflow:hidden;box-shadow:0 30px 70px -12px #000000d9,0 0 40px #3b82f61a,inset 0 1px #ffffff0f}[data-theme=light] .terminal-drawer{background:#0a0c12f5}.terminal-titlebar{background:#ffffff08;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.terminal-titlebar-dots{gap:6px;display:flex}.tdot{border-radius:50%;width:10px;height:10px}.tdot-red{background:#ff5f57}.tdot-yellow{background:#febc2e}.tdot-green{background:#28c840}.terminal-title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.72rem;overflow:hidden}.terminal-close{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.terminal-close:hover{color:#ef4444;background:#ef444426}.terminal-scroll{font-family:var(--font-mono);overscroll-behavior:contain;color:#c9c9d6;flex:1;padding:14px 16px;font-size:.78rem;line-height:1.7;overflow-y:auto}.terminal-line{white-space:pre-wrap;word-break:break-word;animation:.18s ease-out terminal-line-in}@keyframes terminal-line-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.terminal-system{color:#3b82f68c}.terminal-output{color:#c9c9d6}.terminal-echo{color:#fff;font-weight:600}.terminal-success{color:#34d399;text-shadow:0 0 12px #10b98159}.terminal-error{color:#f87171;text-shadow:0 0 12px #ef44444d}.terminal-link-line{color:#60a5fa;cursor:pointer;transition:var(--transition);text-shadow:0 0 10px #3b82f64d;border-radius:4px;text-decoration:none;display:block}.terminal-link-line:hover{color:#93c5fd;text-underline-offset:3px;background:#3b82f61a;text-decoration:underline}.terminal-internal-link:focus-visible{outline:1px dashed var(--primary-accent);outline-offset:2px}.terminal-input-row{background:#ffffff05;border-top:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.terminal-prompt{font-family:var(--font-mono);color:var(--emerald-accent);text-shadow:0 0 10px #10b98166;white-space:nowrap;flex-shrink:0;font-size:.76rem;font-weight:600}.terminal-input{color:#fff;min-width:0;font-family:var(--font-mono);caret-color:var(--primary-accent);background:0 0;border:none;outline:none;flex:1;font-size:.78rem}.terminal-input::placeholder{color:#ffffff40}.terminal-enter{width:26px;height:26px;color:var(--text-muted);font-family:var(--font-mono);border:1px solid #ffffff1a;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=640px){.terminal-trigger{left:14px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.terminal-drawer{left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;height:min(58vh,440px);max-height:none}}@media (prefers-reduced-motion:reduce){.terminal-line{animation:none}.terminal-trigger{transition:none}}.hero-visual-stage{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.wireframe-canvas{z-index:0;pointer-events:auto;opacity:.95;width:calc(100% + 120px);height:calc(100% + 120px);position:absolute;inset:-60px}.hero-visual-stage .hero-developer-card{z-index:1;position:relative}@media (width<=900px){.wireframe-canvas{opacity:.6;pointer-events:none;width:calc(100% + 80px);height:calc(100% + 80px);inset:-40px}}:root{--ash-bg:#05060ad1;--ash-border:#788cbe38;--ash-accent:#7d92c4;--ash-accent-bright:#a8c0ff;--ash-danger:#a12222;--ash-font-display:"Cinzel", "Times New Roman", serif;--ash-font-body:"Crimson Pro", Georgia, serif}.ash-realm{z-index:2000;background:#05060a;position:fixed;inset:0;overflow:hidden}.ash-canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.ash-vignette{pointer-events:none;background:radial-gradient(#0000 52%,#0000006b 88%,#000000b8 100%);position:absolute;inset:0}.ash-screen{text-align:center;-webkit-backdrop-filter:blur(3px);background:#0405098c;flex-direction:column;justify-content:center;align-items:center;gap:34px;padding:24px;animation:.5s both ash-fade-in;display:flex;position:absolute;inset:0}.ash-screen-dim{background:#030407b8}@keyframes ash-fade-in{0%{opacity:0}to{opacity:1}}.ash-logo{flex-direction:column;align-items:center;gap:10px;display:flex}.ash-logo-rune{color:var(--ash-accent-bright);text-shadow:0 0 18px #7a98c4cc;font-size:2rem;animation:3.2s ease-in-out infinite ash-rune-pulse}@keyframes ash-rune-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.ash-logo-title{font-family:var(--ash-font-display);letter-spacing:.22em;color:#e8ecf6;text-shadow:0 0 30px #7a98c473,0 2px #000c;margin:0;font-size:clamp(2.2rem,6vw,4.2rem);font-weight:700}.ash-logo-sub{font-family:var(--ash-font-body);letter-spacing:.42em;color:var(--ash-accent);margin:0;font-size:clamp(.7rem,1.4vw,.95rem)}.ash-menu{flex-direction:column;gap:12px;min-width:300px;display:flex}.ash-btn{font-family:var(--ash-font-display);letter-spacing:.18em;min-height:48px;color:var(--ash-accent-bright);border:1px solid var(--ash-border);cursor:pointer;text-transform:uppercase;background:#0a0d16bf;border-radius:2px;padding:14px 34px;font-size:.95rem;transition:all .22s}.ash-btn:hover,.ash-btn:focus-visible{border-color:var(--ash-accent);color:#fff;background:#1e263ad9;outline:none;transform:translateY(-1px);box-shadow:0 0 22px #7a98c440,inset 0 0 12px #7a98c414}.ash-btn-primary{border-color:var(--ash-accent);color:#fff;background:#283450d9}.ash-btn:active{transform:translateY(1px)}.ash-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.ash-btn:disabled:hover{border-color:var(--ash-border);box-shadow:none;background:#1e263a99}.ash-panel{background:var(--ash-bg);border:1px solid var(--ash-border);border-radius:4px;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:560px;padding:36px 44px;display:flex;box-shadow:0 24px 60px #0009}.ash-panel-wide{max-width:640px}.ash-panel-title{font-family:var(--ash-font-display);letter-spacing:.3em;color:#e8ecf6;margin:0;font-size:1.5rem}.ash-panel-text{font-family:var(--ash-font-body);color:#b8c0d4;margin:0;font-size:1.05rem;line-height:1.6}.ash-bonfire-sub{font-family:var(--ash-font-body);color:#98a2ba;text-align:center;margin:0;font-size:1rem;font-style:italic}.ash-bonfire-stats{background:#080a1099;border:1px solid #788cbe2e;border-radius:3px;flex-direction:column;gap:10px;width:100%;padding:18px 22px;display:flex}.ash-bonfire-row{font-family:var(--ash-font-body);color:#b8c0d4;justify-content:space-between;align-items:baseline;font-size:1rem;display:flex}.ash-bonfire-row strong{font-family:var(--ash-font-display);letter-spacing:.08em;color:#e8c26a}.ash-bonfire-gains{font-family:var(--ash-font-body);color:#8fa0c4;text-align:center;margin:4px 0 0;font-size:.92rem;line-height:1.5}.ash-loading-bar{background:#7a98c426;border-radius:2px;width:min(360px,70vw);height:3px;overflow:hidden}.ash-loading-fill{background:linear-gradient(90deg, var(--ash-accent), var(--ash-accent-bright));height:100%;transition:width .25s;box-shadow:0 0 12px #7a98c4cc}.ash-loading-text{font-family:var(--ash-font-body);letter-spacing:.3em;color:var(--ash-accent);margin:0;font-size:.8rem}.ash-title-hint{font-family:var(--ash-font-body);color:#8a94ac;max-width:420px;margin:0;font-size:.95rem;line-height:1.7}.ash-setting{width:100%;font-family:var(--ash-font-body);color:#c4ccdd;align-items:center;gap:16px;font-size:1rem;display:flex}.ash-setting span{text-align:right;flex:0 0 150px}.ash-setting em{font-style:normal;font-family:var(--ash-font-body);color:var(--ash-accent-bright);flex:0 0 48px}.ash-setting input[type=range]{accent-color:var(--ash-accent);cursor:pointer;flex:1;height:24px}.ash-setting input[type=checkbox]{width:20px;height:20px;accent-color:var(--ash-accent);cursor:pointer}.ash-setting-row{justify-content:space-between}.ash-segmented{gap:8px;display:flex}.ash-seg{font-family:var(--ash-font-body);border:1px solid var(--ash-border);color:#8a94ac;cursor:pointer;background:0 0;border-radius:2px;min-height:40px;padding:8px 22px;font-size:.9rem;transition:all .2s}.ash-seg-active,.ash-seg:hover{border-color:var(--ash-accent);color:#fff;background:#1e263a99}.ash-controls-list{flex-direction:column;gap:10px;width:100%;display:flex}.ash-control-row{font-family:var(--ash-font-body);color:#c4ccdd;text-align:left;align-items:center;gap:16px;font-size:1rem;display:flex}.ash-key{font-family:var(--ash-font-body);letter-spacing:.06em;text-align:center;border:1px solid var(--ash-border);color:var(--ash-accent-bright);background:#7a98c414;border-bottom-width:2px;border-radius:4px;flex:0 0 130px;padding:7px 10px;font-size:.82rem}.ash-screen-you-died{background:radial-gradient(#1e03038c,#030202e6 90%)}.ash-you-died{font-family:var(--ash-font-display);letter-spacing:.3em;color:#a12222;text-shadow:0 0 40px #a1222299;margin:0;font-size:clamp(3rem,9vw,6.5rem);font-weight:700;animation:2.4s both ash-you-died-in}@keyframes ash-you-died-in{0%{opacity:0;filter:blur(6px);transform:scale(.94)}to{opacity:1;filter:blur();transform:scale(1)}}.ash-screen-victory{background:radial-gradient(#141e3280,#030407e6 90%)}.ash-victory-title{font-family:var(--ash-font-display);letter-spacing:.24em;color:#d8e2f5;text-shadow:0 0 34px #7a98c4b3;margin:0;font-size:clamp(1.6rem,4.5vw,3rem);animation:2s both ash-fade-in}.ash-victory-text{font-family:var(--ash-font-body);color:#b8c0d4;max-width:520px;margin:0;font-size:1.1rem;line-height:1.7}.ash-menu-row{flex-flow:wrap;justify-content:center}.ash-hud{left:28px;bottom:calc(32px + env(safe-area-inset-bottom,0px));pointer-events:none;z-index:5;position:absolute}.ash-hud-vitals{flex-direction:column;gap:7px;display:flex}.ash-bar{background:#05060ac7;border:1px solid #788cbe47;border-radius:2px;width:min(300px,34vw);height:10px;overflow:hidden;box-shadow:0 2px 8px #00000080}.ash-bar-stamina{width:min(260px,30vw);height:8px}.ash-bar-fill{height:100%;transition:width .12s linear}.ash-fill-health{background:linear-gradient(#e8c26a,#b8862e);box-shadow:0 0 10px #e8c26a80}.ash-fill-stamina{background:linear-gradient(#6abe7c,#3d8a4e);box-shadow:0 0 8px #6abe7c66}.ash-estus{gap:7px;margin-top:3px;margin-left:2px;display:flex}.ash-estus-charge{background:#140e0acc;border:1px solid #e8963c59;border-radius:2px;width:13px;height:13px;transition:all .2s;transform:rotate(45deg)}.ash-estus-full{background:linear-gradient(135deg,#ff9a3c,#c2521a);border-color:#ffb066;box-shadow:0 0 10px #ff9a3c8c}.ash-runes{letter-spacing:.06em;text-shadow:0 1px 3px #000c;align-items:center;gap:12px;margin-top:4px;margin-left:2px;font-family:Cinzel,Times New Roman,serif;display:flex}.ash-runes-level{color:#dfe6ff;font-size:12px;font-weight:700}.ash-runes-count{color:#e8c26a;font-size:12px;font-weight:700}.ash-runes-cost{color:#bec8dc99;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.ash-hud-iframes .ash-bar-health{border-color:#a8c0ffcc;box-shadow:0 0 14px #a8c0ff59}.ash-boss-bar{top:calc(26px + env(safe-area-inset-top,0px));pointer-events:none;z-index:5;width:min(620px,72vw);animation:1.2s both ash-boss-in;position:absolute;left:50%;transform:translate(-50%)}@keyframes ash-boss-in{0%{opacity:0;transform:translate(-50%)translateY(-14px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ash-boss-name{font-family:var(--ash-font-display);letter-spacing:.34em;text-align:center;color:#d8dcea;text-shadow:0 0 18px #7a98c499,0 2px 2px #000000e6;margin-bottom:8px;font-size:clamp(.85rem,1.6vw,1.1rem);font-weight:600}.ash-boss-track{background:#05060acc;border:1px solid #788cbe59;border-radius:2px;height:12px;overflow:hidden;box-shadow:0 4px 16px #0009}.ash-boss-fill{background:linear-gradient(#b8c8e8,#6a7ca8);height:100%;transition:width .15s linear;box-shadow:0 0 12px #7a98c499}.ash-boss-phase2{background:linear-gradient(#e86a5a,#a82e2e);box-shadow:0 0 14px #dc503cb3}.ash-victory-secret{background:#080a10d9;border:1px solid #e8963c4d;border-radius:4px;max-width:560px;padding:22px 30px;animation:2.2s both ash-fade-in;box-shadow:0 0 40px #ff9a3c1f}.ash-victory-secret p{font-family:var(--ash-font-body);color:#b8c0d4;margin:0 0 8px;font-size:1.02rem;line-height:1.7}.ash-victory-secret-line{letter-spacing:.04em;color:#e8d8b8!important;font-size:1.15rem!important}.ash-victory-secret-sign{text-align:right;font-style:italic;color:#8a94ac!important;margin-bottom:0!important}.ash-toast{font-family:var(--ash-font-body);letter-spacing:.06em;color:#e8d8b8;pointer-events:none;z-index:6;white-space:nowrap;background:#0a0c12e0;border:1px solid #e8963c66;border-radius:3px;align-items:center;gap:10px;padding:12px 26px;font-size:.95rem;animation:.4s both ash-toast-in;display:flex;position:absolute;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ff9a3c2e}.ash-toast-rune{color:#ff9a3c;text-shadow:0 0 10px #ff9a3cb3}@keyframes ash-toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ash-playing-hint{pointer-events:none;animation:5s both ash-hint-fade;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.ash-playing-hint p{font-family:var(--ash-font-body);letter-spacing:.32em;color:#a8c0ff8c;margin:0;font-size:.78rem}@keyframes ash-hint-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.ash-leave-portal{right:24px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:10;font-family:var(--ash-font-body);letter-spacing:.08em;color:#8a94ac;border:1px solid var(--ash-border);cursor:pointer;background:#080a10b3;border-radius:3px;min-height:44px;padding:10px 18px;font-size:.85rem;transition:all .2s;position:absolute}.ash-leave-portal:hover{color:#fff;border-color:var(--ash-accent)}.ash-intro{z-index:12;background:#000;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.6s both ash-fade-in;display:flex;position:absolute;inset:0}.ash-intro-lines{text-align:center;justify-content:center;align-items:center;max-width:52rem;min-height:6em;display:flex}.ash-intro-line{font-family:var(--ash-font-body);letter-spacing:.05em;color:#dcd8ce;margin:0;font-size:clamp(1.05rem,2.6vw,1.55rem);line-height:1.75}.ash-intro-title{font-family:var(--ash-font-display);letter-spacing:.24em;color:#e8ecf6;text-shadow:0 0 26px #7a98c466;margin:0;font-size:clamp(1.8rem,5vw,3.2rem);animation:.8s both ash-fade-in}.ash-intro-skip{right:28px;bottom:calc(24px + env(safe-area-inset-bottom,0px));font-family:var(--ash-font-display);letter-spacing:.2em;color:#b6bed0;cursor:pointer;background:#0a0c1299;border:1px solid #8c9cbe59;border-radius:3px;min-height:44px;padding:10px 20px;font-size:.82rem;transition:color .2s,border-color .2s;position:absolute}.ash-intro-skip:hover,.ash-intro-skip:focus-visible{color:#fff;border-color:var(--ash-accent)}.ash-tutorial-hint{font-family:var(--ash-font-body);letter-spacing:.08em;color:#e6dcc2;pointer-events:none;z-index:6;background:#0a0c12d9;border:1px solid #d9b96a73;border-radius:3px;padding:10px 22px;font-size:.92rem;animation:.3s both ash-toast-in;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}.ash-tutorial-key{font-family:var(--ash-font-body);color:#f2e6bf;background:0 0;border:none;font-weight:600}.ash-tutorial-wrap{pointer-events:none;z-index:7;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.ash-tutorial-panel{pointer-events:auto;text-align:left;background:linear-gradient(160deg,#d9c9a3 0%,#cbb98f 60%,#bda87e 100%);border:1px solid #8a774f;border-radius:4px;align-items:flex-start;gap:16px;max-width:34rem;padding:26px 30px;animation:.25s both ash-fade-in;display:flex;box-shadow:0 10px 40px #0009,inset 0 0 40px #785a2840}.ash-tutorial-rune{color:#59471f;font-size:1.2rem;line-height:1.4}.ash-tutorial-text{font-family:var(--ash-font-body);letter-spacing:.03em;color:#241b10;margin:0;font-size:1.05rem;line-height:1.6}@media (width<=640px){.ash-panel{padding:26px 22px}.ash-menu{min-width:260px}.ash-setting span{flex-basis:110px;font-size:.9rem}.ash-key{flex-basis:100px}.ash-control-row{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.ash-screen,.ash-you-died,.ash-victory-title,.ash-logo-rune,.ash-playing-hint,.ash-intro,.ash-intro-title,.ash-tutorial-panel,.ash-tutorial-hint{animation:none}.ash-btn,.ash-leave-portal,.ash-loading-fill,.ash-intro-skip{transition:none}}