html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family-base);color:var(--color-gray-dark);transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--color-pastel-white)}.layout{min-height:100vh;display:flex;flex-direction:column}.layout--mobile-menu-open{overflow:hidden;height:100vh}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--chrome-gradient);border-top:var(--border-width) solid var(--border-color);font-family:var(--font-family-base);font-size:12px;transition:background-color .3s ease,border-color .3s ease}.footer__icons{display:flex;gap:var(--space-sm)}.footer__icon{width:28px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:var(--border-width) solid var(--border-color);background:var(--color-gray);box-shadow:var(--shadow-outset)}.footer__icon:hover{box-shadow:var(--shadow-inset)}.fa-github{color:var(--color-pastel-blue)}.fa-linkedin{color:var(--color-pastel-pink)}@media(max-width:720px){.footer{font-size:11px}}.header{display:flex;flex-direction:column;border-bottom:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);font-family:var(--font-family-base);position:relative;z-index:1001;transition:background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out}.header__top-bar{display:flex;background:var(--chrome-gradient);justify-content:flex-end;padding:var(--space-xs) var(--space-md);border-bottom:var(--border-width) solid var(--border-color)}.header__bottom-bar{display:grid;background:var(--color-gray-light);grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}@media(max-width:763px){.header__bottom-bar{grid-template-columns:auto 1fr auto}}.header__logo{font-weight:700;letter-spacing:2px;position:relative;overflow:hidden}.header__logo a{position:relative;z-index:2;display:block;padding:var(--space-xs) var(--space-md);border:var(--border-width) solid var(--border-color);background:var(--color-gray);box-shadow:var(--shadow-outset);transition:all .25s ease-in-out}@media(hover:hover)and (pointer:fine){.header__logo:hover a{animation:crt-refresh 1.6s ease-in-out infinite}.header__logo:hover:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#ffffff0d 0px 1px,#00000026 1px 2px);z-index:3;pointer-events:none}.header__logo:hover:after{content:"";position:absolute;top:0;left:0;right:0;height:15px;background:linear-gradient(180deg,#0f00,#0f03,#0f00);z-index:4;animation:scan-line 1.6s ease-in-out infinite;pointer-events:none}}@media(pointer:coarse){.header__logo.play-once a{animation:crt-refresh 1.6s ease-in-out}.header__logo.play-once:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#ffffff0d 0px 1px,#00000026 1px 2px);z-index:3;pointer-events:none}.header__logo.play-once:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,65,.9),transparent);z-index:4;animation:scan-line 1.6s ease-in-out;pointer-events:none}}.header__nav{display:inline-flex;gap:var(--space-sm);justify-self:center}@media(min-width:768px){.header__nav{justify-content:flex-start;margin-left:3rem}}@media(max-width:767px){.header__nav{display:none}}.header__nav-item{padding:var(--space-xs) var(--space-md);border:var(--border-width) solid var(--border-color);background:var(--color-gray);box-shadow:var(--shadow-outset);cursor:pointer}.header__nav-item:hover{box-shadow:var(--shadow-inset)}.header__nav-underline{text-decoration:underline}.header__window-controls{display:inline-flex;gap:var(--space-xs)}.header__ctrl-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:var(--border-width) solid var(--border-color);background:var(--color-gray);box-shadow:var(--shadow-outset);font-weight:600}@media(hover:hover){.header__ctrl-btn:hover{box-shadow:var(--shadow-inset)}}@media(hover:none){.header__ctrl-btn:active{box-shadow:var(--shadow-inset)}}.header__mobile-toggle{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:var(--border-width) solid var(--border-color);background:var(--color-gray);box-shadow:var(--shadow-outset);font-weight:700;cursor:pointer;position:relative;justify-self:end}.header__mobile-toggle:active{box-shadow:var(--shadow-inset)}.header__mobile-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:767px){.header__mobile-toggle{display:flex}}.header__hamburger{position:relative;width:20px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.header__hamburger span{display:block;height:2px;width:80%;background-color:var(--color-gray-dark);border-radius:1px;transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center}.header__hamburger--open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.header__hamburger--open span:nth-child(2){opacity:0;transform:scale(0)}.header__hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.header__mobile-overlay{position:fixed;inset:88px 0 0;padding:var(--space-md);background:var(--color-gray-light);z-index:1000;display:flex;flex-direction:column;transition:opacity .3s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none}.header__mobile-overlay--open{opacity:1;pointer-events:auto}@media(min-width:768px){.header__mobile-overlay{display:none}}.header__aux-actions{display:inline-flex;gap:var(--space-sm)}@media(min-width:768px){.header__aux-actions{gap:1rem}}@media(max-width:767px){.header__aux-actions{display:none}}.header__mobile-nav{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;max-width:760px;align-items:center}.header__mobile-nav .header__mobile-nav-item:nth-child(1){animation-delay:0ms}.header__mobile-nav .header__mobile-nav-item:nth-child(2){animation-delay:50ms}.header__mobile-nav .header__mobile-nav-item:nth-child(3){animation-delay:.1s}.header__mobile-nav-item{display:block;text-align:center;padding:var(--space-lg) var(--space-md);border:var(--border-width) solid var(--border-color);background:var(--color-gray);box-shadow:var(--shadow-outset);font-size:1.4em;font-weight:600;width:100%;min-width:200px;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease-in-out}.header__mobile-nav-item:hover{box-shadow:var(--shadow-inset)}@media (max-width: var(--breakpoint-md)){.header__mobile-nav-item{position:relative}.header__mobile-nav-item:focus,.header__mobile-nav-item:active{box-shadow:var(--shadow-inset)}}.header__divider{height:0;border-top:var(--border-width) solid var(--border-color);margin:var(--space-lg) 0;width:100%}.header__mobile-actions{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;max-width:760px;align-items:center;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);animation-delay:.15s}.header__mobile-actions button{width:100%;min-width:150px}.header__mobile-actions .header__theme-button{width:100%}.header__mobile-actions .header__theme-button .theme-switcher{width:100%;min-width:150px;justify-content:center}.header__mobile-actions .header__language-button{width:100%}.header__mobile-actions .header__language-button .language-switcher{width:100%;min-width:150px;justify-content:center}.header__theme-button{position:relative;transition:all .25s ease-in-out}.header__theme-button:hover{transform:scale(1.05)}.header__theme-button .theme-switcher:hover{transform:none;box-shadow:var(--shadow-inset)}.header__theme-button .theme-switcher:active{transform:translate(1px,1px)}.header__language-button{position:relative;transition:all .25s ease-in-out}.header__language-button:hover{transform:scale(1.05)}.header__language-button .language-switcher:hover{transform:none;box-shadow:var(--shadow-inset)}.header__language-button .language-switcher:active{transform:translate(1px,1px)}@keyframes crt-refresh{0%{background:var(--color-gray);filter:brightness(1)}20%{background:#ff66a3;filter:brightness(1.2) contrast(1.1)}40%{background:#66b2ff;filter:brightness(.9) contrast(1.2)}60%{background:#6c9;filter:brightness(1.3) contrast(.9)}80%{background:#fc6;filter:brightness(1.1) contrast(1.05)}to{background:var(--color-gray);filter:brightness(1)}}@keyframes scan-line{0%{transform:translateY(-100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(calc(100% + 40px));opacity:0}}.language-switcher{font-family:var(--font-family-base);background:var(--color-primary);border:var(--border-width) solid var(--border-color);color:var(--color-gray-dark);padding:calc(var(--space-sm) + 2px) var(--space-lg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow .15s ease,transform .05s ease;box-shadow:var(--shadow-outset);display:inline-flex;align-items:center;gap:var(--space-xs);justify-content:center}.language-switcher:hover{box-shadow:var(--shadow-inset)}.language-switcher:active{box-shadow:var(--shadow-inset);transform:translate(1px,1px)}.language-switcher:focus{outline:2px solid var(--color-accent);outline-offset:2px}.language-switcher__flag{font-size:1em;line-height:1}.language-switcher__text{font-size:1em;font-weight:400;line-height:1}.theme-switcher{font-family:var(--font-family-base);background:var(--color-primary);border:var(--border-width) solid var(--border-color);color:var(--color-gray-dark);padding:calc(var(--space-sm) + 2px) var(--space-lg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow .15s ease,transform .05s ease;box-shadow:var(--shadow-outset);display:inline-flex;align-items:center;justify-content:center}.theme-switcher:hover{box-shadow:var(--shadow-inset)}.theme-switcher:active{box-shadow:var(--shadow-inset);transform:translate(1px,1px)}.theme-switcher:focus{outline:2px solid var(--color-accent);outline-offset:2px}.theme-switcher__icon{font-size:1em;line-height:1}.about{width:100%;max-width:960px;margin:0 auto;padding:var(--space-lg);background:var(--color-white);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset)}.about__header{margin-bottom:var(--space-lg)}.about__title{margin:0 0 var(--space-xs);font-family:var(--font-family-base);font-weight:700;font-size:32px}.about__subtitle{margin:0;color:var(--color-gray-dark);opacity:.8;font-family:var(--font-family-base)}.about__intro-heading{margin:0 0 var(--space-sm);font-family:var(--font-family-base);font-weight:700}.about__intro-paragraph{margin:0 0 var(--space-md);font-family:var(--font-family-base);line-height:1.65}.title{margin:var(--space-lg) 0 var(--space-md);font-family:var(--font-family-base);font-weight:700}.about__skill-boxes{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.about__window-box{border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);background:var(--surface-lilac)}.about__title-bar{background:var(--color-pastel-purple);border-bottom:var(--border-width) solid var(--border-color);padding:var(--space-xs) var(--space-md);font-weight:600;color:var(--color-white)}.about__item-list{list-style:none;margin:0;padding:var(--space-md);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:grid;gap:var(--space-sm)}.about__values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.about__value-card{background:var(--surface-butter);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset),inset 1px 1px #ffffffa6,inset -1px -1px #0000000f;padding:var(--space-md);transition:box-shadow .15s ease}.about__value-card:hover{box-shadow:var(--shadow-inset)}.about__value-title{font-weight:700;margin-bottom:var(--space-sm)}.about__value-desc{font-family:var(--font-family-base)}@media(min-width:860px){.about__skill-boxes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.about__values-grid{grid-template-columns:1fr}}.mcpserver{width:100%;max-width:900px;margin:0 auto;padding:var(--space-lg);background:var(--color-white);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);font-family:var(--font-family-base);line-height:1.6;color:var(--color-gray-dark)}.mcpserver__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:var(--border-width) solid var(--border-color)}.mcpserver__title{margin:0;font-size:2rem;font-weight:700;line-height:1.2}.mcpserver__content{display:flex;flex-direction:column;gap:var(--space-lg)}.mcpserver__tldr{padding:var(--space-md);background:var(--color-pastel-yellow);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);border-left:4px solid var(--color-warning)}.mcpserver__tldr p{margin:0 0 var(--space-sm)}.mcpserver__tldr p:last-child{margin-bottom:0}.mcpserver__section{display:flex;flex-direction:column;gap:var(--space-md)}.mcpserver__heading{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--color-gray-dark)}.mcpserver__subheading{margin:var(--space-md) 0 var(--space-sm);font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--color-gray-dark)}.mcpserver__list{margin:var(--space-sm) 0;padding-left:var(--space-lg);list-style-type:disc}.mcpserver__list--ordered{list-style-type:decimal}.mcpserver__list li{margin-bottom:var(--space-xs)}.mcpserver__list li:last-child{margin-bottom:0}.mcpserver__list ul{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.mcpserver__blockquote{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-pastel-blue);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-outset)}.mcpserver__blockquote p{margin:0 0 var(--space-xs)}.mcpserver__blockquote p:last-child{margin-bottom:0}.mcpserver__code{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-pastel-green);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-inset);border-radius:4px;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5}.mcpserver__code code{display:block;white-space:pre;color:var(--color-gray-dark)}.mcpserver__link{color:var(--color-primary);text-decoration:underline;transition:color .15s ease}.mcpserver__link:hover{color:var(--color-secondary)}.mcpserver__link:visited{color:var(--color-pastel-purple)}.mcpserver__divider{margin:var(--space-lg) 0;border:none;border-top:var(--border-width) solid var(--border-color)}.mcpserver__external-link{padding:var(--space-md);background:var(--surface-lilac);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);text-align:center}.mcpserver__external-link p{margin:0 0 var(--space-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.mcpserver__external-link a{font-size:1.1rem;font-weight:600}.mcpserver__external-link svg{flex-shrink:0}.mcpserver__note{padding:var(--space-sm) var(--space-md);background:var(--color-pastel-blue);border:var(--border-width) solid var(--border-color);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-outset);margin:var(--space-md) 0}.mcpserver__note p{margin:0}.mcpserver__output{padding:var(--space-md);background:var(--color-gray-light);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-inset);border-radius:4px;margin:var(--space-md) 0;font-family:Courier New,Courier,monospace;font-size:.9rem}.mcpserver__output p{margin:0}[data-theme=dark] .mcpserver{background:var(--color-white);color:var(--color-gray-dark)}[data-theme=dark] .mcpserver__tldr{background:var(--color-pastel-yellow);color:#2d2d2d}[data-theme=dark] .mcpserver__blockquote{background:var(--color-pastel-blue);color:#2d2d2d}[data-theme=dark] .mcpserver__code{background:var(--color-pastel-white);color:var(--color-gray-dark)}[data-theme=dark] .mcpserver__code code{color:var(--color-gray-dark)}[data-theme=dark] .mcpserver__note{background:var(--color-pastel-blue);color:#2d2d2d}[data-theme=dark] .mcpserver__external-link{background:var(--surface-lilac);color:#2d2d2d}@media(max-width:720px){.mcpserver{padding:var(--space-md)}.mcpserver__title{font-size:1.5rem}.mcpserver__heading{font-size:1.25rem}.mcpserver__subheading{font-size:1.1rem}.mcpserver__code{font-size:.85rem;padding:var(--space-sm)}}.react2shell{width:100%;max-width:900px;margin:0 auto;padding:var(--space-lg);background:var(--color-white);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);font-family:var(--font-family-base);line-height:1.6;color:var(--color-gray-dark)}.react2shell__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:var(--border-width) solid var(--border-color)}.react2shell__title{margin:0;font-size:2rem;font-weight:700;line-height:1.2}.react2shell__content{display:flex;flex-direction:column;gap:var(--space-lg)}.react2shell__tldr{padding:var(--space-md);background:var(--color-pastel-yellow);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);border-left:4px solid var(--color-warning)}.react2shell__tldr p{margin:0 0 var(--space-sm)}.react2shell__tldr p:last-child{margin-bottom:0}.react2shell__section{display:flex;flex-direction:column;gap:var(--space-md)}.react2shell__heading{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--color-gray-dark)}.react2shell__subheading{margin:var(--space-md) 0 var(--space-sm);font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--color-gray-dark)}.react2shell__subheading-small{margin:var(--space-sm) 0 var(--space-xs);font-size:1.1rem;font-weight:600;line-height:1.4;color:var(--color-gray-dark)}.react2shell__list{margin:var(--space-sm) 0;padding-left:var(--space-lg);list-style-type:disc}.react2shell__list--ordered{list-style-type:decimal}.react2shell__list li{margin-bottom:var(--space-xs)}.react2shell__list li:last-child{margin-bottom:0}.react2shell__list ul{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.react2shell__blockquote{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-pastel-blue);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-outset)}.react2shell__blockquote p{margin:0 0 var(--space-xs)}.react2shell__blockquote p:last-child{margin-bottom:0}.react2shell__blockquote pre{margin:var(--space-sm) 0 0}.react2shell__code{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-pastel-green);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-inset);border-radius:4px;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5}.react2shell__code code{display:block;white-space:pre;color:var(--color-gray-dark)}.react2shell__link{color:var(--color-primary);text-decoration:underline;transition:color .15s ease}.react2shell__link:hover{color:var(--color-secondary)}.react2shell__link:visited{color:var(--color-pastel-purple)}.react2shell__divider{margin:var(--space-lg) 0;border:none;border-top:var(--border-width) solid var(--border-color)}p code{padding:2px 4px;background:var(--color-pastel-white);border:1px solid var(--border-color);border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9em}[data-theme=dark] .react2shell{background:var(--color-white);color:var(--color-gray-dark)}[data-theme=dark] .react2shell__tldr{background:var(--color-pastel-yellow);color:#2d2d2d}[data-theme=dark] .react2shell__blockquote{background:var(--color-pastel-blue);color:#2d2d2d}[data-theme=dark] .react2shell__code{background:var(--color-pastel-white);color:var(--color-gray-dark)}[data-theme=dark] .react2shell__code code{color:var(--color-gray-dark)}[data-theme=dark] p code{background:var(--color-pastel-white);color:var(--color-gray-dark)}@media(max-width:720px){.react2shell{padding:var(--space-md)}.react2shell__title{font-size:1.5rem}.react2shell__heading{font-size:1.25rem}.react2shell__subheading{font-size:1.1rem}.react2shell__code{font-size:.85rem;padding:var(--space-sm)}}.websocket{width:100%;max-width:900px;margin:0 auto;padding:var(--space-lg);background:var(--color-white);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);font-family:var(--font-family-base);line-height:1.6;color:var(--color-gray-dark)}.websocket__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:var(--border-width) solid var(--border-color)}.websocket__title{margin:0;font-size:2rem;font-weight:700;line-height:1.2}.websocket__content{display:flex;flex-direction:column;gap:var(--space-lg)}.websocket__tldr{padding:var(--space-md);background:var(--color-pastel-yellow);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);border-left:4px solid var(--color-warning)}.websocket__tldr p{margin:0 0 var(--space-sm)}.websocket__tldr p:last-child{margin-bottom:0}.websocket__section{display:flex;flex-direction:column;gap:var(--space-md)}.websocket__heading{margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--color-gray-dark)}.websocket__subheading{margin:var(--space-md) 0 var(--space-sm);font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--color-gray-dark)}.websocket__list{margin:var(--space-sm) 0;padding-left:var(--space-lg);list-style-type:disc}.websocket__list--ordered{list-style-type:decimal}.websocket__list li{margin-bottom:var(--space-xs)}.websocket__list li:last-child{margin-bottom:0}.websocket__list ul{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.websocket__blockquote{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-pastel-blue);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-outset)}.websocket__blockquote p{margin:0 0 var(--space-xs)}.websocket__blockquote p:last-child{margin-bottom:0}.websocket__code{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-pastel-green);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-inset);border-radius:4px;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5}.websocket__code code{display:block;white-space:pre;color:var(--color-gray-dark)}.websocket__link{color:var(--color-primary);text-decoration:underline;transition:color .15s ease}.websocket__link:hover{color:var(--color-secondary)}.websocket__link:visited{color:var(--color-pastel-purple)}.websocket__divider{margin:var(--space-lg) 0;border:none;border-top:var(--border-width) solid var(--border-color)}.websocket__external-link{padding:var(--space-md);background:var(--surface-lilac);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);text-align:center}.websocket__external-link p{margin:0 0 var(--space-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.websocket__external-link a{font-size:1.1rem;font-weight:600}.websocket__external-link svg{flex-shrink:0}.websocket__note{padding:var(--space-sm) var(--space-md);background:var(--color-pastel-blue);border:var(--border-width) solid var(--border-color);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-outset);margin:var(--space-md) 0}.websocket__note p{margin:0}.websocket__output{padding:var(--space-md);background:var(--color-gray-light);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-inset);border-radius:4px;margin:var(--space-md) 0;font-family:Courier New,Courier,monospace;font-size:.9rem}.websocket__output p{margin:0}p{margin:var(--space-sm) 0}p code,h3 code{padding:2px 4px;background:var(--color-pastel-white);border:1px solid var(--border-color);border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9em}[data-theme=dark] .websocket{background:var(--color-white);color:var(--color-gray-dark)}[data-theme=dark] .websocket__tldr{background:var(--color-pastel-yellow);color:#2d2d2d}[data-theme=dark] .websocket__blockquote{background:var(--color-pastel-blue);color:#2d2d2d}[data-theme=dark] .websocket__code{background:var(--color-pastel-white);color:var(--color-gray-dark)}[data-theme=dark] .websocket__code code{color:var(--color-gray-dark)}[data-theme=dark] .websocket__note{background:var(--color-pastel-blue);color:#2d2d2d}[data-theme=dark] .websocket__external-link{background:var(--surface-lilac);color:#2d2d2d}[data-theme=dark] p code,[data-theme=dark] h3 code{background:var(--color-pastel-white);color:var(--color-gray-dark)}@media(max-width:720px){.websocket{padding:var(--space-md)}.websocket__title{font-size:1.5rem}.websocket__heading{font-size:1.25rem}.websocket__subheading{font-size:1.1rem}.websocket__code{font-size:.85rem;padding:var(--space-sm)}}.articles{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-lg);background:var(--color-white);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);--articles-card-gradient: linear-gradient( 135deg, var(--color-pastel-orange) 0%, var(--color-secondary) 50%, var(--color-warning) 100% )}.articles__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.articles__card{display:grid;grid-template-columns:1fr;gap:var(--space-md);align-items:stretch;background:var(--articles-card-gradient);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset),inset 1px 1px #fff9,inset -1px -1px #0000000f;padding:var(--space-md);transition:box-shadow .15s ease}.articles__card:hover{box-shadow:var(--shadow-inset)}.articles__card--has-image{grid-template-columns:220px 1fr}.articles__image{width:100%;height:100%;object-fit:cover;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);display:block}.articles__content{display:flex;flex-direction:column;gap:var(--space-sm)}.articles__title{margin:0;font-family:var(--font-family-base);font-weight:700}.articles__excerpt{margin:0;font-family:var(--font-family-base);font-size:14px}.articles__meta{font-size:12px}.articles__actions{margin-top:var(--space-sm)}[data-theme=dark] .articles{--articles-card-gradient: linear-gradient(135deg, #d3a78f 0%, #b985ad 50%, #c8a958 100%)}[data-theme=dark] .articles__card{background:var(--articles-card-gradient);color:#2d2d2d;box-shadow:var(--shadow-outset),inset 1px 1px #ffffff1a,inset -1px -1px #00000026}[data-theme=dark] .articles__title{color:#1a1a1a;font-weight:700}[data-theme=dark] .articles__excerpt{color:#2d2d2d;opacity:.95}[data-theme=dark] .articles__meta{color:#404040;opacity:.9}@media(max-width:720px){.articles__card{grid-template-columns:1fr}.articles__image{height:auto}}._button_lkxah_1{font-family:var(--font-family-base);background:var(--color-primary);border:var(--border-width) solid var(--border-color);color:var(--color-gray-dark);padding:calc(var(--space-sm) + 2px) var(--space-lg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow .15s ease,transform .05s ease;box-shadow:var(--shadow-outset);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:1rem}._button_lkxah_1:hover{box-shadow:var(--shadow-inset)}._button_lkxah_1:active{box-shadow:var(--shadow-inset);transform:translate(1px,1px)}.home{display:grid;grid-template-columns:1fr;gap:var(--space-lg);padding:0 var(--space-lg)}.panel{width:100%;max-width:880px;margin:0 auto;background:var(--surface-butter);padding:var(--space-lg);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset)}.home__hero{text-align:center}.title{margin:0 0 var(--space-md);font-family:var(--font-family-base);font-weight:700}.home__text{margin:0 0 var(--space-lg);font-family:var(--font-family-base)}.home__actions{display:flex;gap:var(--space-md);justify-content:center}.title--center{text-align:center}.home__features{margin:0 auto;width:100%;max-width:1100px}.home__features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);max-width:1100px;margin:0 auto}.home__feature-card{background:var(--surface-mint);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);padding:var(--space-md);transition:box-shadow .15s ease}.home__feature-card:hover{box-shadow:var(--shadow-inset)}.home__feature-title{margin:0 0 var(--space-xs);font-weight:700;font-family:var(--font-family-base)}.home__feature-desc{margin:0;font-family:var(--font-family-base)}@media(max-width:640px){.panel{padding:var(--space-md)}.home__actions{gap:var(--space-sm)}.home__features-grid{grid-template-columns:1fr}}@media(max-width:960px)and (min-width:641px){.home__features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--color-gray-light: #e0e0e0;--color-gray: #c0c0c0;--color-gray-dark: hsl(0, 0%, 33%);--color-white: #ffffff;--color-pastel-pink: #ffc2e6;--color-pastel-blue: #a7c7ff;--color-pastel-green: #cdeccf;--color-pastel-yellow: #ffe8a3;--color-pastel-purple: #c8b6ff;--color-pastel-orange: #ffe2cc;--color-pastel-white: #fff6f0;--color-pastel-cyan: #00ffcc;--color-primary: var(--color-pastel-blue);--color-secondary: var(--color-pastel-pink);--color-accent: var(--color-pastel-cyan);--color-warning: var(--color-pastel-yellow);--surface-lilac: #f5f3ff;--surface-mint: #eaf6ef;--surface-butter: #fff7c2;--surface-mint-deep: #d8eddf;--chrome-gradient: linear-gradient(90deg, #ffc2e6 0%, #c8b6ff 50%, #a7c7ff 100%);--chrome-subtle: #dcdde4;--font-family-base: "Sora", sans-serif;--border-width: 2px;--border-color: var(--color-gray-dark);--shadow-inset: inset 2px 2px var(--color-gray-dark);--shadow-outset: 2px 2px var(--color-gray-dark);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem}[data-theme=dark]{--color-gray-light: #1a1a1a;--color-gray: #2d2d2d;--color-gray-dark: #e0e0e0;--color-white: #0f0f0f;--color-pastel-pink: #d4a5c7;--color-pastel-blue: #7a9bdc;--color-pastel-green: #8bc5a0;--color-pastel-yellow: #d4c47a;--color-pastel-purple: #b8a6d4;--color-pastel-orange: #d4b396;--color-pastel-white: #161616;--color-primary: var(--color-pastel-blue);--color-secondary: var(--color-pastel-pink);--color-accent: var(--color-pastel-green);--color-warning: var(--color-pastel-yellow);--surface-lilac: #1f1a24;--surface-mint: #1a2420;--surface-butter: #242218;--surface-mint-deep: #151e18;--chrome-gradient: linear-gradient(90deg, #3a2d3a 0%, #2d2938 50%, #2d3440 100%);--chrome-subtle: #252530;--border-color: #404040;--shadow-inset: inset 2px 2px #404040;--shadow-outset: 2px 2px #404040}.projects-section{width:100%;max-width:1100px;margin:0 auto}.projects__tabs{display:flex;gap:var(--space-xs);margin-bottom:-2px}.projects__tab{padding:var(--space-sm) var(--space-md);font-family:var(--font-family-base);font-size:18px;font-weight:600;background:var(--color-white);border:var(--border-width) solid var(--border-color);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:2px -1px var(--color-gray-dark);cursor:pointer;position:relative;z-index:1;transition:background-color .2s ease,transform .15s ease}.projects__tab:hover{background:var(--surface-lilac)}.projects__tab--active{background:var(--color-pastel-purple);font-weight:600;z-index:2;box-shadow:2px -1px var(--color-gray-dark),-2px 0 0 0 var(--color-white)}.projects__tab--active:hover{background:var(--color-pastel-purple)}.projects__tab--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-pastel-purple)}.projects{width:100%;min-height:500px;padding:var(--space-lg);background:var(--color-white);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);position:relative;z-index:1}.projects__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.projects__card{display:flex;flex-direction:column;gap:var(--space-sm);height:320px;background:var(--surface-mint-deep);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset),inset 1px 1px #ffffffa6,inset -1px -1px #0000000f;padding:var(--space-md);transition:box-shadow .15s ease,background-color .2s ease}.projects__card-header{display:flex;align-items:center;gap:var(--space-sm)}.projects__icon{font-size:20px}.projects__name{margin:0;font-family:var(--font-family-base);font-weight:700}.projects__description{margin:0;font-family:var(--font-family-base);font-size:14px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.projects__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.projects__tag{padding:2px 8px;font-size:12px;border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-outset);background:var(--color-secondary)}.projects__actions{margin-top:var(--space-sm)}@media(max-width:1024px){.projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-theme=dark] .projects__tag{background:#c4a6b8;color:#fff;border-color:#8a7884;box-shadow:inset 1px 1px #fff3,1px 1px #8a7884}[data-theme=dark] .projects__tab--active{background:#dfd0ff;color:#333}@media(max-width:640px){.projects__grid{grid-template-columns:1fr}.projects__tabs{width:100%}.projects__tab{flex:1;text-align:center}.projects{min-height:500px}}