:root{--haptic-duration-micro:8;--haptic-duration-tap:15;--haptic-duration-strong:35;--color-white:#fafafa;--color-white-rgb:250, 250, 250;--color-black:#000;--color-black-rgb:0, 0, 0;--color-dark:#0d0d0d;--color-dark-rgb:13, 13, 13;--color-gray-100:#f5f5f5;--color-gray-100-rgb:245, 245, 245;--color-gray-200:#dedede;--color-gray-200-rgb:222, 222, 222;--color-gray-400:#b3b3b3;--color-gray-400-rgb:179, 179, 179;--color-gray-800:#1e1e1e;--color-gray-800-rgb:30, 30, 30;--color-yellow-100:#e8ff00;--color-yellow-100-rgb:232, 255, 0;--color-yellow-50:#f5ff66;--color-yellow-50-rgb:245, 255, 102;--color-yellow-30:#ff9;--color-yellow-30-rgb:255, 255, 153;--color-cobalt-100:#2b3aff;--color-cobalt-100-rgb:43, 58, 255;--font-family-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-family-body:"Instrument Sans", system-ui, sans-serif;--font-family-mono:"JetBrains Mono", system-ui, monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-bold:700;--font-weight-black:800;--font-size-10:.625rem;--font-size-12:.75rem;--font-size-16:1rem;--font-size-24:1.5rem;--font-size-32:2rem;--line-height-16:1rem;--line-height-20:1.25rem;--line-height-24:1.5rem;--line-height-32:2rem;--line-height-40:2.5rem;--letter-spacing-tight:-.01em;--letter-spacing-normal:.03em;--space-4:.25rem;--space-8:.5rem;--space-12:.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-32:2rem;--space-40:2.5rem;--space-48:3rem;--space-50:3.125rem;--space-60:3.75rem;--space-64:4rem;--space-70:4.375rem;--space-80:5rem;--space-100:6.25rem;--space-120:7.5rem;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:1.75rem;--radius-3xl:2rem;--radius-pill:999px;--border-width-default:1px;--border-width-thicker:1.5px;--shadow-tabbar:0 12px 40px;--shadow-sheet:0 24px 64px;--blur-surface:15px;--blur-overlay:10px;--blur-peek:5px;--z-base:1;--z-float:10;--z-tabbar:20;--z-sheet:50;--motion-duration-fast:.16s;--motion-duration-moderate:.22s;--motion-duration-sheet:.28s;--motion-ease-standard:ease;--motion-ease-emphasized:cubic-bezier(.16, 1, .3, 1);--motion-ease-spring:cubic-bezier(.34, 1.16, .64, 1);--haptic-feedback-step:var(--haptic-duration-micro);--haptic-feedback-select:var(--haptic-duration-tap);--haptic-feedback-confirm:var(--haptic-duration-strong)}:root,html[data-theme=light]{--color-tint-rgb:var(--color-dark-rgb);--color-inverse-rgb:var(--color-white-rgb);--background-page:var(--color-white);--background-light:var(--color-gray-100);--background-intense:var(--color-yellow-30);--background-surface:rgba(var(--color-white-rgb), .75);--background-surface-strong:rgba(var(--color-white-rgb), .9);--background-surface-light:rgba(var(--color-white-rgb), .5);--background-inverse:var(--color-dark);--background-overlay:rgba(var(--tint-rgb), .3);--background-expressive:var(--color-yellow-100);--color-tabbar-start:#dedede66;--color-tabbar-end:#fafafa00;--background-tabbar:linear-gradient(to bottom, var(--color-tabbar-start), var(--color-tabbar-end));--text-primary:var(--color-dark);--text-secondary:rgba(var(--color-tint-rgb), .75);--text-tertiary:rgba(var(--color-tint-rgb), .55);--text-inverse:var(--color-white);--text-white:var(--color-white);--border-subtle:rgba(var(--color-tint-rgb), .1);--border-default:rgba(var(--color-tint-rgb), .15);--border-strong:rgba(var(--color-yellow-100-rgb), 1);--border-inverse:rgba(var(--color-inverse-rgb), .15);--shadow-color-default:rgba(var(--color-dark-rgb), .2);--shadow-color-strong:rgba(var(--color-dark-rgb), .15);--font-display-32:var(--font-weight-black) var(--font-size-32) / var(--line-height-40) var(--font-family-display);--font-display-32-light:var(--font-weight-light) var(--font-size-32) / var(--line-height-40) var(--font-family-display);--font-display-24:var(--font-weight-black) var(--font-size-24) / var(--line-height-32) var(--font-family-display);--font-display-24-light:var(--font-weight-light) var(--font-size-24) / var(--line-height-32) var(--font-family-display);--font-display-16:var(--font-weight-black) var(--font-size-16) / var(--line-height-24) var(--font-family-display);--font-display-12:var(--font-weight-black) var(--font-size-12) / var(--line-height-24) var(--font-family-display);--font-display-10:var(--font-weight-black) var(--font-size-10) / var(--line-height-16) var(--font-family-display);--font-body-16:var(--font-weight-light) var(--font-size-16) / var(--line-height-24) var(--font-family-body);--font-body-12:var(--font-weight-regular) var(--font-size-12) / var(--line-height-24) var(--font-family-body);--font-body-10:var(--font-weight-regular) var(--font-size-10) / var(--line-height-16) var(--font-family-body);--font-mono-16:var(--font-weight-regular) var(--font-size-16) / var(--line-height-24) var(--font-family-mono);--font-mono-12:var(--font-weight-regular) var(--font-size-12) / var(--line-height-24) var(--font-family-mono);--font-mono-10:var(--font-weight-regular) var(--font-size-10) / var(--line-height-16) var(--font-family-mono);--letter-spacing-display:var(--letter-spacing-normal);--letter-spacing-body:var(--letter-spacing-tight);--page-max-width:40rem;--page-padding-l:var(--space-40);--page-padding-r:var(--space-60);--page-padding-t:var(--space-50);--page-padding-b:var(--space-100);--safe-area-bottom:env(safe-area-inset-bottom,0px);--control-height:2.5rem;--control-padding-x:.875rem;--control-radius:var(--radius-pill);--tabbar-offset-bottom:calc(var(--space-8) + var(--safe-area-bottom));--sheet-offset-bottom:calc(5rem + var(--safe-area-bottom));--sheet-padding:var(--space-12);--sheet-width:min(38rem, calc(100% - var(--space-16)));--sheet-radius:var(--radius-2xl);--sheet-background:var(--background-page);--sheet-text:var(--text-primary);--sheet-border:var(--border-subtle);--sheet-shadow:var(--shadow-sheet);--sheet-padding-mobile:var(--space-16);--sheet-handle-width:var(--space-40);--sheet-handle-height:var(--space-4);--sheet-handle-color:var(--border-default);--overlay-backdrop:var(--background-overlay);--overlay-blur:var(--blur-overlay)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-tint-rgb:var(--color-white-rgb);--color-inverse-rgb:var(--color-dark-rgb);--background-page:var(--color-dark);--background-light:var(--color-gray-800);--background-intense:var(--color-black);--background-surface:rgba(var(--color-dark-rgb), .75);--background-surface-strong:rgba(var(--color-dark-rgb), .9);--background-surface-light:rgba(var(--color-dark-rgb), .5);--background-inverse:var(--color-white);--color-tabbar-start:#1e1e1e66;--color-tabbar-end:#0d0d0d00;--background-tabbar:linear-gradient(to bottom, var(--color-tabbar-start), var(--color-tabbar-end));--text-primary:var(--color-white);--text-inverse:var(--color-dark);--text-white:var(--color-white);--shadow-color-default:rgba(var(--color-black-rgb), .5);--shadow-color-strong:rgba(var(--color-black-rgb), .75);--sheet-background:var(--background-surface-strong);--sheet-border:var(--border-subtle)}}html[data-theme=dark]{--color-tint-rgb:var(--color-white-rgb);--color-inverse-rgb:var(--color-dark-rgb);--background-page:var(--color-dark);--background-light:var(--color-gray-800);--background-intense:var(--color-black);--background-surface:rgba(var(--color-dark-rgb), .75);--background-surface-strong:rgba(var(--color-dark-rgb), .9);--background-surface-light:rgba(var(--color-dark-rgb), .5);--background-inverse:var(--color-white);--color-tabbar-start:#1e1e1e66;--color-tabbar-end:#0d0d0d00;--background-tabbar:linear-gradient(to bottom, var(--color-tabbar-start), var(--color-tabbar-end));--text-primary:var(--color-white);--text-inverse:var(--color-dark);--text-white:var(--color-white);--shadow-color-default:rgba(var(--color-black-rgb), .5);--shadow-color-strong:rgba(var(--color-black-rgb), .75);--sheet-background:var(--background-surface-strong);--sheet-border:var(--border-subtle)}@media (prefers-reduced-motion:reduce){:root:not([data-motion=standard]){--motion-duration-fast:.01ms!important;--motion-duration-moderate:.01ms!important;--motion-duration-sheet:.01ms!important}}html[data-motion=reduced] *,html[data-motion=reduced] :before,html[data-motion=reduced] :after{--motion-duration-fast:.01ms!important;--motion-duration-moderate:.01ms!important;--motion-duration-sheet:.01ms!important;transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}*,:before,:after{box-sizing:border-box}html{text-size-adjust:100%}body{background:var(--background-page);min-height:100vh;color:var(--text-primary);font:var(--font-body-16);letter-spacing:var(--letter-spacing-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--motion-duration-moderate) var(--motion-ease-standard), color var(--motion-duration-moderate) var(--motion-ease-standard);margin:0}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font:var(--font-display-32-light);letter-spacing:var(--letter-spacing-display);margin:0}h1.bold,h2.bold,h3.bold,h4.bold,h5.bold,h6.bold,h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font:var(--font-display-32)}p{font:var(--font-body-16);letter-spacing:var(--letter-spacing-body);margin:0}main{min-height:100vh;max-width:var(--page-max-width);margin:0 auto}section{gap:var(--space-48);flex-direction:column;display:flex}.page-container{gap:var(--space-64);width:100%;padding:var(--page-padding-t) var(--page-padding-r) var(--page-padding-b) var(--page-padding-l);flex-direction:column;margin-inline:auto;display:flex}.text-display{font:var(--font-display-default);letter-spacing:var(--letter-spacing-display)}.text-display--strong{font:var(--font-display-strong)}.text-body{font:var(--font-body-16);letter-spacing:var(--letter-spacing-body)}.text-body--muted{color:var(--text-secondary)}.surface-glass{background:var(--background-surface);border:var(--border-width-default) solid var(--border-subtle);backdrop-filter:blur(var(--blur-surface))}.tabs{left:50%;bottom:var(--tabbar-offset-bottom);width:min(35rem, calc(100% - var(--space-24)));align-items:center;gap:var(--space-16);justify-content:space-between;max-width:24rem;display:flex;position:fixed;transform:translate(-50%)}.tabbar,.contacttab{background:var(--background-tabbar);border-bottom:var(--border-width-default) solid var(--border-inverse);border-top:var(--border-width-default) solid var(--border-inverse);border-radius:var(--radius-xl);box-shadow:var(--shadow-tabbar) var(--shadow-color-default);backdrop-filter:blur(var(--blur-peek));z-index:var(--z-tabbar);transition:opacity var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard), filter var(--motion-duration-fast) var(--motion-ease-standard)}.tabbar{padding:var(--space-16) var(--space-32);flex-grow:1;justify-content:space-between;align-items:center;display:flex}.contacttab{padding:var(--space-16);border-radius:var(--radius-pill);justify-content:space-between}.tabbar-link{color:var(--text-secondary);transition:background var(--motion-duration-fast) var(--motion-ease-standard), color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:0;border-radius:1000px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.tabbar-link:after{content:"";bottom:calc(-1 * var(--space-8));width:var(--space-8);height:var(--space-4);opacity:0;background:var(--background-inverse);border-radius:var(--space-8);transition:all var(--motion-duration-fast) var(--motion-ease-standard);position:absolute;left:50%;transform:translate(-50%)}.tabbar-link:hover{color:var(--text-primary);transform:all var(--motion-duration-fast) var(--motion-ease-standard)}.tabbar-link:hover:after{opacity:1}.tabbar-link.is-active:after{content:"";bottom:calc(-1 * var(--space-8));width:var(--space-20);height:var(--space-4);opacity:1;background:var(--background-expressive);border-radius:var(--space-8);transition:all var(--motion-duration-fast) var(--motion-ease-standard);position:absolute;left:50%;transform:translate(-50%)}.tabbar-link.is-active{color:var(--text-primary)}.tabbar-icon{flex-shrink:0}.sheet{background:var(--background-page);box-shadow:var(--shadow-sheet) var(--shadow-color-strong);border-radius:var(--radius-2xl);padding:var(--space-16)}.control{min-height:var(--control-height);padding-inline:var(--control-padding-x);border-radius:var(--control-radius);border:var(--border-width-default) solid var(--border-default);background:var(--background-surface-strong);color:var(--text-primary);font:var(--font-body-16);letter-spacing:var(--letter-spacing-body);transition:background var(--motion-duration-fast) var(--motion-ease-standard), border-color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-fast) var(--motion-ease-standard), opacity var(--motion-duration-fast) var(--motion-ease-standard);justify-content:center;align-items:center;display:inline-flex}.control:hover{background:var(--background-page)}.reveal-wrapper{display:block;overflow:hidden}.reveal-text{opacity:0;animation:revealUp .65s var(--motion-ease-emphasized) forwards;animation-delay:calc(var(--idx) * .12s);display:inline-block;transform:translateY(100%)}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.bento-card,.fact-card{animation:linear both scrollInFade;animation-timeline:view();animation-range:entry 5% cover 25%}}@keyframes scrollInFade{0%{opacity:0;transform:translateY(2.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bento-card,.control,.tabbar-link,.settings-btn{transition-timing-function:var(--motion-ease-spring)!important}.bento-card:hover{box-shadow:0 12px 32px var(--shadow-color-strong);transform:translateY(-4px)scale(1.01)}.control:hover{transform:scale(1.03)}html[data-layout-mode=terminal],html[data-layout-mode=terminal] body{overflow-x:hidden;background-color:var(--color-dark)!important}html[data-layout-mode=terminal] .page-container{height:100dvh;gap:0!important;max-width:none!important;padding:0!important}html[data-layout-mode=terminal] .tabbar{display:none}html[data-layout-mode=terminal] .global-footer{margin:0}