.project-screenshot{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.project-lightbox{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.project-lightbox__content{flex-direction:column;gap:1rem;width:min(1200px,90vw);max-height:90vh;display:flex}.project-lightbox__content img{object-fit:contain;border-radius:8px;width:100%;max-height:80vh}.project-lightbox__footer{color:#fff;justify-content:space-between;gap:1rem;display:flex}.project-lightbox__close,.project-lightbox__arrow{z-index:1001;color:#fff;cursor:pointer;background:0 0;border:0;position:fixed}.project-lightbox__close{font-size:3rem;top:1.5rem;right:2rem}.project-lightbox__arrow{font-size:4rem;top:50%;transform:translateY(-50%)}.project-lightbox__arrow--left{left:2rem}.project-lightbox__arrow--right{right:2rem}@media (width<=700px){.project-lightbox{padding:1rem}.project-lightbox__arrow{font-size:3rem}.project-lightbox__arrow--left{left:.5rem}.project-lightbox__arrow--right{right:.5rem}.project-lightbox__close{top:.5rem;right:1rem}}.hero{width:100%;height:100dvh;padding:clamp(2rem, 5vh, 5rem) var(--page-padding-x);align-items:center;display:flex;overflow:hidden}.hero__container{width:100%;max-width:var(--container-lg);grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);align-items:center;gap:clamp(2rem,5vw,5rem);height:100%;margin:0 auto;display:grid}.hero__content{flex-direction:column;justify-content:center;min-width:0;max-height:100%;display:flex}.hero__file{width:fit-content;margin-bottom:var(--space-4);background:var(--color-brand-soft);border-radius:var(--radius-md);color:var(--color-brand);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;padding:.4rem .7rem;display:inline-flex}.hero__title{max-width:11ch;color:var(--color-text-heading);font-size:clamp(2.7rem,4.7vw,4.6rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin:0;line-height:.98}.hero__description{max-width:34rem;margin:var(--space-4) 0 var(--space-6);color:var(--color-text-muted);font-size:clamp(.95rem, 1.3vw, var(--font-size-lg));line-height:var(--line-height-relaxed)}.hero__actions{align-items:center;gap:var(--space-3);margin-top:var(--space-5);display:flex}.hero__button{min-height:var(--button-height-md);padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), transform var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.hero__button:hover{transform:translateY(-2px)}.hero__button--primary{background:var(--color-text-heading);border:1px solid var(--color-text-heading);color:var(--color-text-inverse)}.hero__button--secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.hero__button--secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.hero-image{justify-content:center;align-items:center;width:100%;max-width:min(32rem,42vw);max-height:82vh;margin-left:auto;display:flex;position:relative}.hero-image__background{aspect-ratio:1;background:linear-gradient(145deg, var(--color-brand-muted), var(--color-bg-muted));border-radius:42% 58% 57% 43%/45% 39% 61% 55%;width:84%;position:absolute;transform:rotate(-5deg)}.hero-image__image{z-index:var(--z-base);object-fit:contain;width:100%;max-height:82vh;position:relative}@media (width<=900px){.hero{padding:var(--space-6) var(--space-5)}.hero__container{gap:var(--space-6);grid-template-columns:1fr .65fr}.hero__title{font-size:clamp(2.2rem,5vw,3.5rem)}.hero__description{margin:var(--space-3) 0 var(--space-4)}.hero__actions{margin-top:var(--space-4)}.hero-image{max-width:23rem}}@media (width<=700px){.hero{height:auto;min-height:100dvh;padding:var(--space-8) var(--space-4);align-items:flex-start;overflow:visible}.hero__container{grid-template-columns:1fr}.hero-image{display:none}.hero__title{font-size:clamp(2rem,10vw,3rem)}.hero__description{font-size:.9rem}}.terminal{border-radius:var(--radius-xl);cursor:text;background:#17191e;border:1px solid #2e3138;width:100%;max-width:44rem;overflow:hidden;box-shadow:0 20px 50px #1113181f,0 2px 6px #11131814}.terminal__header{height:2.85rem;padding:0 var(--space-4);-webkit-user-select:none;user-select:none;background:#22252b;border-bottom:1px solid #30333a;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.terminal__controls{align-items:center;gap:.45rem;display:flex}.terminal__dot{border-radius:var(--radius-full);width:.7rem;height:.7rem}.terminal__dot--red{background:#ff5f57}.terminal__dot--yellow{background:#febc2e}.terminal__dot--green{background:#28c840}.terminal__title{color:#8f949e;font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.terminal__header-space{width:100%}.terminal__body{height:clamp(14rem,34dvh,22rem);padding:var(--space-5);font-family:var(--font-family-mono);overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#3c4048 transparent;font-size:.875rem;line-height:1.65;overflow:hidden auto}.terminal__body::-webkit-scrollbar{width:.45rem}.terminal__body::-webkit-scrollbar-track{background:0 0}.terminal__body::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#3c4048}.terminal__body::-webkit-scrollbar-thumb:hover{background:#50545e}.terminal__history{gap:var(--space-4);flex-direction:column;display:flex}.terminal__entry{gap:var(--space-2);flex-direction:column;display:flex}.terminal__command,.terminal__input-line{white-space:nowrap;align-items:center;min-width:0;display:flex}.terminal__prompt{color:#72c891;font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.terminal__separator{color:#aeb3bd;-webkit-user-select:none;user-select:none}.terminal__path{color:#719bea;-webkit-user-select:none;user-select:none}.terminal__symbol{color:#d7dae0;-webkit-user-select:none;user-select:none;margin-right:.55rem}.terminal__command-text{color:#f0f1f3;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.terminal__output{color:#b8bdc7;font:inherit;line-height:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.terminal__input-line{margin-top:var(--space-4)}.terminal__input-wrapper{flex:1;min-width:0}.terminal__input{color:#f0f1f3;caret-color:#f0f1f3;width:100%;font:inherit;line-height:inherit;appearance:none;background:0 0;border:none;outline:none;margin:0;padding:0;display:block}.terminal__input:focus{outline:none}.terminal__input::selection{background:#719bea4d}.terminal:focus-within{border-color:#3a3f49;box-shadow:0 20px 50px #1113181f,0 2px 6px #11131814,0 0 0 1px #719bea14}@media (width<=700px){.terminal{border-radius:var(--radius-lg);max-width:none}.terminal__header{height:2.65rem;padding:0 var(--space-3)}.terminal__body{height:22rem;padding:var(--space-4);font-size:.78rem}.terminal__title{font-size:.7rem}.terminal__dot{width:.62rem;height:.62rem}}.terminal--matrix{border-color:#00ff41;box-shadow:0 0 1rem #00ff4129,0 0 2.5rem #00ff4114}.terminal--matrix .terminal__header{background:#071009;border-color:#00ff4138}.terminal--matrix .terminal__body{background:repeating-linear-gradient(0deg,#00ff4105 0 1px,#0000 1px 4px),#020604}.terminal--matrix .terminal__output,.terminal--matrix .terminal__command-text,.terminal--matrix .terminal__input,.terminal--matrix .terminal__symbol,.terminal--matrix .terminal__title,.terminal--matrix .terminal__path,.terminal--matrix .terminal__prompt{color:#00ff41;caret-color:#00ff41;text-shadow:0 0 .4rem #00ff418c}.terminal--matrix .terminal__body{animation:.12s steps(2,end) infinite matrix-flicker}@keyframes matrix-flicker{0%{filter:brightness()}50%{filter:brightness(1.05)}to{filter:brightness(.98)}}.projects-page{width:100%;min-height:100dvh;padding:clamp(2rem, 5vh, 4rem) var(--page-padding-x);background:var(--color-bg);color:var(--color-text)}.projects-header{width:100%;max-width:var(--container-lg);margin:0 auto var(--space-6)}.projects-header__breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-text-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-sm);display:flex}.projects-header__breadcrumb strong{color:var(--color-brand);font-weight:var(--font-weight-medium)}.projects-header__title{color:var(--color-text-heading);font-size:clamp(2.2rem,4vw,3.4rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin:0;line-height:1.05}.projects-header__description{max-width:38rem;margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.explorer-window{width:100%;max-width:var(--container-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 auto;overflow:hidden}.explorer-titlebar{height:2.8rem;padding:0 var(--space-4);background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.explorer-titlebar__left{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);display:flex}.explorer-titlebar__folder{color:#eab84d;width:1rem;height:1rem}.explorer-titlebar__controls{align-items:center;gap:var(--space-4);display:flex}.explorer-titlebar__controls span{background:var(--color-text-subtle);width:.7rem;height:1px;display:block}.explorer-titlebar__controls span:nth-child(2){border:1px solid var(--color-text-subtle);background:0 0;width:.65rem;height:.65rem}.explorer-titlebar__controls span:nth-child(3){background:0 0;width:.7rem;height:.7rem;position:relative}.explorer-titlebar__controls span:nth-child(3):before,.explorer-titlebar__controls span:nth-child(3):after{content:"";background:var(--color-text-subtle);width:.75rem;height:1px;position:absolute;top:50%;left:50%}.explorer-titlebar__controls span:nth-child(3):before{transform:translate(-50%,-50%)rotate(45deg)}.explorer-titlebar__controls span:nth-child(3):after{transform:translate(-50%,-50%)rotate(-45deg)}.explorer-toolbar{align-items:center;gap:var(--space-3);min-height:3.5rem;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.explorer-toolbar__navigation{align-items:center;gap:var(--space-1);display:flex}.explorer-icon-button{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.explorer-icon-button:hover{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text)}.explorer-icon-button svg{width:1rem;height:1rem}.explorer-address{min-width:0;height:2.25rem;padding:0 var(--space-3);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);white-space:nowrap;flex:1;align-items:center;gap:.45rem;display:flex;overflow:hidden}.explorer-address__home{width:.9rem;height:.9rem;color:var(--color-text-subtle);flex-shrink:0}.explorer-address__separator{color:var(--color-text-disabled)}.explorer-address strong{color:var(--color-brand);font-weight:var(--font-weight-medium)}.explorer-toolbar__view{margin-left:auto}.explorer-layout{grid-template-columns:13.5rem minmax(0,1fr);min-height:31rem;display:grid}.explorer-sidebar{min-width:0;padding:var(--space-4) var(--space-3);background:var(--color-bg-soft);border-right:1px solid var(--color-border)}.explorer-sidebar__heading{margin:0 var(--space-2) var(--space-3);color:var(--color-text-subtle);font-family:var(--font-family-mono);font-size:.68rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;display:block}.explorer-sidebar__navigation{flex-direction:column;gap:.15rem;display:flex}.explorer-sidebar__item{border-radius:var(--radius-md);width:100%;min-height:2.35rem;color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:0;align-items:center;gap:.65rem;padding:0 .75rem;display:flex;overflow:hidden}.explorer-sidebar__item:hover{background:var(--color-surface-hover);color:var(--color-text)}.explorer-sidebar__item--active{background:var(--color-brand-soft);color:var(--color-brand);font-weight:var(--font-weight-medium)}.explorer-sidebar__item svg{color:#eab84d;flex-shrink:0;width:1rem;height:1rem}.explorer-sidebar__item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.explorer-content{min-width:0;padding:var(--space-5);background:var(--color-surface)}.explorer-content__header{min-height:2.5rem;margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.explorer-content__header>div{flex-direction:column;gap:.15rem;display:flex}.explorer-content__location{color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.explorer-content__count{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.explorer-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.explorer-project{border-radius:var(--radius-lg);min-width:0;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:1px solid #0000;padding:0;overflow:hidden}.explorer-project:hover{background:var(--color-surface-hover);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.explorer-project:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.explorer-project__preview{aspect-ratio:16/9;background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;overflow:hidden}.explorer-project__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.explorer-project:hover .explorer-project__image{transform:scale(1.02)}.explorer-project__placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.explorer-project__placeholder svg{color:#eab84d;width:4rem;height:4rem}.explorer-project__body{padding:var(--space-3)}.explorer-project__name{align-items:center;gap:var(--space-2);min-width:0;margin-bottom:var(--space-2);color:var(--color-text-heading);font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:flex}.explorer-project__name span:after{content:"/"}.explorer-project__folder{color:#eab84d;flex-shrink:0;width:1.1rem;height:1.1rem}.explorer-project__description{min-height:2.8rem;color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;line-height:1.5}.explorer-project__technologies{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.explorer-project__technology{background:var(--color-bg-muted);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);color:var(--color-text-subtle);font-family:var(--font-family-mono);padding:.2rem .4rem;font-size:.67rem}.explorer-empty{justify-content:center;align-items:center;gap:var(--space-2);min-height:20rem;color:var(--color-text-subtle);text-align:center;flex-direction:column;display:flex}.explorer-empty svg{width:4rem;height:4rem;margin-bottom:var(--space-2);color:#eab84d;opacity:.7}.explorer-empty strong{color:var(--color-text);font-size:var(--font-size-sm)}.explorer-empty span{font-size:var(--font-size-sm)}.explorer-statusbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:2.1rem;padding:0 var(--space-4);background:var(--color-bg-soft);border-top:1px solid var(--color-border);color:var(--color-text-subtle);font-family:var(--font-family-mono);font-size:.68rem;display:flex}@media (width<=800px){.projects-page{padding:var(--space-6) var(--space-4)}.projects-header{margin-bottom:var(--space-5)}.explorer-window{border-radius:var(--radius-lg)}.explorer-titlebar__controls{display:none}.explorer-toolbar{gap:var(--space-2)}.explorer-toolbar__navigation .explorer-icon-button:nth-child(2),.explorer-address span:first-of-type,.explorer-address span:nth-of-type(2),.explorer-address span:nth-of-type(3),.explorer-address span:nth-of-type(4){display:none}.explorer-layout{min-height:0;display:block}.explorer-sidebar{padding:var(--space-2);border-right:0;border-bottom:1px solid var(--color-border);scrollbar-width:none;overflow-x:auto}.explorer-sidebar::-webkit-scrollbar{display:none}.explorer-sidebar__heading{display:none}.explorer-sidebar__navigation{gap:var(--space-1);flex-direction:row;width:max-content}.explorer-sidebar__item{width:auto;padding:0 var(--space-3);white-space:nowrap}.explorer-sidebar__item svg{display:none}.explorer-content{padding:var(--space-4)}.explorer-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}}@media (width<=560px){.projects-page{padding:var(--space-5) var(--space-3)}.projects-header__title{font-size:2.25rem}.explorer-titlebar{height:2.6rem}.explorer-toolbar__view{display:none}.explorer-address{font-size:.7rem}.explorer-content{padding:var(--space-3)}.explorer-grid{grid-template-columns:1fr}.explorer-project__description{min-height:0}.explorer-statusbar span:last-child{display:none}}.project-detail-page{width:100%;min-height:100dvh;padding:clamp(2rem, 5vh, 4rem) var(--page-padding-x);background:var(--color-bg);color:var(--color-text)}.project-detail-header{width:100%;max-width:var(--container-lg);margin:0 auto var(--space-6)}.project-detail-header__breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-text-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.project-detail-header__breadcrumb button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.project-detail-header__breadcrumb button:hover{color:var(--color-text)}.project-detail-header__breadcrumb strong{color:var(--color-brand);font-weight:var(--font-weight-medium)}.project-detail-header h1{color:var(--color-text-heading);font-size:clamp(2.2rem,4vw,3.4rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin:0;line-height:1.05}.project-detail-header p{max-width:42rem;margin:var(--space-3) 0 0;color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.project-detail-window{width:100%;max-width:var(--container-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:0 auto;overflow:hidden}.project-detail-titlebar{height:2.8rem;padding:0 var(--space-4);background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.project-detail-titlebar__name{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);display:flex}.project-detail-titlebar__controls{align-items:center;gap:var(--space-4);display:flex}.project-detail-titlebar__controls span{background:var(--color-text-subtle);width:.7rem;height:1px;display:block}.project-detail-titlebar__controls span:nth-child(2){border:1px solid var(--color-text-subtle);background:0 0;width:.65rem;height:.65rem}.project-detail-titlebar__controls span:nth-child(3){background:0 0;width:.7rem;height:.7rem;position:relative}.project-detail-titlebar__controls span:nth-child(3):before,.project-detail-titlebar__controls span:nth-child(3):after{content:"";background:var(--color-text-subtle);width:.75rem;height:1px;position:absolute;top:50%;left:50%}.project-detail-titlebar__controls span:nth-child(3):before{transform:translate(-50%,-50%)rotate(45deg)}.project-detail-titlebar__controls span:nth-child(3):after{transform:translate(-50%,-50%)rotate(-45deg)}.project-detail-toolbar{align-items:center;gap:var(--space-2);min-height:3.5rem;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.project-detail-toolbar__button{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.project-detail-toolbar__button:hover{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text)}.project-detail-address{min-width:0;height:2.25rem;padding:0 var(--space-3);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);white-space:nowrap;flex:1;align-items:center;gap:.45rem;display:flex;overflow:hidden}.project-detail-address button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.project-detail-address button:hover{color:var(--color-text)}.project-detail-address strong{color:var(--color-brand);font-weight:var(--font-weight-medium)}.project-detail-layout{grid-template-columns:13.5rem minmax(0,1fr);min-height:35rem;display:grid}.project-files{padding:var(--space-4) var(--space-3);background:var(--color-bg-soft);border-right:1px solid var(--color-border)}.project-files__title{margin:0 var(--space-2) var(--space-3);color:var(--color-text-subtle);font-family:var(--font-family-mono);font-size:.68rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em;display:block}.project-files__navigation{flex-direction:column;gap:.15rem;display:flex}.project-files__item{border-radius:var(--radius-md);width:100%;min-height:2.35rem;color:var(--color-text-muted);font:inherit;font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.65rem;padding:0 .75rem;display:flex}.project-files__item:hover{background:var(--color-surface-hover);color:var(--color-text)}.project-files__item--active{background:var(--color-brand-soft);color:var(--color-brand)}.project-files__icon{min-width:1.5rem;font-family:var(--font-family-mono);text-align:center}.project-detail-content{background:var(--color-surface);min-width:0;padding:clamp(1.25rem,4vw,3rem)}.project-readme{width:100%;max-width:48rem;margin:0 auto}.project-readme__filename{margin-bottom:var(--space-4);color:var(--color-text-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.project-readme__title{color:var(--color-text-heading);letter-spacing:var(--letter-spacing-tight);margin:0;font-size:clamp(2rem,4vw,3rem)}.project-readme__lead{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.project-readme__cover{margin-top:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.project-readme__cover img{width:100%}.project-readme__section{margin-top:var(--space-8)}.project-readme__section h2{margin:0 0 var(--space-3);font-size:var(--font-size-lg)}.project-readme__section p{color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:0}.project-readme__meta{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.project-readme__meta div{gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.project-readme__meta span{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.project-readme__meta strong{color:var(--color-text);font-size:var(--font-size-sm)}.project-readme__list{gap:var(--space-2);padding-left:var(--space-5);color:var(--color-text-muted);flex-direction:column;margin:0;display:flex}.project-readme__technologies{gap:var(--space-2);flex-wrap:wrap;display:flex}.project-readme__technologies span{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:.35rem .55rem}.project-panel{width:100%}.project-panel__header{min-height:3rem;margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.project-panel__header>div{flex-direction:column;gap:.15rem;display:flex}.project-panel__path{color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.project-panel__count{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.project-panel__empty{justify-content:center;align-items:center;gap:var(--space-2);min-height:23rem;color:var(--color-text-subtle);text-align:center;flex-direction:column;display:flex}.project-panel__empty-icon{margin-bottom:var(--space-2);font-size:3.5rem}.project-panel__empty strong{color:var(--color-text)}.project-screenshots{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));display:grid}.project-screenshot{color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--font-size-xs);display:block}.project-screenshot__image{aspect-ratio:16/9;margin-bottom:var(--space-2);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.project-screenshot__image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.project-screenshot:hover img{transform:scale(1.02)}.project-code{border-radius:var(--radius-lg);background:#17191e;border:1px solid #30333a;overflow:hidden}.project-code__header{min-height:2.7rem;padding:0 var(--space-4);color:#8f949e;font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:#22252b;border-bottom:1px solid #30333a;align-items:center;display:flex}.project-code pre{padding:var(--space-5);color:#b8e1c5;font-family:var(--font-family-mono);font-size:var(--font-size-sm);margin:0;line-height:1.7;overflow-x:auto}.project-code code{color:inherit;background:0 0;border:0;padding:0}.project-links{gap:var(--space-3);flex-direction:column;display:flex}.project-link{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background-color var(--transition-fast), border-color var(--transition-fast);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.project-link:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.project-link__icon{background:var(--color-bg-muted);border-radius:var(--radius-md);width:2.5rem;height:2.5rem;font-family:var(--font-family-mono);justify-content:center;align-items:center;display:flex}.project-link div{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.project-link strong{color:var(--color-text);font-size:var(--font-size-sm)}.project-link div span{color:var(--color-text-subtle);font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-link__arrow{color:var(--color-text-subtle)}.project-detail-statusbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:2.1rem;padding:0 var(--space-4);background:var(--color-bg-soft);border-top:1px solid var(--color-border);color:var(--color-text-subtle);font-family:var(--font-family-mono);font-size:.68rem;display:flex}.project-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.project-not-found>span{font-size:4rem}.project-not-found h1{margin:var(--space-4) 0 var(--space-2)}.project-not-found p{margin:0 0 var(--space-5);color:var(--color-text-muted)}.project-not-found button{background:var(--color-text-heading);border-radius:var(--radius-md);color:var(--color-text-inverse);font:inherit;cursor:pointer;border:0;padding:.7rem 1rem}@media (width<=760px){.project-detail-page{padding:var(--space-6) var(--space-4)}.project-detail-titlebar__controls,.project-detail-address>span:first-child,.project-detail-address>span:nth-child(2),.project-detail-address>span:nth-child(3),.project-detail-address>span:nth-child(4){display:none}.project-detail-layout{min-height:0;display:block}.project-files{padding:var(--space-2);border-right:0;border-bottom:1px solid var(--color-border);scrollbar-width:none;overflow-x:auto}.project-files::-webkit-scrollbar{display:none}.project-files__title{display:none}.project-files__navigation{gap:var(--space-1);flex-direction:row;width:max-content}.project-files__item{width:auto;padding:0 var(--space-3);white-space:nowrap}.project-detail-content{padding:var(--space-5) var(--space-4)}}@media (width<=520px){.project-detail-page{padding:var(--space-5) var(--space-3)}.project-detail-header h1{font-size:2.25rem}.project-detail-toolbar__button:nth-child(2){display:none}.project-detail-content{padding:var(--space-4) var(--space-3)}.project-readme__lead{font-size:var(--font-size-md)}.project-screenshots{grid-template-columns:1fr}.project-link{gap:var(--space-3)}.project-link__arrow,.project-detail-statusbar span:last-child{display:none}}body{transition:background-color var(--transition-base), color var(--transition-base)}.hero,.hero__file,.hero__button,.hero-image__background{transition:background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base)}:root{--font-family-base:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.75rem;--font-size-5xl:4rem;--font-size-6xl:5rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.1;--line-height-heading:1.2;--line-height-normal:1.55;--line-height-relaxed:1.75;--letter-spacing-tight:-.035em;--letter-spacing-heading:-.02em;--letter-spacing-normal:0;--letter-spacing-wide:.04em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-40:10rem;--container-xs:36rem;--container-sm:48rem;--container-md:64rem;--container-lg:76rem;--container-xl:90rem;--page-padding-x:var(--space-6);--section-padding-y:var(--space-24);--section-padding-x:var(--page-padding-x);--content-gap-xs:var(--space-2);--content-gap-sm:var(--space-4);--content-gap-md:var(--space-6);--content-gap-lg:var(--space-10);--content-gap-xl:var(--space-16);--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.75rem;--radius-full:9999px;--border-width:1px;--border-width-strong:2px;--transition-fast:.12s ease;--transition-base:.18s ease;--transition-slow:.28s ease;--transition-colors:color var(--transition-base), background-color var(--transition-base), border-color var(--transition-base);--transition-transform:transform var(--transition-base);--button-height-sm:2.25rem;--button-height-md:2.75rem;--button-height-lg:3.25rem;--input-height-sm:2.25rem;--input-height-md:2.75rem;--input-height-lg:3.25rem;--navbar-height:4.5rem;--z-base:1;--z-dropdown:20;--z-sticky:40;--z-navbar:50;--z-modal:80;--z-toast:100}:root,html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-brand:#3b5ccc;--color-brand-hover:#304eae;--color-brand-active:#294391;--color-brand-contrast:#fff;--color-brand-soft:#eef2ff;--color-brand-muted:#3b5ccc1a;--color-brand-subtle:#3b5ccc0f;--color-brand-glow:#3b5ccc29;--color-bg:#f5f6f7;--color-bg-soft:#f8f9fa;--color-bg-muted:#eef0f2;--color-bg-subtle:#e8eaed;--color-bg-elevated:#fff;--color-surface:#fff;--color-surface-secondary:#f8f9fa;--color-surface-hover:#f3f4f6;--color-surface-active:#eceef1;--color-surface-elevated:#fff;--color-surface-transparent:#ffffffe0;--color-surface-glass:#ffffffc2;--color-text:#181a1f;--color-text-heading:#111318;--color-text-muted:#5e626b;--color-text-subtle:#858a94;--color-text-disabled:#afb3ba;--color-text-inverse:#f8f9fa;--color-border:#dde0e4;--color-border-soft:#e8eaed;--color-border-muted:#eef0f2;--color-border-strong:#c5c9cf;--color-border-focus:var(--color-brand);--color-code-bg:#eceef1;--color-code-surface:#f1f2f4;--color-code-text:#34373d;--color-code-border:#dfe2e6;--color-code-keyword:#3b5ccc;--color-code-string:#277a58;--color-code-comment:#858a94;--color-navbar-bg:#f5f6f7d1;--color-navbar-border:#181a1f14;--color-focus-ring:#3b5ccc38;--color-selection:#3b5ccc2e;--color-backdrop:#1113187a;--color-overlay-soft:#11131814;--color-overlay-medium:#1113186b;--color-overlay-strong:#111318b8;--color-success:#287a52;--color-success-hover:#216644;--color-success-soft:#eaf6ef;--color-warning:#a76617;--color-warning-hover:#8b5413;--color-warning-soft:#fbf3e8;--color-error:#c54242;--color-error-hover:#a93737;--color-error-soft:#fbecec;--color-info:#3773a9;--color-info-hover:#2d608e;--color-info-soft:#eaf2f8;--shadow-xs:0 1px 2px #11131808;--shadow-sm:0 1px 3px #1113180d, 0 1px 2px #11131808;--shadow-md:0 8px 24px #1113180f;--shadow-lg:0 16px 40px #11131814;--shadow-xl:0 24px 60px #1113181a;--shadow-card:0 1px 2px #11131808, 0 8px 24px #1113180a;--shadow-glow:0 0 32px var(--color-brand-glow)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-brand:#7690e8;--color-brand-hover:#8da3ef;--color-brand-active:#617bd2;--color-brand-contrast:#111318;--color-brand-soft:#1d2746;--color-brand-muted:#7690e824;--color-brand-subtle:#7690e814;--color-brand-glow:#7690e82e;--color-bg:#141518;--color-bg-soft:#18191d;--color-bg-muted:#1d1f23;--color-bg-subtle:#24262b;--color-bg-elevated:#1b1d21;--color-surface:#1a1c20;--color-surface-secondary:#1d1f23;--color-surface-hover:#222429;--color-surface-active:#292c32;--color-surface-elevated:#202226;--color-surface-transparent:#1a1c20e6;--color-surface-glass:#1a1c20c7;--color-text:#e8e9eb;--color-text-heading:#f4f5f6;--color-text-muted:#a4a8af;--color-text-subtle:#747982;--color-text-disabled:#555961;--color-text-inverse:#181a1f;--color-border:#303238;--color-border-soft:#282a2f;--color-border-muted:#23252a;--color-border-strong:#454850;--color-border-focus:var(--color-brand);--color-code-bg:#202226;--color-code-surface:#1d1f23;--color-code-text:#d9dbe0;--color-code-border:#303238;--color-code-keyword:#8da3ef;--color-code-string:#71b995;--color-code-comment:#747982;--color-navbar-bg:#141518d6;--color-navbar-border:#ffffff0f;--color-focus-ring:#7690e847;--color-selection:#7690e83d;--color-backdrop:#000000a6;--color-overlay-soft:#00000029;--color-overlay-medium:#0000007a;--color-overlay-strong:#000000b8;--color-success:#62b789;--color-success-hover:#77c598;--color-success-soft:#62b7891f;--color-warning:#d8a358;--color-warning-hover:#e2b46f;--color-warning-soft:#d8a3581f;--color-error:#df7373;--color-error-hover:#e78a8a;--color-error-soft:#df73731f;--color-info:#6fa7d5;--color-info-hover:#87b7df;--color-info-soft:#6fa7d51f;--shadow-xs:0 1px 2px #00000029;--shadow-sm:0 2px 4px #0000002e;--shadow-md:0 8px 24px #00000038;--shadow-lg:0 16px 40px #00000042;--shadow-xl:0 24px 64px #00000052;--shadow-card:0 1px 2px #0000001f, 0 8px 24px #00000024;--shadow-glow:0 0 32px var(--color-brand-glow)}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);min-height:100%;color:var(--color-text);font-family:var(--font-family-base);scroll-behavior:smooth}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}html,body{transition:background-color var(--transition-base), color var(--transition-base)}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);margin:0}p{margin:0}strong{font-weight:var(--font-weight-semibold)}code,pre,kbd,samp{font-family:var(--font-family-mono)}code{background:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:var(--radius-sm);color:var(--color-code-text);padding:.15em .35em;font-size:.9em}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}img,picture,svg,video,canvas{max-width:100%;display:block}::selection{background:var(--color-selection);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border:3px solid var(--color-bg);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){:root{--page-padding-x:var(--space-5);--section-padding-y:var(--space-20);--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.5rem;--navbar-height:4rem}}@media (width<=480px){:root{--page-padding-x:var(--space-4);--section-padding-y:var(--space-16);--font-size-3xl:1.75rem;--font-size-4xl:2rem;--font-size-5xl:2.5rem;--font-size-6xl:3rem}}