@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Oswald:wght@600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-page: #1A1A1A;--bg-card: #212121;--bg-surface: #2D2D2D;--accent-orange: #FF6B35;--accent-green: #00D4AA;--accent-blue: #5B9CF5;--text-white: #FFFFFF;--text-muted: #777777;--text-dim: #3D3D3D;--text-dark: #0D0D0D;--border-subtle: #2D2D2D;--radius-lg: 16px;--radius-sm: 3px;--radius-md: 8px;--font-mono: "JetBrains Mono", monospace;--font-display: "Oswald", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-mono);background-color:var(--bg-page);color:var(--text-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding-bottom:28px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#root{max-width:1440px;margin:0 auto}.page-wrapper{position:relative;min-height:100vh}.page-background{position:fixed;inset:0;z-index:0;pointer-events:none}.portfolio{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px;padding:24px 24px 48px;min-height:100vh}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.navbar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border-radius:var(--radius-lg);padding:14px 24px;animation:slideDown .6s cubic-bezier(.16,1,.3,1) both}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-left{display:flex;align-items:center;gap:8px}.nav-dot{width:6px;height:6px;border-radius:var(--radius-sm);background:var(--accent-orange);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-logo-text{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-white)}.nav-right{display:flex;align-items:center;gap:24px}.nav-link{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);cursor:pointer;transition:color .25s ease,text-shadow .25s ease;text-decoration:none}.nav-link:hover,.nav-link--active{color:var(--accent-orange);text-shadow:0 0 12px rgba(255,107,53,.4)}.hero-section{display:flex;gap:24px;height:520px}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px;background:var(--bg-card);border-radius:var(--radius-lg);padding:48px;animation:fadeInLeft .8s cubic-bezier(.16,1,.3,1) .15s both}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.hero-comment{font-size:9px;color:var(--text-muted)}.hero-name{font-family:var(--font-display);font-size:72px;font-weight:700;line-height:.95;color:var(--text-white);overflow:visible}.hero-name .split-parent{display:block!important;overflow:visible!important}.hero-rule{width:64px;height:3px;border-radius:2px;background:var(--accent-orange);animation:expandWidth .8s cubic-bezier(.16,1,.3,1) .5s both}@keyframes expandWidth{0%{width:0}to{width:64px}}.hero-tagline{font-size:13px;color:var(--text-muted);line-height:1.5}.hero-ctas{display:flex;gap:12px}.cta-main{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-lg);background:var(--accent-orange);font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-dark);cursor:pointer;border:none;transition:box-shadow .3s ease}.cta-main:hover{box-shadow:0 0 20px #ff6b3566}.cta-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-lg);background:var(--bg-surface);font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-white);cursor:pointer;border:none;transition:background-color .2s ease}.cta-secondary:hover{background-color:#383838}.hero-photo-terminal{width:440px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;animation:fadeInRight .8s cubic-bezier(.16,1,.3,1) .3s both}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.terminal-title-bar{display:flex;align-items:center;gap:8px;background:var(--bg-surface);padding:10px 16px;border-radius:16px 16px 0 0}.terminal-dot{width:6px;height:6px;border-radius:var(--radius-sm)}.terminal-dot--orange{background:var(--accent-orange)}.terminal-dot--green{background:var(--accent-green)}.terminal-dot--dim{background:var(--text-dim)}.terminal-title-text{font-size:9px;color:var(--text-muted)}.photo-container{flex:1;background:var(--bg-surface);padding:12px;border-radius:0 0 16px 16px}.headshot{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.status-strip{display:flex;align-items:center;gap:32px;background:var(--bg-card);border-radius:var(--radius-lg);padding:14px 24px}.status-item{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:var(--radius-sm);animation:pulse 2s ease-in-out infinite}.status-dot--green{background:var(--accent-green)}.status-dot--orange{background:var(--accent-orange)}.status-text{font-size:11px}.status-text--green{color:var(--accent-green)}.status-text--orange{color:var(--accent-orange)}.section-label{display:flex;align-items:center;gap:12px;padding:0 8px}.section-label__comment{font-size:9px;color:var(--text-muted);white-space:nowrap}.section-label__line{flex:1;height:1px;background:var(--border-subtle);transform-origin:left}.reveal.revealed .section-label__line{animation:lineExpand 1s cubic-bezier(.16,1,.3,1) .2s both}@keyframes lineExpand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.featured-project{display:flex;height:400px;overflow:hidden;cursor:pointer}.featured-image{width:560px;flex-shrink:0;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-project:hover .featured-image img{transform:scale(1.05)}.featured-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:40px}.featured-badges{display:flex;align-items:center;gap:8px}.badge{padding:6px 12px;border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:11px;font-weight:600}.badge--orange{background:var(--accent-orange);color:var(--text-dark)}.badge--surface{background:var(--bg-surface);color:var(--text-white)}.featured-title{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--text-white)}.featured-subtitle{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--accent-orange)}.featured-description{font-size:13px;color:var(--text-muted);line-height:1.5}.featured-stats{display:flex;gap:32px}.stat{display:flex;flex-direction:column;gap:2px}.stat__value{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-white)}.stat__label{font-size:9px;color:var(--text-muted)}.projects-row{display:flex;gap:24px;height:320px}.projects-row>.reveal{flex:1;display:flex;min-width:0}.projects-row>.reveal>.card-spotlight{flex:1;display:flex}.project-card{flex:1;display:flex;flex-direction:column;overflow:hidden;cursor:pointer}.project-card__image{height:180px;overflow:hidden}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-card__image img{transform:scale(1.05)}.project-card__body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px 20px}.project-badge{padding:4px 10px;border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:9px;font-weight:600;align-self:flex-start}.project-badge--green{background:var(--accent-green);color:var(--text-dark)}.project-badge--orange{background:var(--accent-orange);color:var(--text-dark)}.project-badge--surface{background:var(--bg-surface);color:var(--text-white)}.project-card__title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text-white)}.project-card__desc{font-size:11px;color:var(--text-muted);line-height:1.4}.ls-listing{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.ls-header{display:flex;align-items:center;gap:8px;background:var(--bg-surface);padding:10px 16px}.ls-body{padding:12px 20px;font-family:var(--font-mono);font-size:12px;display:flex;flex-direction:column;gap:2px}.ls-row{display:flex;gap:16px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .15s;color:var(--text-muted)}.ls-row:hover{background:var(--bg-surface)}.ls-row:hover .ls-filename{color:var(--accent-green)}.ls-perms{color:var(--text-dim);width:100px}.ls-user{color:var(--accent-orange);width:60px}.ls-date{color:var(--text-dim);width:90px}.ls-filename{color:var(--text-white);transition:color .15s}.skills-section{display:flex;gap:24px}.terminal-window{flex:1;display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.terminal-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.skill-category{font-size:12px;font-weight:600;color:var(--accent-orange)}.skill-items{font-size:11px;color:var(--text-muted);line-height:1.5;white-space:pre-line}.about-card{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:32px}.about-title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text-white);text-align:left}.about-rule{width:40px;height:3px;border-radius:2px;background:var(--accent-orange)}.about-text{font-size:12px;color:var(--text-muted);line-height:1.5}.about-stat{display:flex;flex-direction:column;gap:4px}.about-stat__value{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--accent-green)}.about-stat__label{font-size:9px;color:var(--text-muted)}.cert-row{display:flex;align-items:center;gap:8px}.cert-badge{padding:4px 10px;border-radius:var(--radius-lg);background:var(--bg-surface);font-family:var(--font-mono);font-size:9px;font-weight:600}.cert-badge--orange{color:var(--accent-orange)}.cert-badge--green{color:var(--accent-green)}.gallery-link-btn{display:inline-block;margin-top:16px;padding:10px 20px;font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--accent-orange);background:var(--bg-surface);border:1px solid var(--accent-orange);border-radius:var(--radius-md);cursor:pointer;transition:all .25s;text-decoration:none}.gallery-link-btn:hover{background:var(--accent-orange);color:var(--text-dark)}.contact-section{display:flex;gap:24px}.contact-left{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:40px}.contact-title{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--text-white);text-align:left}.contact-subtitle{font-size:13px;color:var(--text-muted);line-height:1.5}.desktop-icons{display:flex;gap:16px}.desktop-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:88px;height:80px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease}.desktop-icon:hover{background:#ffffff08}.desktop-icon--selected{background:#ffffff0f;border-color:var(--icon-color, var(--text-dim))}.desktop-icon__graphic{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:var(--radius-md)}.desktop-icon__label{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);text-align:center;line-height:1.2}.desktop-icon--selected .desktop-icon__label{color:var(--text-white)}.message-terminal{display:flex;flex-direction:column}.form-body{display:flex;flex-direction:column;gap:16px;padding:20px}.form-content{display:flex;flex-direction:column;gap:16px}.form-label{font-size:9px;color:var(--text-muted)}.form-field{display:flex;align-items:center;gap:8px;background:var(--bg-surface);border-radius:var(--radius-lg);padding:10px 16px;border:1px solid transparent;transition:border-color .25s ease;cursor:text}.form-field--green:focus-within{border-color:var(--accent-green)}.form-field--orange:focus-within{border-color:var(--accent-orange)}.form-field--neutral:focus-within{border-color:#666}.form-field--message{flex-direction:column;align-items:stretch;gap:0;padding:14px 16px}.message-first-line{display:flex;align-items:center;gap:4px;margin-bottom:6px}.form-prompt{font-family:var(--font-mono);font-size:11px;font-weight:600;white-space:nowrap}.form-prompt--green{color:var(--accent-green)}.form-prompt--orange{color:var(--accent-orange)}.form-prompt--dim{color:#666}.form-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-mono);font-size:11px;width:100%}.form-input--green{color:var(--accent-green);caret-color:var(--accent-green)}.form-input--orange{color:var(--accent-orange);caret-color:var(--accent-orange)}.form-input--dim{color:#666;caret-color:#666}.form-input::placeholder{color:#666}.form-textarea{background:none;border:none;outline:none;font-family:var(--font-mono);font-size:11px;color:var(--accent-orange);caret-color:var(--accent-orange);line-height:1.5;resize:none;width:100%}.form-textarea::placeholder{color:#666}.send-row{display:flex;align-items:center;justify-content:flex-end;gap:12px}.send-hint{font-size:9px;color:#666}.send-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-lg);background:var(--accent-orange);font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-dark);border:none;cursor:pointer;transition:box-shadow .3s ease,opacity .3s ease}.send-btn:hover{box-shadow:0 0 20px #ff6b3559}.send-btn--disabled{opacity:.35;cursor:not-allowed}.send-btn--disabled:hover{box-shadow:none}.message-sent{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;flex:1;animation:fadeIn .5s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-sent__header{display:flex;align-items:center;gap:8px}.message-sent__title{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--accent-green)}.message-sent__text{font-size:13px;color:var(--text-muted);text-align:center;line-height:1.5}.message-sent__email{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding:4px 12px;background:var(--bg-surface);border-radius:var(--radius-md)}.spotlight--featured,.spotlight--card,.spotlight--about,.spotlight--contact,.spotlight--message,.spotlight--skills,.spotlight--hero{padding:0}.spotlight--hero{flex:1}.spotlight--hero>.hero-content{flex:1;background:transparent}.spotlight--about{width:440px;flex-shrink:0}.spotlight--contact{flex:1}.spotlight--message{width:560px;flex-shrink:0}.spotlight--skills{flex:1}.spotlight--skills>.terminal-window{flex:1;background:transparent}@media(max-width:1024px){.hero-section{flex-direction:column;height:auto}.hero-photo-terminal{width:100%;max-height:360px}.featured-project{flex-direction:column;height:auto}.featured-image{width:100%;height:240px}.projects-row{flex-direction:column;height:auto;gap:16px}.skills-section{flex-direction:column}.spotlight--about{width:100%}.contact-section{flex-direction:column}.spotlight--message{width:100%}}@media(max-width:640px){.portfolio{padding:12px;gap:16px}.navbar{padding:10px 16px}.nav-right{gap:12px}.nav-link{font-size:11px}.hero-content{padding:24px}.hero-name{font-size:42px}.hero-tagline br{display:none}.hero-ctas{flex-direction:column}.status-strip{flex-direction:column;gap:8px;align-items:flex-start}.featured-content{padding:20px}.featured-title{font-size:24px}.featured-stats{flex-wrap:wrap;gap:16px}.contact-left{padding:24px}.contact-title{font-size:24px}.contact-subtitle br{display:none}.desktop-icons{gap:8px}.desktop-icon{width:72px;height:68px}.modal-backdrop{padding:12px}.modal-window{max-height:90vh}.modal-body{padding:16px}.modal-title{font-size:22px}.modal-stats{flex-wrap:wrap;gap:16px}}.dot-grid{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.card-spotlight{position:relative;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background-color:var(--bg-card);overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05)}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 40%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:1}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}.card-spotlight>*{position:relative;z-index:2}.boot-overlay{position:fixed;inset:0;z-index:9999;background:#0a0a0a;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease}.boot-overlay--done{opacity:0;pointer-events:none}.boot-content{font-family:var(--font-mono);font-size:13px;color:var(--accent-green);line-height:1.8;max-width:520px;width:100%;padding:24px}.boot-line{opacity:0;transform:translateY(4px);animation:bootLineIn .15s ease forwards}.boot-line--ok{color:var(--accent-green)}.boot-line--ok:before{content:"[OK] ";color:var(--accent-green);font-weight:600}.boot-line--bios{color:var(--accent-orange);font-weight:600;margin-bottom:4px}.boot-line--welcome{color:var(--text-white);margin-top:12px;font-weight:600}.boot-line--welcome:before{content:"> ";color:var(--accent-orange)}.boot-cursor{display:inline-block;width:8px;height:14px;background:var(--accent-green);margin-left:4px;animation:bootBlink .6s step-end infinite;vertical-align:text-bottom}@keyframes bootLineIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes bootBlink{0%,to{opacity:1}50%{opacity:0}}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:40px;animation:backdropIn .2s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-window{width:100%;max-width:800px;max-height:80vh;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden;display:flex;flex-direction:column;animation:modalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-titlebar{display:flex;align-items:center;gap:8px;background:var(--bg-surface);padding:10px 16px;flex-shrink:0}.modal-dot{width:6px;height:6px;border-radius:3px}.modal-dot--orange{background:var(--accent-orange)}.modal-dot--green{background:var(--accent-green)}.modal-dot--dim{background:var(--text-dim)}.modal-titlebar-text{flex:1;font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-left:4px}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:4px;transition:color .2s,background .2s}.modal-close:hover{color:var(--text-white);background:#ffffff1a}.modal-body{overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.modal-image{width:100%;height:280px;object-fit:cover;border-radius:var(--radius-md)}.modal-badges{display:flex;gap:8px;flex-wrap:wrap}.modal-badge{padding:4px 10px;border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:9px;font-weight:600}.modal-badge--green{background:var(--accent-green);color:var(--text-dark)}.modal-badge--orange{background:var(--accent-orange);color:var(--text-dark)}.modal-badge--surface{background:var(--bg-surface);color:var(--text-white)}.modal-title{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text-white)}.modal-subtitle{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--accent-orange);margin-top:-12px}.modal-description{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);line-height:1.6}.modal-stats{display:flex;gap:32px}.modal-stat{display:flex;flex-direction:column;gap:2px}.modal-stat__value{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-white)}.modal-stat__label{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.modal-links{display:flex;gap:10px;flex-wrap:wrap}.modal-link{display:inline-block;padding:8px 16px;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent-orange);background:var(--bg-surface);border:1px solid var(--accent-orange);border-radius:var(--radius-md);text-decoration:none;transition:all .2s}.modal-link:hover{background:var(--accent-orange);color:var(--text-dark)}.modal-tags{display:flex;gap:8px;flex-wrap:wrap}.modal-tag{padding:4px 10px;border-radius:var(--radius-lg);background:var(--bg-surface);font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.palette-backdrop{position:fixed;inset:0;z-index:2000;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;animation:backdropIn .15s ease}.palette-window{width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;animation:paletteIn .2s cubic-bezier(.16,1,.3,1)}@keyframes paletteIn{0%{opacity:0;transform:scale(.98) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.palette-input-row{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.palette-prompt{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent-orange)}.palette-input{flex:1;background:none;border:none;outline:none;font-family:var(--font-mono);font-size:13px;color:var(--text-white);caret-color:var(--accent-green)}.palette-input::placeholder{color:var(--text-dim)}.palette-hint{font-family:var(--font-mono);font-size:9px;color:var(--text-dim)}.palette-list{max-height:300px;overflow-y:auto;padding:4px 0}.palette-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .1s}.palette-item:hover,.palette-item--active{background:var(--bg-surface)}.palette-item__icon{font-family:var(--font-mono);font-size:11px;color:var(--accent-green);width:16px;text-align:center}.palette-item__label{font-family:var(--font-mono);font-size:12px;color:var(--text-white)}.palette-item__hint{margin-left:auto;font-family:var(--font-mono);font-size:9px;color:var(--text-dim)}.palette-empty{padding:16px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-align:center}.statusbar{position:fixed;bottom:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border-top:1px solid var(--border-subtle);padding:4px 16px;font-family:var(--font-mono);font-size:10px;gap:16px}.statusbar__left{display:flex;align-items:center;gap:12px}.statusbar__center{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.statusbar__right{display:flex;align-items:center;gap:12px}.statusbar__item{color:var(--text-muted);white-space:nowrap}.statusbar__item--accent{color:var(--accent-green)}.statusbar__item--orange{color:var(--accent-orange)}.statusbar__dot{width:5px;height:5px;border-radius:50%;background:var(--accent-green);display:inline-block;margin-right:4px;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.statusbar__shortcut{color:var(--text-dim);cursor:pointer;transition:color .2s}.statusbar__shortcut:hover{color:var(--text-white)}.gallery-page{max-width:1200px;margin:0 auto;padding:24px;min-height:100vh;display:flex;flex-direction:column;gap:24px}.gallery-header{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.gallery-header__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.gallery-header__dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot--orange{background:var(--accent-orange)}.dot--green{background:var(--accent-green)}.dot--dim{background:var(--text-dim)}.gallery-header__title{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.gallery-header__content{padding:32px}.gallery-back-link{display:inline-block;font-family:var(--font-mono);font-size:.85rem;color:var(--accent-green);margin-bottom:16px;transition:color .2s}.gallery-back-link:hover{color:var(--accent-orange)}.gallery-heading{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text-white);text-transform:uppercase;margin-bottom:8px}.gallery-subtitle{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);max-width:600px;line-height:1.6}.gallery-filter{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px}.gallery-filter__label{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-green);margin-bottom:12px}.gallery-filter__buttons{display:flex;flex-wrap:wrap;gap:8px}.gallery-filter__btn{font-family:var(--font-mono);font-size:.8rem;padding:6px 16px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:all .2s}.gallery-filter__btn:hover{border-color:var(--accent-orange);color:var(--text-white)}.gallery-filter__btn--active{background:var(--accent-orange);color:var(--text-dark);border-color:var(--accent-orange);font-weight:600}.gallery-filter__status{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.gallery-filter__clear{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-orange);background:none;border:none;cursor:pointer;transition:color .2s}.gallery-filter__clear:hover{color:var(--accent-green)}.gallery-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}@media(min-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.model-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);transition:border-color .3s,transform .3s}.model-card:hover{border-color:var(--accent-orange);transform:translateY(-2px)}.model-card__preview{height:200px;overflow:hidden;background:var(--bg-surface)}.model-card__viewer{height:100%}.model-card__content{padding:20px}.model-card__title{font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--text-white);margin-bottom:4px}.model-card__category{font-family:var(--font-mono);font-size:.7rem;color:var(--accent-orange);text-transform:uppercase;letter-spacing:.05em}.model-card__desc{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin:12px 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.model-card__btn{width:100%;padding:10px;font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--accent-orange);background:none;border:1px solid var(--accent-orange);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.model-card__btn:hover{background:var(--accent-orange);color:var(--text-dark)}.model-viewer-container{position:relative;background:var(--bg-surface);border-radius:var(--radius-md);overflow:hidden}.model-viewer-loading,.model-viewer-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.model-viewer-spinner{width:28px;height:28px;border:2px solid var(--accent-orange);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gallery-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery-modal{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);max-width:720px;width:100%;max-height:90vh;overflow-y:auto;animation:galleryModalIn .25s ease-out}@keyframes galleryModalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gallery-modal__header{position:sticky;top:0;background:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:20px 24px;display:flex;align-items:flex-start;justify-content:space-between;z-index:10}.gallery-modal__title{font-family:var(--font-mono);font-size:1.2rem;font-weight:600;color:var(--text-white);margin-bottom:4px}.gallery-modal__category{font-family:var(--font-mono);font-size:.7rem;color:var(--accent-orange);text-transform:uppercase;letter-spacing:.05em}.gallery-modal__close{font-size:1.5rem;color:var(--text-muted);background:none;border:none;cursor:pointer;line-height:1;transition:color .2s}.gallery-modal__close:hover{color:var(--text-white)}.gallery-modal__body{padding:24px;display:flex;flex-direction:column;gap:20px}.gallery-modal__viewer{height:400px;border-radius:var(--radius-md)}@media(min-width:768px){.gallery-modal__viewer{height:450px}}.gallery-modal__controls-hint{display:flex;justify-content:center;gap:24px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.gallery-modal__section h3{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--accent-green);margin-bottom:8px}.gallery-modal__section p{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);line-height:1.6}.gallery-modal__close-btn{width:100%;padding:12px;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-white);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.gallery-modal__close-btn:hover{border-color:var(--accent-orange)}.gallery-empty{text-align:center;padding:48px 24px;background:var(--bg-card);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.gallery-empty .gallery-filter__clear{margin-top:12px;display:inline-block}.gallery-instructions{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px}.gallery-instructions__label{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-green);margin-bottom:16px}.gallery-instructions__items{display:grid;grid-template-columns:repeat(1,1fr);gap:12px}@media(min-width:640px){.gallery-instructions__items{grid-template-columns:repeat(3,1fr)}}.gallery-instructions__item{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.gallery-instructions__item strong{color:var(--text-white)}.gallery-instructions__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ff6b351a;color:var(--accent-orange);font-size:.9rem;flex-shrink:0}