*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0d12;--panel:#171a21;--panel-2:#1d2029;--border:#262b36;--text:#e4e7ec;--muted:#838c9c;--faint:#5b6472;--blue:#6fa8ff;--purple:#b084f0;--green:#6fd9a0;--amber:#f0b860;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s ease;--transition-base:.25s ease}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--faint)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:var(--radius-sm)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}code,pre,kbd{font-family:var(--font-mono)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.section-container{max-width:860px;margin:0 auto;padding:0 24px}.section-label{font-family:var(--font-mono);color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fluid-bg{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}*,:before,:after{cursor:none!important}.cc-block{z-index:10000;pointer-events:none;background:var(--blue);width:3px;height:20px;box-shadow:0 0 8px var(--blue), 0 0 20px #6fa8ff66;opacity:0;will-change:transform;border-radius:1px;justify-content:center;align-items:center;transition:width .15s,height .15s,border-radius .15s,background .15s,box-shadow .15s,opacity .15s;animation:1.1s step-end infinite cc-blink;display:flex;position:fixed;top:0;left:0}@keyframes cc-blink{0%,to{opacity:1}50%{opacity:.15}}.cc-block--visible{opacity:1}.cc-block--hover{border:1.5px solid var(--blue);opacity:1;background:#6fa8ff26;border-radius:4px;width:22px;height:22px;animation:none;box-shadow:0 0 12px #6fa8ff59,0 0 28px #6fa8ff26}.cc-block__prompt{font-family:var(--font-mono);color:var(--blue);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500;line-height:1}.cc-block--click{background:var(--green);box-shadow:0 0 12px var(--green);transform:scale(.75)!important}.cc-ring{z-index:9999;pointer-events:none;opacity:0;will-change:transform;border:1px solid #6fa8ff4d;border-radius:50%;width:36px;height:36px;transition:width .2s,height .2s,border-color .2s,opacity .2s;position:fixed;top:0;left:0;box-shadow:0 0 10px #6fa8ff1a}.cc-ring--visible{opacity:1}.cc-ring--hover{border-color:#6fa8ff80;width:48px;height:48px}.cc-ring--click{border-color:#6fd9a099;width:28px;height:28px}@media (hover:none) and (pointer:coarse){*,:before,:after{cursor:auto!important}.cc-block,.cc-ring{display:none}}@media (prefers-reduced-motion:reduce){.cc-block{opacity:1;animation:none}}.nav-tabs{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0b0d12cc;position:sticky;top:0}.nav-tabs__inner{align-items:stretch;gap:8px;max-width:960px;height:48px;margin:0 auto;padding:0 16px;display:flex}.nav-tabs__brand{border-right:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;padding-right:16px;display:flex}.nav-tabs__brand-dot{opacity:.7;border-radius:50%;width:10px;height:10px}.nav-tabs__list{scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:0;list-style:none;display:flex;overflow-x:auto}.nav-tabs__list::-webkit-scrollbar{display:none}.nav-tabs__tab{border:none;border-right:1px solid var(--border);height:100%;color:var(--muted);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none;background:0 0;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:400;display:flex;position:relative}.nav-tabs__tab:hover{color:var(--text);background:#ffffff08}.nav-tabs__tab--active{color:var(--text);background:#ffffff0a}.nav-tabs__icon{opacity:.7;font-size:11px}.nav-tabs__label{font-size:12px}.nav-tabs__underline{background:var(--blue);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}@media (width<=600px){.nav-tabs__tab{justify-content:center;padding:0 14px}.nav-tabs__icon{opacity:.9;font-size:15px;display:inline-block}.nav-tabs__label{display:none}}.hero{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:100svh;padding:80px 24px 56px;display:flex;position:relative}.hero__inner{grid-template-columns:1fr 1fr;align-items:center;gap:48px;width:100%;max-width:1080px;display:grid}.hero-profile{flex-direction:column;align-items:center;gap:24px;display:flex}.hero-profile__frame-wrap{flex-shrink:0;width:260px;height:260px;position:relative}.hero-profile__ring{background:linear-gradient(var(--bg), var(--bg)) padding-box, conic-gradient(from 0deg, var(--blue) 0%, var(--purple) 25%, transparent 50%, var(--green) 75%, var(--blue) 100%) border-box;border:1px solid #0000;border-radius:50%;animation:8s linear infinite ring-spin;position:absolute;inset:-12px}.hero-profile__ring--2{background:linear-gradient(var(--bg), var(--bg)) padding-box, conic-gradient(from 180deg, var(--amber) 0%, transparent 40%, var(--purple) 70%, transparent 100%) border-box;opacity:.5;border-width:1px;animation:14s linear infinite reverse ring-spin;inset:-22px}@keyframes ring-spin{to{transform:rotate(360deg)}}.hero-profile__frame{border:2px solid var(--border);border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #6fa8ff1f,0 0 40px #6fa8ff1f,0 0 80px #b084f014,inset 0 0 20px #00000080}.hero-profile__photo{object-fit:cover;width:100%;height:100%;display:block}.hero-profile__corner{z-index:2;width:16px;height:16px;position:absolute}.hero-profile__corner--tl{border-top:2px solid var(--blue);border-left:2px solid var(--blue);border-radius:2px 0 0;top:4px;left:4px}.hero-profile__corner--tr{border-top:2px solid var(--blue);border-right:2px solid var(--blue);border-radius:0 2px 0 0;top:4px;right:4px}.hero-profile__corner--bl{border-bottom:2px solid var(--blue);border-left:2px solid var(--blue);border-radius:0 0 0 2px;bottom:4px;left:4px}.hero-profile__corner--br{border-bottom:2px solid var(--blue);border-right:2px solid var(--blue);border-radius:0 0 2px;bottom:4px;right:4px}.hero-profile__meta{text-align:center}.hero-profile__name{font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;margin-bottom:6px;font-size:22px;font-weight:500}.hero-profile__title{font-family:var(--font-mono);color:var(--muted);font-size:13px}.hero-profile__badge{font-family:var(--font-mono);color:var(--green);letter-spacing:.04em;background:#6fd9a014;border:1px solid #6fd9a040;border-radius:20px;align-items:center;gap:7px;padding:5px 14px;font-size:11px;display:inline-flex}.hero-profile__badge-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-profile__stats{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:20px;width:100%;padding:14px 20px;display:flex}.hero-profile__stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.hero-profile__stat-num{font-family:var(--font-mono);font-size:18px;font-weight:500;line-height:1}.hero-profile__stat-label{color:var(--faint);text-align:center;letter-spacing:.04em;font-size:10px}.hero-profile__stat-divider{background:var(--border);flex-shrink:0;width:1px;height:32px}.hero-profile__socials{gap:10px;display:flex}.hero-profile__social{border-radius:var(--radius-md);background:var(--panel);border:1px solid var(--border);width:38px;height:38px;color:var(--muted);transition:color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.hero-profile__social:hover{color:var(--blue);border-color:var(--blue);background:#6fa8ff14;transform:translateY(-2px)}.hero-terminal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 32px 80px #00000080,0 0 60px #6fa8ff0f}.hero-terminal__titlebar{background:var(--panel-2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.hero-terminal__dots{flex-shrink:0;gap:6px;display:flex}.hero-dot{border-radius:50%;width:12px;height:12px}.hero-dot--red{background:#ff5f57}.hero-dot--yellow{background:#ffbd2e}.hero-dot--green{background:#28ca41}.hero-terminal__tabs{flex:1;gap:0;display:flex;overflow:hidden}.hero-terminal__tab{font-family:var(--font-mono);color:var(--muted);border-right:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding:2px 14px;font-size:12px;overflow:hidden}.hero-terminal__tab--active{color:var(--text);background:var(--panel)}.hero-terminal__actions{gap:4px;display:flex}.hero-terminal__action-dot{background:var(--faint);border-radius:50%;width:4px;height:4px}.hero-terminal__body{flex:1;min-height:200px;padding:16px 0}.hero-code-line{align-items:baseline;line-height:1.75;display:flex}.hero-code-line--filler{opacity:.3}.hero-code-line__num{font-family:var(--font-mono);color:var(--faint);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:44px;padding-right:16px;font-size:12px}.hero-code-line__content{font-family:var(--font-mono);color:var(--text);white-space:pre;font-size:13.5px}.syn-keyword{color:var(--blue)}.syn-var{color:var(--text)}.syn-key{color:var(--purple)}.syn-string{color:var(--green)}.syn-bool{color:var(--blue)}.syn-bracket{color:var(--muted)}.syn-punct{color:var(--faint)}.syn-text{color:var(--text)}.syn-shell-prompt{color:var(--green);font-weight:500}.syn-shell-cmd{color:var(--muted)}.syn-shell-out{color:var(--green)}.hero-cursor{color:var(--blue);animation:1.1s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-terminal__statusbar{background:var(--blue);font-family:var(--font-mono);color:#0b0d12e6;flex-shrink:0;align-items:center;gap:16px;padding:5px 16px;font-size:11px;display:flex}.hero-terminal__status-item{align-items:center;gap:5px;display:flex}.hero-terminal__status-dot{border-radius:50%;width:6px;height:6px}.hero-terminal__status-dot--green{background:#28ca41}.hero-terminal__status-spacer{flex:1}.hero-terminal__status-live{color:#0b0d12;font-weight:500}.hero-terminal__ctas{background:var(--panel-2);border-top:1px solid var(--border);flex-shrink:0;gap:10px;padding:16px;display:flex}.hero-btn{border-radius:var(--radius-md);font-family:var(--font-mono);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 20px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.hero-btn:hover{text-decoration:none;transform:translateY(-2px)}.hero-btn--primary{background:var(--blue);color:#0b0d12;border:none;box-shadow:0 0 20px #6fa8ff4d}.hero-btn--primary:hover{background:#90bfff;box-shadow:0 0 30px #6fa8ff80}.hero-btn--outline{color:var(--muted);border:1px solid var(--border);background:0 0}.hero-btn--outline:hover{border-color:var(--blue);color:var(--blue);background:#6fa8ff0f}.hero-cta-text{font-size:medium}.hero__scroll-hint{font-family:var(--font-mono);color:var(--faint);letter-spacing:.06em;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}@media (width<=860px){.hero__inner{grid-template-columns:1fr;gap:32px;max-width:520px}.hero-profile__frame-wrap{width:200px;height:200px}.hero-profile__name{font-size:20px}}@media (width<=480px){.hero{padding:72px 16px 40px}.hero-profile__frame-wrap{width:160px;height:160px}.hero-profile__ring{inset:-8px}.hero-profile__ring--2{inset:-15px}.hero-terminal__ctas{flex-direction:column}.hero-profile__stats{gap:12px;padding:10px 14px}.hero-profile__stat-num{font-size:16px}}.status-bar{z-index:150;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);height:32px;font-family:var(--font-mono);color:var(--muted);-webkit-user-select:none;user-select:none;background:#0b0d12eb;font-size:11px;position:fixed;bottom:0;left:0;right:0}.status-bar__inner{justify-content:space-between;align-items:center;gap:12px;height:100%;padding:0 16px;display:flex}.status-bar__group{align-items:center;gap:10px;display:flex}.status-bar__item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.status-bar__item--live{color:var(--green);font-weight:500}.status-bar__dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.status-bar__mono{color:var(--text);font-variant-numeric:tabular-nums}.status-bar__divider{background:var(--border);width:1px;height:14px}.status-bar__icon{opacity:.8;font-size:11px}.status-bar__ticker{max-width:320px;overflow:hidden}.status-bar__ticker-text{white-space:nowrap;color:var(--faint);font-size:10.5px}.status-bar__btn{color:var(--faint);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;padding:2px 8px;font-size:10px}.status-bar__btn:hover{color:var(--text);background:#ffffff0d}.status-bar__btn--active{color:var(--blue);background:#6fa8ff14;border-color:#6fa8ff40}.status-bar__cmd-btn{border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;align-items:center;gap:6px;padding:2px 8px;font-size:10px;display:inline-flex}.status-bar__cmd-btn:hover{border-color:var(--blue);color:var(--blue);background:#6fa8ff14}.status-bar__cmd-kbd{background:var(--panel-2);border:1px solid var(--border);color:var(--amber);border-radius:2px;padding:1px 4px;font-size:9.5px}@media (width<=768px){.status-bar__desktop-only{display:none!important}}@media (width<=480px){.status-bar__label{display:none}}.skills-json-section{z-index:1;padding:100px 0;position:relative}.skills-json__card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 48px #0006}.skills-json__titlebar{background:var(--panel-2);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;display:flex}.skills-json__dots{gap:6px;display:flex}.skills-json__dot{border-radius:50%;width:10px;height:10px}.skills-json__filename{font-family:var(--font-mono);color:var(--muted);font-size:12px}.skills-json__body{padding:20px 0}.skills-json__line{font-family:var(--font-mono);color:var(--text);padding:1px 24px;font-size:14px;line-height:1.8}.skills-json__indent{white-space:pre;display:inline}.skills-json__key{color:var(--purple)}.skills-json__string{color:var(--green)}.skills-json__bracket{color:var(--muted)}.skills-json__punct{color:var(--faint)}@media (width<=480px){.skills-json__line{font-size:12px}}.contact-section{z-index:1;padding:100px 0 60px;position:relative}.contact-terminal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px;overflow:hidden;box-shadow:0 16px 48px #0006}.contact-terminal__titlebar{background:var(--panel-2);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;display:flex}.contact-terminal__dots{align-items:center;display:flex}.contact-terminal__filename{font-family:var(--font-mono);color:var(--muted);font-size:12px}.contact-terminal__body{padding:20px 24px}.contact-term-line{font-family:var(--font-mono);font-size:13px;line-height:1.8}.contact-term-prompt{color:var(--green);font-weight:500}.contact-term-cmd{color:var(--muted)}.contact-term-output{font-family:var(--font-mono);padding-left:4px;font-size:13px;line-height:1.8}.contact-term-arrow{color:var(--faint)}.contact-term-green{color:var(--green)}.contact-term-muted{color:var(--muted)}.contact-term-spacer{height:16px}.contact-term-cursor{color:var(--blue);animation:1.1s step-end infinite cursor-blink}.contact-success{margin-top:4px}.contact-form{flex-direction:column;gap:0;margin-top:4px;display:flex}.contact-field{border-left:2px solid var(--border);transition:border-color var(--transition-fast);align-items:flex-start;gap:8px;margin-bottom:4px;padding:8px 0 8px 12px;display:flex}.contact-field--focused{border-left-color:var(--blue)}.contact-field--textarea{align-items:flex-start}.contact-field__label{font-family:var(--font-mono);color:var(--purple);flex-shrink:0;min-width:68px;padding-top:2px;font-size:12px}.contact-field__input{color:var(--text);font-family:var(--font-mono);resize:vertical;caret-color:var(--blue);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:13px;line-height:1.5}.contact-field__input::placeholder{color:var(--faint)}.contact-submit{border-radius:var(--radius-md);color:var(--blue);font-family:var(--font-mono);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#6fa8ff1a;border:1px solid #6fa8ff4d;align-self:flex-start;align-items:center;gap:0;margin-top:12px;padding:10px 20px;font-size:13px;display:inline-flex}.contact-submit:hover{border-color:var(--blue);background:#6fa8ff2e;transform:translateY(-1px)}.contact-submit__prompt{color:var(--green);margin-right:6px}.contact-submit__arrow{margin-left:4px}.contact-links{flex-wrap:wrap;gap:8px 24px;margin-bottom:16px;display:flex}.contact-links a,.contact-copy-btn{font-family:var(--font-mono);color:var(--muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:13px}.contact-links a:hover,.contact-copy-btn:hover{color:var(--blue);text-decoration:none}.contact-footer{font-family:var(--font-mono);color:var(--faint);padding-bottom:32px;font-size:11px}.contact-footer__green{color:var(--green)}.contact-local-toast{z-index:250;background:var(--panel-2);border:1px solid var(--green);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono);align-items:center;gap:8px;padding:10px 18px;font-size:12px;display:flex;position:fixed;bottom:48px;right:24px;box-shadow:0 10px 30px #00000080,0 0 16px #6fd9a040}.contact-local-toast span{color:var(--green);font-weight:500}.browser-preview{background:var(--bg);border-left:1px solid var(--border);overscroll-behavior:contain;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.browser-header{background:var(--panel-2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:8px 14px;display:flex}.browser-controls{gap:4px;display:flex}.browser-btn{border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);background:#ffffff0a;justify-content:center;align-items:center;font-size:11px;display:flex}.browser-btn:hover{color:var(--text);border-color:var(--blue)}.browser-url-bar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--muted);flex:1;align-items:center;gap:8px;padding:4px 12px;font-size:11.5px;display:flex;overflow:hidden}.browser-lock{font-size:11px}.browser-url{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browser-url-route{color:var(--blue);font-weight:500}.browser-status{font-family:var(--font-mono);color:var(--green);align-items:center;gap:6px;font-size:10.5px;display:flex}.browser-status-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 6px var(--green);border-radius:50%}.browser-viewport{scrollbar-width:thin;scrollbar-color:var(--border) transparent;overscroll-behavior:contain;touch-action:pan-y;flex:1;padding:24px 20px;overflow-y:auto}.browser-loading{height:100%;font-family:var(--font-mono);color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.browser-spinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite browser-spin}@keyframes browser-spin{to{transform:rotate(360deg)}}.browser-content{max-width:860px;margin:0 auto}.preview-section-header{margin-bottom:20px}.preview-section-title{font-family:var(--font-mono);color:var(--text);margin-top:4px;font-size:20px;font-weight:500}.preview-projects-grid{flex-direction:column;gap:16px;display:flex}.preview-project-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);padding:20px}.preview-project-card:hover{border-color:var(--accent-color)}.preview-project-header{margin-bottom:8px}.preview-project-role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.preview-project-title{font-family:var(--font-mono);color:var(--text);margin-top:2px;font-size:18px;font-weight:500}.preview-project-desc{color:var(--muted);margin-bottom:14px;font-size:13.5px;line-height:1.6}.preview-project-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.preview-tag{border:1px solid var(--border);font-family:var(--font-mono);color:var(--muted);background:#ffffff0a;border-radius:4px;padding:2px 8px;font-size:10.5px}.preview-project-actions{align-items:center;gap:10px;display:flex}.preview-btn{border-radius:var(--radius-md);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.preview-btn--primary{background:var(--blue);color:#0b0d12}.preview-btn--primary:hover{background:#90bfff;text-decoration:none}.preview-btn--outline{color:var(--muted);border:1px solid var(--border);background:0 0}.preview-btn--outline:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}.preview-badge-private{font-family:var(--font-mono);color:var(--faint);background:var(--panel-2);border-radius:var(--radius-sm);border:1px solid var(--border);padding:4px 10px;font-size:11px}.preview-services-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.preview-service-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);padding:20px}.preview-service-card:hover{border-color:var(--accent-color)}.preview-service-fn{font-family:var(--font-mono);color:var(--muted);margin-bottom:12px;font-size:11px}.preview-service-title-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.preview-service-icon{font-size:18px}.preview-service-title{font-family:var(--font-sans);color:var(--text);font-size:15px}.preview-service-desc{color:var(--muted);margin-bottom:12px;font-size:13px;line-height:1.6}.preview-service-status{font-family:var(--font-mono);border-top:1px solid var(--border);padding-top:10px;font-size:11px}.preview-about-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.preview-about-title{font-family:var(--font-mono);color:var(--text);margin-top:4px;font-size:24px}.preview-about-sub{font-family:var(--font-mono);color:var(--purple);margin-bottom:16px;font-size:13px}.preview-about-body{color:var(--muted);font-size:14px;line-height:1.7}.preview-welcome{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:60px 20px}.preview-welcome-icon{margin-bottom:12px;font-size:36px;display:block}.preview-welcome h3{font-family:var(--font-mono);color:var(--text);margin-bottom:8px;font-size:18px}.preview-welcome p{color:var(--muted);max-width:440px;margin:0 auto 20px;font-size:13.5px}.preview-quick-links{font-family:var(--font-mono);color:var(--faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.preview-quick-links code{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--blue);padding:2px 8px}@media (width<=600px){.preview-services-grid{grid-template-columns:1fr}}.cmd-backdrop{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:contain;touch-action:pan-y;background:#0b0d12d9;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.cmd-backdrop--maximized{padding-top:0}.cmd-modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;width:100%;max-width:750px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 24px 60px #0009,0 0 0 1px #ffffff0d}.cmd-modal--maximized{border:none;border-radius:0;width:100vw;max-width:100vw;height:100svh}.cmd-modal--matrix{border-color:var(--green);box-shadow:0 0 30px #6fd9a033}.cmd-titlebar{background:var(--panel-2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:8px 16px;display:flex}.cmd-titlebar__dots{align-items:center;gap:6px;display:flex}.cmd-dot{cursor:pointer;width:11px;height:11px;transition:transform var(--transition-fast);border-radius:50%}.cmd-dot:hover{transform:scale(1.15)}.cmd-dot--red{background:#ff5f57}.cmd-dot--yellow{background:#ffbd2e}.cmd-dot--green{background:#28ca41}.cmd-titlebar__center{align-items:center;gap:12px;display:flex}.cmd-titlebar__title{font-family:var(--font-mono);color:var(--muted);font-size:11.5px}.cmd-hint-highlight{font-family:var(--font-mono);color:var(--amber);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#f0b8601f;border:1px solid #f0b8604d;border-radius:12px;padding:2px 8px;font-size:11px;animation:2s ease-in-out infinite hint-glow}.cmd-hint-highlight:hover{border-color:var(--amber);background:#f0b86038}@keyframes hint-glow{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.cmd-titlebar__right{align-items:center;gap:10px;display:flex}.cmd-toggle-max-btn{border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0a;padding:3px 8px;font-size:10.5px}.cmd-toggle-max-btn:hover{border-color:var(--blue);color:var(--blue)}.cmd-titlebar__esc{font-family:var(--font-mono);color:var(--faint);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;font-size:10px}.cmd-mobile-switcher{background:var(--panel);border:1px solid var(--border);border-radius:20px;gap:2px;padding:2px;display:none}.cmd-mobile-tab{color:var(--muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:3px 10px;font-size:10.5px}.cmd-mobile-tab--active{background:var(--panel-2);color:var(--blue);font-weight:500}.cmd-workspace{flex-direction:column;flex:1;display:flex;overflow:hidden}.cmd-workspace--split{grid-template-columns:1fr 1fr;display:grid}.cmd-terminal-pane{background:var(--panel);flex-direction:column;height:100%;display:flex;overflow:hidden}.cmd-preview-pane{flex-direction:column;height:100%;display:flex;overflow:hidden}.cmd-body{font-family:var(--font-mono);scrollbar-width:thin;scrollbar-color:var(--border) transparent;overscroll-behavior:contain;touch-action:pan-y;flex:1;padding:16px;font-size:12.5px;line-height:1.65;overflow-y:auto}.cmd-line--input pre{color:var(--blue);font-weight:500}.cmd-line--output pre{color:var(--text);white-space:pre-wrap}.cmd-line--error pre{color:#ff5f57}.cmd-input-form{border-top:1px solid var(--border);background:var(--panel-2);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.cmd-prompt{color:var(--green);font-family:var(--font-mono);font-weight:500}.cmd-input{font-family:var(--font-mono);color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.cmd-input::placeholder{color:var(--faint)}.cmd-chips{background:var(--bg);border-top:1px solid var(--border);flex-shrink:0;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.cmd-chip{border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#ffffff0a;padding:3px 8px;font-size:11px}.cmd-chip:hover{border-color:var(--blue);color:var(--blue);background:#6fa8ff14}@media (width<=768px){.cmd-workspace--split{flex-direction:column;display:flex}.cmd-modal{margin:0 10px}.cmd-titlebar__title{display:none}.cmd-mobile-switcher{display:flex}.cmd-titlebar__esc{display:none}.cmd-pane--mobile-hidden{display:none!important}}.toast-container{z-index:250;background:var(--panel-2);border:1px solid var(--green);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono);align-items:center;gap:10px;padding:10px 16px;font-size:12px;display:flex;position:fixed;bottom:48px;right:24px;box-shadow:0 10px 30px #00000080,0 0 16px #6fd9a033}.toast-icon{color:var(--green);font-weight:500}.toast-close{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:6px}main{z-index:1;position:relative}