:root{--bg-canvas: #08090c;--bg-panel: #101217;--bg-panel-hover: #151821;--bg-panel-elevated: #181b24;--bg-glass: rgba(12, 14, 19, .85);--accent-lime: #a3e635;--accent-lime-bright: #bef264;--accent-lime-muted: #65a30d;--accent-lime-glow: rgba(163, 230, 53, .18);--accent-lime-subtle: rgba(163, 230, 53, .08);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-dim: #52525b;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .14);--border-lime-hover: rgba(163, 230, 53, .45);--grid-dot-color: rgba(255, 255, 255, .06);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 9999px;--max-content-width: 1560px}html:not(.dark){--bg-canvas: #f8fafc;--bg-panel: #ffffff;--bg-panel-hover: #f1f5f9;--bg-panel-elevated: #e2e8f0;--bg-glass: rgba(255, 255, 255, .88);--accent-lime: #4d7c0f;--accent-lime-bright: #3f6212;--accent-lime-muted: #65a30d;--accent-lime-glow: rgba(77, 124, 15, .12);--accent-lime-subtle: rgba(77, 124, 15, .08);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-dim: #94a3b8;--border-subtle: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .14);--border-lime-hover: rgba(77, 124, 15, .4);--grid-dot-color: rgba(0, 0, 0, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;max-width:100vw;width:100%}body{min-height:100vh;min-height:100dvh;background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.65;position:relative;overflow-x:hidden;max-width:100vw;width:100%}html.modal-locked,body.modal-locked{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;height:100%!important;max-height:100dvh!important}.bg-grid-overlay{position:fixed;inset:0;background-image:radial-gradient(var(--grid-dot-color) 1.5px,transparent 1.5px);background-size:28px 28px;pointer-events:none;z-index:0}.ambient-glow-top{position:absolute;top:-150px;left:50%;transform:translate(-50%);width:min(950px,100vw);max-width:100vw;height:480px;background:radial-gradient(circle,var(--accent-lime-glow) 0%,transparent 70%);pointer-events:none;z-index:0;opacity:.85;overflow:hidden}.scroll-progress-bar-container{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;background:transparent;pointer-events:none}.scroll-progress-line{height:100%;background:linear-gradient(90deg,var(--accent-lime-muted),var(--accent-lime),var(--accent-lime-bright));box-shadow:0 0 12px var(--accent-lime);width:0%;transition:width .1s ease-out}.fluid-site-wrapper{position:relative;z-index:1;width:100%;max-width:100vw;overflow-x:clip}.floating-theme-btn{position:fixed;top:max(20px,env(safe-area-inset-top,20px));right:max(16px,env(safe-area-inset-right,16px));z-index:90;width:44px;height:44px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #00000059;transition:all .25s ease;touch-action:manipulation}.floating-theme-btn:hover{border-color:var(--accent-lime);color:var(--accent-lime);transform:scale(1.08);box-shadow:0 0 20px var(--accent-lime-glow)}.theme-icon{font-size:1.15rem;line-height:1}.fluid-main{max-width:var(--max-content-width);margin:0 auto;padding:60px clamp(1.25rem,3.5vw,3.5rem) 100px;display:flex;flex-direction:column;gap:110px}.split-hero-section{display:grid;grid-template-columns:1.15fr .95fr;gap:clamp(2rem,4vw,4.5rem);align-items:center;padding:20px 0 10px}.hero-left-pane{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.masthead-badge{display:inline-flex;align-items:center;gap:10px;background:#0d0e12f2;border:1px solid rgba(163,230,53,.35);padding:12px 28px;border-radius:var(--radius-md);box-shadow:0 12px 36px #0009,0 0 28px #a3e63526;margin-bottom:26px;transition:all .2s ease}.masthead-badge:hover{border-color:var(--accent-lime);box-shadow:0 12px 40px #000000b3,0 0 35px #bef26440}.masthead-prompt{font-family:var(--font-mono);font-size:clamp(1.8rem,2.5vw,2.2rem);font-weight:800;color:var(--accent-lime);filter:drop-shadow(0 0 8px var(--accent-lime));line-height:1}.masthead-text{font-family:var(--font-mono);font-size:clamp(1.6rem,2.2vw,2rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}.hero-headline{font-size:clamp(2.1rem,3.8vw,3.2rem);font-weight:800;line-height:1.18;letter-spacing:-.035em;color:var(--text-primary);margin-bottom:18px}.hero-subtext{font-size:1.05rem;line-height:1.75;color:var(--text-secondary)}.link-highlight{color:var(--text-primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}.link-highlight:hover{color:var(--accent-lime)}.hero-right-pane{width:100%}.explorer-terminal-window{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 40px #0006,0 0 30px #a3e6350d;transition:border-color .3s ease}.explorer-terminal-window:hover{border-color:var(--border-lime-hover)}.explorer-titlebar{background:var(--bg-panel-elevated);border-bottom:1px solid var(--border-subtle);padding:12px 18px;display:flex;align-items:center;justify-content:space-between}.window-controls{display:flex;align-items:center;gap:6px}.window-dot{width:10px;height:10px;border-radius:50%}.dot-close{background:#ef4444}.dot-min{background:#eab308}.dot-expand{background:#22c55e}.explorer-title{font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);font-weight:600}.explorer-badge{font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--accent-lime);background:var(--accent-lime-subtle);border:1px solid rgba(163,230,53,.2);padding:2px 7px;border-radius:4px}.explorer-body{padding:22px 24px;font-family:var(--font-mono);font-size:.84rem;display:flex;flex-direction:column;gap:10px;line-height:1.8}.tree-root{display:flex;align-items:center;gap:6px;color:var(--accent-lime);font-weight:700;margin-bottom:4px}.tree-group{display:flex;flex-direction:column}.tree-folder{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:600}.tree-svg-icon{width:14px;height:14px;flex-shrink:0;color:var(--text-muted);transition:color .15s ease,transform .15s ease}.folder-svg{color:var(--accent-lime-muted)}.tree-folder:hover .folder-svg{color:var(--accent-lime)}.tree-file-link:hover .tree-svg-icon{color:var(--accent-lime);transform:scale(1.1)}.icon-audio{color:#ef4444}.icon-garden{color:#10b981}.icon-web{color:#38bdf8}.icon-cloud{color:#60a5fa}.icon-ai{color:#c084fc}.icon-terminal{color:var(--accent-lime)}.tree-connector,.tree-branch{color:var(--text-dim)}.tree-items-list{display:flex;flex-direction:column}.tree-file-link{display:flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;padding:2px 4px;border-radius:4px;transition:all .15s ease;flex-wrap:wrap;background:transparent;border:none;font-family:inherit;font-size:inherit;cursor:pointer;width:100%;text-align:left}.tree-file-link:hover{color:#fff;background:#ffffff0d}.file-name{color:var(--text-primary)}.highlight-contact{margin-top:2px;color:var(--text-secondary)}.highlight-contact:hover{color:#fff}.file-link-preview{color:var(--text-muted);font-size:.75rem}.fluid-section{display:flex;flex-direction:column;gap:32px}.scroll-reveal-section{transition:opacity .5s ease,transform .5s ease}.section-header-row{display:flex;justify-content:space-between;align-items:flex-end}.section-tag{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--accent-lime);background:var(--accent-lime-subtle);border:1px solid rgba(163,230,53,.2);padding:3px 10px;border-radius:4px;display:inline-block;margin-bottom:8px}.section-heading{font-size:clamp(1.7rem,2.7vw,2.4rem);font-weight:800;letter-spacing:-.025em;color:var(--text-primary)}.section-counter{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--text-dim)}.showcase-stream-list{display:flex;flex-direction:column;gap:32px}.editorial-showcase-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 36px #00000047;text-decoration:none;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;cursor:pointer}.editorial-showcase-panel:hover{transform:translateY(-4px);border-color:var(--border-lime-hover);box-shadow:0 20px 50px #00000073,0 0 30px var(--accent-lime-glow)}.showcase-titlebar{background:var(--bg-panel-elevated);border-bottom:1px solid var(--border-subtle);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.showcase-path{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.showcase-launch-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent-lime);background:var(--accent-lime-subtle);border:1px solid rgba(163,230,53,.25);padding:3px 12px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.editorial-showcase-panel:hover .showcase-launch-badge{background:var(--accent-lime);color:#08090c;box-shadow:0 0 12px var(--accent-lime-glow)}.arrow-launch{transition:transform .2s ease}.editorial-showcase-panel:hover .arrow-launch{transform:translate(2px,-2px)}.showcase-body-content{padding:36px 36px 32px;display:grid;grid-template-columns:1.35fr .85fr;gap:40px;align-items:start}.showcase-main-col{display:flex;flex-direction:column;gap:16px}.showcase-brand-header{display:flex;align-items:center;gap:18px}.showcase-avatar-box{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-subtle);padding:8px;background:var(--bg-panel-elevated)}.avatar-img{width:100%;height:100%;object-fit:contain}.audio-avatar{background:#ef444414;border-color:#ef44444d;box-shadow:0 0 20px #ef444433}.soundsurge-avatar{background:#0ea5e914;border-color:#0ea5e94d;box-shadow:0 0 20px #0ea5e933}.garden-avatar{background:#14b8a614;border-color:#14b8a64d;box-shadow:0 0 20px #14b8a633}.showcase-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.showcase-title{font-size:1.65rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary)}.showcase-subtitle{font-size:.98rem;font-weight:600;color:var(--text-secondary)}.showcase-description{font-size:1rem;line-height:1.75;color:var(--text-secondary)}.showcase-meta-rail{display:flex;flex-direction:column;gap:14px;padding-left:32px;border-left:1px solid var(--border-subtle)}.meta-label{font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.tech-chips-flow{display:flex;flex-wrap:wrap;gap:8px}.tech-chip{font-family:var(--font-mono);font-size:.75rem;background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:5px 12px;border-radius:var(--radius-sm);transition:all .2s ease}.editorial-showcase-panel:hover .tech-chip{border-color:var(--border-medium);color:var(--text-primary)}.meta-year-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:4px}.ecosystem-3col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ecosystem-column-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px 22px;display:flex;flex-direction:column;gap:20px;transition:border-color .2s ease,transform .2s ease}.ecosystem-column-card:hover{border-color:var(--border-lime-hover);transform:translateY(-2px)}.category-header{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.category-indicator-bar{width:4px;height:28px;border-radius:var(--radius-pill);background:var(--accent-lime);box-shadow:0 0 10px var(--accent-lime-glow);flex-shrink:0;margin-top:2px}.category-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.category-desc{font-size:.86rem;line-height:1.5;color:var(--text-muted)}.products-stack-list{display:flex;flex-direction:column;gap:12px}.product-item-card{display:flex;align-items:center;gap:14px;background:var(--bg-panel-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;text-decoration:none;transition:all .2s ease}.product-item-card:hover{background:var(--bg-panel-hover);border-color:var(--border-lime-hover);transform:translate(3px);box-shadow:0 6px 18px #00000040}.product-logo-box{width:38px;height:38px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:5px;transition:transform .2s ease,background .2s ease;overflow:hidden}.product-item-card:hover .product-logo-box{transform:scale(1.08);background:#ffffff14}.product-brand-img{width:100%;height:100%;object-fit:contain;border-radius:3px}.product-info-col{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}.product-name-row{display:flex;align-items:center;gap:8px}.product-title{font-family:var(--font-mono);font-size:.92rem;font-weight:700;color:var(--text-primary)}.product-tagline{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-item-card:hover .product-tagline{color:var(--text-secondary)}.product-link-arrow{color:var(--text-muted);font-size:.85rem;flex-shrink:0;transition:transform .2s ease,color .2s ease}.product-item-card:hover .product-link-arrow{color:var(--accent-lime);transform:translate(2px,-2px)}.contact-terminal-box{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 14px 40px #0000004d}.contact-terminal-header{background:var(--bg-panel-elevated);border-bottom:1px solid var(--border-subtle);padding:12px 20px;display:flex;align-items:center;gap:14px}.contact-status-title{font-family:var(--font-mono);font-size:.82rem;color:var(--accent-lime)}.contact-terminal-body{padding:36px 32px;display:flex;flex-direction:column;gap:22px}.contact-intro{font-size:1.05rem;line-height:1.7;color:var(--text-secondary)}.email-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.email-direct-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent-lime-subtle);border:1px solid rgba(163,230,53,.35);color:var(--accent-lime);padding:14px 24px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .2s ease}.email-direct-btn:hover{background:var(--accent-lime);color:#08090c;box-shadow:0 0 20px var(--accent-lime-glow)}.prompt-icon{font-weight:800}.copy-email-btn{background:var(--bg-panel-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:14px 22px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.copy-email-btn:hover{background:var(--border-medium);color:var(--text-primary)}.copy-email-btn.copied{background:var(--accent-lime-subtle);border-color:var(--accent-lime);color:var(--accent-lime)}.fluid-footer{width:100%;border-top:1px solid var(--border-subtle);background:var(--bg-panel)}.footer-content{max-width:var(--max-content-width);margin:0 auto;padding:14px clamp(1.25rem,3.5vw,3.5rem);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--text-muted)}.footer-left{display:flex;align-items:center;gap:10px}.footer-brand{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-weight:700;font-size:.82rem;color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-family:var(--font-mono);font-size:.76rem}.footer-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.manifesto-trigger-btn{background:var(--accent-lime-subtle);border:1px solid rgba(163,230,53,.25);color:var(--accent-lime);padding:3px 10px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.74rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.manifesto-trigger-btn:hover{background:var(--accent-lime);color:#08090c;transform:translateY(-1px);box-shadow:0 0 12px var(--accent-lime-glow)}.footer-origin{font-family:var(--font-mono);font-size:.76rem;color:var(--text-secondary)}.manifesto-tree-executable{width:100%;background:transparent;border:none;border-radius:4px;padding:2px 4px;cursor:pointer;display:flex;align-items:center;gap:6px;text-align:left;transition:all .15s ease;font-family:inherit;font-size:inherit}.manifesto-tree-executable:hover{background:#a3e63514}.icon-manifesto-pulse{color:var(--accent-lime);filter:drop-shadow(0 0 6px var(--accent-lime));animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 10px #bef264)}}.neon-glow-text{color:var(--accent-lime);font-weight:700;letter-spacing:.02em}.manifesto-exec-tag{margin-left:auto;font-family:var(--font-mono);font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:4px;background:var(--accent-lime);color:#08090c;letter-spacing:.05em;box-shadow:0 0 10px var(--accent-lime-glow)}.terminal-takeover-overlay{position:fixed;inset:0;z-index:999999;background:#050608;display:flex;align-items:stretch;justify-content:stretch;width:100vw;width:100dvw;height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:contain;touch-action:none;animation:terminalFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes terminalFadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.terminal-takeover-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#08090c;color:#e2e8f0;font-family:var(--font-mono);overflow:hidden;overscroll-behavior:contain;touch-action:manipulation}.crt-scanlines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:20;opacity:.7}.crt-glow-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,#a3e63508,#000000a6);z-index:21}.terminal-top-hud{position:relative;z-index:30;height:48px;background:#0d0e14;border-bottom:1px solid rgba(163,230,53,.25);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;box-shadow:0 2px 16px #000c}.hud-left{display:flex;align-items:center;gap:16px}.terminal-window-dots{display:flex;gap:6px}.hud-session-tag{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-secondary)}.hud-status-beacon{width:8px;height:8px;border-radius:50%;background:var(--accent-lime);box-shadow:0 0 8px var(--accent-lime)}.hud-status-beacon.streaming{animation:beaconBlink .6s infinite alternate}@keyframes beaconBlink{0%{opacity:.3;transform:scale(.9)}to{opacity:1;transform:scale(1.1);box-shadow:0 0 12px var(--accent-lime)}}.hud-slash{color:#fff3}.hud-brand{color:var(--accent-lime);font-weight:700}.hud-right{display:flex;align-items:center;gap:10px}.hud-badge-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.hud-badge-btn:hover{background:#a3e63526;border-color:var(--accent-lime);color:var(--accent-lime)}.hud-badge-btn.badge-skip{background:#a3e6351f;border-color:#a3e63566;color:var(--accent-lime)}.hud-badge-btn.badge-exit:hover{background:#ef444426;border-color:#ef4444;color:#ef4444}.key-hint{font-size:.64rem;padding:1px 4px;background:#0006;border-radius:3px;border:1px solid rgba(255,255,255,.1);color:var(--text-muted)}.terminal-split-body{position:relative;z-index:25;flex:1;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;height:calc(100vh - 48px);height:calc(100dvh - 48px);max-height:calc(100dvh - 48px)}.terminal-left-page-pane{background:#08090c;border-right:1px solid rgba(163,230,53,.2);padding:clamp(16px,2.8vh,32px) clamp(20px,3.8vw,48px);overflow:hidden;display:flex;flex-direction:column;height:100%;max-height:100%;box-sizing:border-box}.manifesto-page-container{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;justify-content:space-between;max-width:960px;width:100%;margin:0 auto;gap:clamp(8px,1.6vh,18px);overflow:hidden;box-sizing:border-box}.manifesto-page-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding-bottom:clamp(8px,1.4vh,14px);border-bottom:1px solid rgba(255,255,255,.08)}.page-step-badges{display:flex;gap:8px}.step-badge-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);font-family:var(--font-mono);font-size:clamp(.78rem,1.4vh,.86rem);font-weight:700;padding:clamp(4px,.8vh,6px) clamp(10px,1.2vw,14px);border-radius:4px;cursor:pointer;transition:all .2s ease}.step-badge-btn:hover{background:#a3e63526;color:var(--accent-lime);border-color:var(--accent-lime)}.step-badge-btn.active{background:var(--accent-lime);color:#08090c;border-color:var(--accent-lime);box-shadow:0 0 14px #a3e63566}.step-badge-btn.completed{border-color:#a3e63566;color:var(--accent-lime)}.page-counter-tag{font-family:var(--font-mono);font-size:clamp(.78rem,1.4vh,.86rem);font-weight:700;color:var(--text-secondary);letter-spacing:.06em}.manifesto-page-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,1.2vh,12px);overflow:hidden;animation:pageFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-tag-label{display:inline-block;align-self:flex-start;font-family:var(--font-mono);font-size:clamp(.82rem,1.5vh,.94rem);font-weight:800;color:var(--accent-lime);background:#a3e6351f;border-left:3px solid var(--accent-lime);padding:clamp(3px,.6vh,5px) clamp(8px,1.2vw,14px);border-radius:2px;letter-spacing:.06em}.page-section-headline{font-size:clamp(1.35rem,2.8vh,1.95rem);font-weight:800;color:#fff;line-height:1.22;letter-spacing:-.02em;text-shadow:0 0 20px rgba(255,255,255,.15);margin:2px 0 clamp(4px,1vh,10px)}.page-stream-lines{display:flex;flex-direction:column;gap:clamp(5px,1.2vh,11px);font-family:var(--font-mono);justify-content:center}.stream-line-row{animation:lineStreamIn .15s cubic-bezier(.16,1,.3,1)}@keyframes lineStreamIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.page-line-paragraph{font-size:clamp(.94rem,1.8vh,1.14rem);line-height:1.56;color:#cbd5e1}.page-line-standout{font-size:clamp(1.02rem,1.95vh,1.24rem);font-weight:800;line-height:1.48;color:var(--accent-lime);text-shadow:0 0 12px rgba(163,230,53,.3)}.page-line-bullet{display:flex;flex-direction:column;gap:4px;font-size:clamp(.92rem,1.8vh,1.08rem);line-height:1.55;color:#cbd5e1;padding:6px 0 6px 16px;border-left:3px solid rgba(163,230,53,.6);margin:10px 0;transition:border-color .2s ease}.bullet-lead{color:#f8fafc;font-weight:800;font-size:clamp(.94rem,1.8vh,1.1rem);letter-spacing:-.01em}.bullet-body{color:#cbd5e1;font-size:clamp(.88rem,1.68vh,1.02rem);line-height:1.5}.page-line-quote{font-style:italic;font-size:clamp(.96rem,1.85vh,1.16rem);line-height:1.52;color:var(--accent-lime);background:#a3e6350d;border-left:3px solid var(--accent-lime);padding:clamp(6px,1.2vh,12px) 18px;border-radius:0 4px 4px 0;margin:4px 0}.page-line-space{height:clamp(3px,.7vh,8px)}.manifesto-page-footer{flex-shrink:0;padding-top:clamp(8px,1.4vh,16px);border-top:1px solid rgba(255,255,255,.08)}.page-actions-row{display:flex;align-items:center;gap:12px}.page-actions-row.streaming{justify-content:flex-end}.page-skip-btn{background:#ffffff0a;border:1px solid rgba(163,230,53,.25);color:var(--text-secondary);padding:clamp(6px,1vh,8px) clamp(10px,1.4vw,16px);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:clamp(.78rem,1.4vh,.84rem);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.page-skip-btn:hover{background:#a3e63526;border-color:var(--accent-lime);color:var(--accent-lime)}.skip-key-pill{font-size:.68rem;padding:1px 5px;border-radius:3px;background:#0006;border:1px solid rgba(255,255,255,.15);color:var(--accent-lime)}.page-advance-btn{display:inline-flex;align-items:center;gap:10px;background:#a3e63526;border:1.5px solid var(--accent-lime);color:var(--accent-lime);padding:clamp(10px,1.8vh,14px) clamp(18px,2.5vw,28px);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:clamp(.88rem,1.65vh,.98rem);font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 0 16px #a3e63533;animation:advancePulse 2s infinite ease-in-out}@keyframes advancePulse{0%,to{box-shadow:0 0 12px #a3e63533;border-color:#a3e63580}50%{box-shadow:0 0 24px #bef26480;border-color:#bef264}}.page-advance-btn:hover{background:var(--accent-lime);color:#08090c;transform:translateY(-1px);box-shadow:0 0 28px #bef26499}.page-nav-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);padding:clamp(10px,1.8vh,14px) clamp(14px,1.8vw,20px);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:clamp(.84rem,1.55vh,.92rem);font-weight:700;cursor:pointer;transition:all .2s ease}.page-nav-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.advance-beacon{width:8px;height:8px;border-radius:50%;background:var(--accent-lime);box-shadow:0 0 8px var(--accent-lime)}.page-advance-btn:hover .advance-beacon{background:#08090c;box-shadow:0 0 8px #08090c}.advance-key-pill{font-size:.72rem;padding:2px 6px;border-radius:3px;background:#00000080;border:1px solid rgba(163,230,53,.35);color:var(--accent-lime)}.page-advance-btn:hover .advance-key-pill{background:#08090c;color:var(--accent-lime);border-color:#08090c}.manifesto-final-cli-box{display:flex;flex-direction:column;gap:8px}.cli-history-log{display:flex;flex-direction:column;gap:6px;max-height:clamp(60px,12vh,110px);overflow-y:auto;padding-bottom:4px}.cli-history-item{display:flex;flex-direction:column;gap:2px;font-size:clamp(.78rem,1.4vh,.84rem);font-family:var(--font-mono)}.cli-history-cmd{display:flex;align-items:center;gap:6px;color:#f8fafc}.cli-history-output{padding-left:14px;display:flex;flex-direction:column;gap:1px;color:#94a3b8}.cli-history-item.success .cli-history-output{color:var(--accent-lime)}.cli-history-item.warning .cli-history-output{color:#f87171}.cli-history-item.info .cli-history-output{color:#67e8f9}.mobile-quick-actions-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.quick-action-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 12px;border-radius:var(--radius-sm);background:#12141cd9;border:1px solid rgba(163,230,53,.35);color:var(--text-primary);font-family:var(--font-mono);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:manipulation;-webkit-user-select:none;user-select:none}.quick-action-pill:hover,.quick-action-pill:active{background:#a3e63533;border-color:var(--accent-lime);color:var(--accent-lime);box-shadow:0 0 16px var(--accent-lime-glow);transform:scale(.98)}.quick-action-pill.pill-exit{border-color:#ef444466;color:#fca5a5}.quick-action-pill.pill-exit:hover,.quick-action-pill.pill-exit:active{background:#ef444440;border-color:#ef4444;color:#fff;box-shadow:0 0 16px #ef444466}.quick-action-pill.pill-contact{border-color:#38bdf866;color:#7dd3fc}.quick-action-pill.pill-contact:hover,.quick-action-pill.pill-contact:active{background:#38bdf840;border-color:#38bdf8;color:#fff;box-shadow:0 0 16px #38bdf866}.quick-action-pill.pill-works{border-color:#a3e63566;color:var(--accent-lime)}.quick-action-pill.pill-replay{border-color:#c084fc66;color:#e9d5ff}.quick-action-pill.pill-replay:hover,.quick-action-pill.pill-replay:active{background:#c084fc40;border-color:#c084fc;color:#fff;box-shadow:0 0 16px #c084fc66}.pill-icon{font-size:.95rem;line-height:1}.terminal-cli-prompt-line{display:flex;align-items:center;gap:8px;padding:clamp(6px,1vh,10px) 12px;background:#0006;border:1px solid rgba(163,230,53,.3);border-radius:var(--radius-sm)}.prompt-user{color:var(--accent-lime);font-weight:700;font-size:clamp(.78rem,1.4vh,.82rem);font-family:var(--font-mono);flex-shrink:0}.terminal-input-field{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:clamp(.8rem,1.45vh,.86rem);color:#f8fafc;caret-color:var(--accent-lime)}.terminal-input-field::placeholder{color:#94a3b859}.cursor-block{width:7px;height:13px;background:var(--accent-lime);display:inline-block;animation:cursorBlink .9s infinite}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.inline-typing-cursor{display:inline-block;color:var(--accent-lime);font-weight:900;margin-left:2px;animation:typingCursorBlink .6s infinite alternate;vertical-align:baseline}@keyframes typingCursorBlink{0%{opacity:1;text-shadow:0 0 8px var(--accent-lime)}to{opacity:.2;text-shadow:none}}.terminal-right-hologram-pane{background:#040507;width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;position:relative;overflow:hidden;border-left:1px solid rgba(163,230,53,.15);cursor:grab}.terminal-right-hologram-pane:active{cursor:grabbing}.hologram-3d-canvas{width:100%;height:100%;display:block;filter:drop-shadow(0 0 24px rgba(163,230,53,.3))}.hologram-model-tag{position:absolute;bottom:clamp(10px,1.8vh,18px);right:clamp(12px,2vw,22px);display:inline-flex;align-items:center;gap:6px;background:#000000a6;border:1px solid rgba(163,230,53,.25);padding:3px 8px;border-radius:4px;font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--text-secondary);letter-spacing:.06em;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hologram-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-lime);box-shadow:0 0 6px var(--accent-lime);animation:beaconBlink .8s infinite alternate}.hologram-tag-dot.trap{background:#ef4444;box-shadow:0 0 6px #ef4444}.contact-modal-overlay{position:fixed;inset:0;z-index:9999;background:#040508e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:20px;animation:terminalFadeIn .2s ease-out}.contact-modal-box{width:100%;max-width:680px;background:#08090c;border:1px solid rgba(163,230,53,.35);border-radius:var(--radius-md);box-shadow:0 24px 60px #000c,0 0 35px #a3e6351f;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-mono)}.contact-modal-titlebar{background:#0d0e14;border-bottom:1px solid rgba(163,230,53,.2);padding:12px 18px;display:flex;align-items:center;justify-content:space-between}.contact-modal-title{font-size:.8rem;color:var(--text-secondary);font-weight:600}.contact-modal-body{padding:24px;display:flex;flex-direction:column;gap:18px}.contact-modal-prompt{display:flex;align-items:center;gap:8px;font-size:.84rem}.prompt-exec{color:#f8fafc;font-weight:600}.contact-terminal-card-inner{background:#0d0e14bf;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:22px;display:flex;flex-direction:column;gap:16px}.contact-status-header{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--accent-lime);font-weight:700}.badge-status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-lime);box-shadow:0 0 8px var(--accent-lime)}.badge-port{margin-left:auto;color:var(--text-muted);font-size:.7rem}.contact-studio-title{font-size:1.15rem;font-weight:800;color:#f8fafc;margin:0}.contact-studio-desc{font-family:var(--font-sans);font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.contact-inbox-highlight{background:#a3e6350f;border-left:3px solid var(--accent-lime);padding:12px 16px;display:flex;flex-direction:column;gap:4px}.inbox-tag{font-size:.7rem;color:var(--text-muted);font-weight:700;letter-spacing:.05em}.inbox-email{font-size:1.05rem;color:var(--accent-lime);font-weight:700}.contact-modal-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:4px}.action-btn{font-family:var(--font-mono);font-size:.82rem;font-weight:700;padding:10px 18px;border-radius:var(--radius-sm);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;border:none}.action-btn.action-primary{background:var(--accent-lime);color:#08090c!important;box-shadow:0 0 16px var(--accent-lime-glow);text-decoration:none!important}.action-btn.action-primary:hover{background:#d9f99d;box-shadow:0 0 24px #bef26480;transform:translateY(-1px);color:#08090c!important;text-decoration:none!important}.action-btn.action-secondary{background:#ffffff0f;color:#f8fafc;border:1px solid rgba(163,230,53,.3)}.action-btn.action-secondary:hover{background:#a3e63524;border-color:var(--accent-lime);color:var(--accent-lime)}.action-btn.action-secondary.copied{background:#a3e63538;border-color:var(--accent-lime);color:var(--accent-lime)}@media(max-width:1024px){.split-hero-section{grid-template-columns:1fr;gap:40px}.showcase-body-content{grid-template-columns:1fr;gap:24px}.showcase-meta-rail{padding-left:0;border-left:none;padding-top:20px;border-top:1px solid var(--border-subtle)}.ecosystem-3col-grid{grid-template-columns:1fr}}@media(max-width:640px){.floating-theme-btn{top:max(12px,env(safe-area-inset-top,12px));right:max(12px,env(safe-area-inset-right,12px));width:36px;height:36px}.theme-icon{font-size:.95rem}.fluid-main{padding:24px 14px 48px;gap:48px}.split-hero-section{padding:10px 0 0;gap:24px}.masthead-badge{padding:8px 16px;gap:8px;margin-bottom:14px}.masthead-prompt{font-size:1.35rem}.masthead-text{font-size:1.2rem}.hero-headline{font-size:clamp(1.55rem,6.6vw,2.1rem);line-height:1.2;letter-spacing:-.025em;margin-bottom:12px}.hero-subtext{font-size:.92rem;line-height:1.62}.explorer-titlebar{padding:10px 14px}.explorer-title{font-size:.72rem}.explorer-badge{font-size:.62rem;padding:2px 5px}.explorer-body{padding:14px;font-size:.78rem;line-height:1.6;gap:6px}.tree-file-link{padding:4px 6px;font-size:.76rem}.file-link-preview{display:none}.fluid-section{gap:20px}.section-tag{font-size:.72rem;padding:2px 8px;margin-bottom:6px}.section-heading{font-size:clamp(1.35rem,5.2vw,1.75rem)}.showcase-stream-list{gap:20px}.showcase-titlebar{padding:10px 14px}.showcase-path{font-size:.72rem}.showcase-launch-badge{font-size:.7rem;padding:2px 8px}.showcase-body-content{padding:18px 14px;gap:16px}.showcase-brand-header{gap:12px}.showcase-avatar-box{width:44px;height:44px;padding:6px}.showcase-title{font-size:1.25rem}.showcase-subtitle{font-size:.84rem}.showcase-description{font-size:.88rem;line-height:1.58}.showcase-meta-rail{padding-top:12px;gap:8px}.tech-chip{padding:3px 8px;font-size:.7rem}.meta-year-tag{font-size:.7rem}.ecosystem-3col-grid{gap:16px}.ecosystem-column-card{padding:18px 14px;gap:14px}.category-header{gap:10px;padding-bottom:10px}.category-title{font-size:1.05rem}.category-desc{font-size:.8rem;line-height:1.45}.product-item-card{padding:10px 12px;gap:10px}.product-logo-box{width:32px;height:32px}.product-title{font-size:.88rem}.product-tagline{font-size:.78rem;line-height:1.4}.product-link-arrow .arrow-ext{font-size:.78rem}.contact-modal-overlay{padding:12px}.contact-modal-titlebar{padding:10px 14px}.contact-modal-body{padding:16px 14px;gap:14px}.contact-terminal-card-inner{padding:16px 14px;gap:12px}.contact-studio-title{font-size:1.05rem}.contact-studio-desc{font-size:.84rem;line-height:1.5}.inbox-email{font-size:.92rem;word-break:break-all}.contact-modal-actions{flex-direction:column;width:100%;gap:8px}.action-btn{width:100%;justify-content:center;padding:10px 14px;font-size:.82rem}.fluid-footer{padding:0}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:12px;padding:18px 14px}.footer-left{flex-direction:column;gap:4px;align-items:center}.footer-right{flex-direction:column;gap:8px;align-items:center}.manifesto-trigger-btn{padding:6px 14px;font-size:.78rem}.footer-origin{font-size:.72rem}}@media(max-width:960px){.terminal-split-body{position:relative;grid-template-columns:1fr}.terminal-right-hologram-pane{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.38;z-index:5;pointer-events:auto;border-left:none}.terminal-left-page-pane{position:relative;z-index:10;background:#08090c73;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-right:none;padding:clamp(12px,2.5vh,24px) clamp(14px,3.5vw,28px);width:100%}.manifesto-page-container{max-width:100%}.mobile-quick-actions-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.terminal-top-hud{height:52px;padding:0 14px}.hud-session-tag .hud-tty-label,.hud-session-tag .hud-slash{display:none}.hud-brand{font-size:.84rem;font-weight:800}.hud-right .key-hint{display:none}.hud-badge-btn{min-height:38px;padding:8px 14px;font-size:.8rem;font-weight:700;gap:5px;border-radius:var(--radius-sm)}.terminal-split-body{height:calc(100vh - 52px);height:calc(100dvh - 52px);max-height:calc(100dvh - 52px)}.terminal-left-page-pane{padding:12px 14px 14px;height:100%;max-height:100%;overflow:hidden}.manifesto-page-container{gap:10px;height:100%;max-height:100%;display:flex;flex-direction:column;justify-content:space-between}.manifesto-page-header{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14);flex-shrink:0}.page-step-badges{gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.page-step-badges::-webkit-scrollbar{display:none}.step-badge-btn{min-height:40px;min-width:46px;padding:6px 12px;font-size:.84rem;font-weight:800;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.page-counter-tag{font-size:.76rem;font-weight:700;flex-shrink:0}.manifesto-page-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 2px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.manifesto-page-body::-webkit-scrollbar{display:none}.page-tag-label{font-size:.78rem;font-weight:800;padding:3px 10px;border-radius:4px;margin-bottom:2px}.page-section-headline{font-size:clamp(1.22rem,5.2vw,1.48rem);font-weight:800;line-height:1.25;margin:4px 0 10px;color:#fff;text-shadow:0 0 16px rgba(255,255,255,.2)}.page-stream-lines{display:flex;flex-direction:column;gap:12px}.page-line-paragraph{font-size:clamp(.92rem,3.8vw,1.04rem);line-height:1.6;color:#f1f5f9}.page-line-standout{font-size:clamp(.96rem,4vw,1.1rem);line-height:1.55;font-weight:800;color:var(--accent-lime);text-shadow:0 0 12px rgba(163,230,53,.35)}.page-line-bullet{display:flex;flex-direction:column;gap:4px;padding-left:12px;border-left:3px solid var(--accent-lime);margin:8px 0}.bullet-lead{font-size:clamp(.92rem,3.8vw,1.04rem);font-weight:800;color:#fff;line-height:1.35}.bullet-body{font-size:clamp(.88rem,3.5vw,.98rem);line-height:1.55;color:#cbd5e1}.page-line-quote{font-size:clamp(.92rem,3.8vw,1.04rem);line-height:1.6;padding:8px 14px;margin:10px 0;border-left:3px solid var(--accent-lime);background:#a3e63514;border-radius:0 6px 6px 0}.page-line-space{height:8px}.manifesto-page-footer{padding-top:8px;flex-shrink:0;border-top:1px solid rgba(255,255,255,.12)}.page-actions-row{gap:8px}.page-advance-btn{width:100%;min-height:48px;justify-content:center;padding:12px 18px;font-size:.88rem;font-weight:800;border-radius:var(--radius-sm);gap:8px}.advance-key-pill{display:none}.page-nav-btn{min-height:48px;padding:10px 16px;font-size:.84rem;font-weight:700;border-radius:var(--radius-sm)}.page-skip-btn{width:100%;min-height:48px;justify-content:center;padding:12px 18px;font-size:.86rem;font-weight:700;border-radius:var(--radius-sm)}.skip-key-pill{display:none}.manifesto-final-cli-box{gap:8px;width:100%}.cli-history-log{max-height:52px;gap:4px}.cli-history-item{font-size:.74rem}.mobile-quick-actions-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin-top:4px}.quick-action-pill{min-height:50px;font-size:.88rem;font-weight:800;border-radius:var(--radius-sm);padding:10px 14px}.desktop-cli-only{display:none!important}}@media(max-height:680px){.manifesto-page-container{gap:6px}.page-section-headline{font-size:1.15rem;margin:2px 0 6px}.page-stream-lines{gap:8px}.page-line-paragraph,.page-line-quote,.bullet-lead{font-size:.88rem;line-height:1.45}.bullet-body{font-size:.84rem;line-height:1.4}.page-advance-btn{min-height:44px;padding:8px 12px;font-size:.82rem}}.showcase-action-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.showcase-preview-pill{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--accent-cyan);background:var(--accent-cyan-subtle);border:1px solid rgba(56,189,248,.25);padding:3px 10px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;white-space:nowrap}.editorial-showcase-panel:hover .showcase-preview-pill{background:#38bdf833;border-color:var(--accent-cyan);box-shadow:0 0 10px #38bdf84d}.pulse-preview-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan);animation:pulseDot 1.8s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.editorial-showcase-panel.is-expanded-origin{border-color:var(--accent-cyan);box-shadow:0 0 24px #38bdf840}.project-browser-overlay{position:fixed;inset:0;z-index:99999;background:#04060ad1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vh,32px) clamp(12px,3vw,40px);animation:overlayFadeIn .28s cubic-bezier(.16,1,.3,1) forwards}.project-browser-overlay.is-closing{animation:overlayFadeOut .26s cubic-bezier(.16,1,.3,1) forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.project-browser-modal{width:90vw;max-width:1400px;height:86vh;max-height:900px;background:#090c13;border:1px solid rgba(56,189,248,.35);border-radius:var(--radius-lg);box-shadow:0 25px 60px -10px #000000b3,0 0 40px #38bdf826;display:flex;flex-direction:column;overflow:hidden;position:relative;transform-origin:center center;animation:flipModalExpand .32s cubic-bezier(.16,1,.3,1) forwards;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),max-width .3s ease}.project-browser-modal.is-closing{animation:flipModalCollapse .26s cubic-bezier(.16,1,.3,1) forwards}.project-browser-modal.is-fullscreen{width:98vw;max-width:100vw;height:96vh;max-height:100vh}@keyframes flipModalExpand{0%{opacity:0;transform:scale(.92) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes flipModalCollapse{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.94) translateY(14px)}}.browser-window-header{height:48px;background:#0d111a;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;flex-shrink:0;-webkit-user-select:none;user-select:none}.browser-window-header .window-controls{display:flex;align-items:center;gap:7px;flex-shrink:0}.browser-window-header .window-dot{width:12px;height:12px;border-radius:50%;cursor:pointer;border:none;padding:0;transition:opacity .15s ease,transform .15s ease}.browser-window-header .window-dot:hover{transform:scale(1.15)}.browser-address-bar{display:flex;align-items:center;gap:8px;background:#06080d;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-pill);padding:4px 14px;font-family:var(--font-mono);font-size:.76rem;color:var(--text-secondary);flex:1;max-width:480px;min-width:140px;justify-content:space-between;overflow:hidden}.ssl-lock-icon{font-size:.72rem;opacity:.8}.browser-url-display{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;color:var(--accent-cyan);font-weight:500}.browser-refresh-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.88rem;padding:0;line-height:1;transition:color .15s ease,transform .2s ease}.browser-refresh-btn:hover{color:var(--accent-lime);transform:rotate(45deg)}.browser-refresh-btn.is-spinning{animation:spinSlow 1s infinite linear;color:var(--accent-cyan)}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.browser-viewport-toggles{display:flex;align-items:center;background:#06080d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-pill);padding:2px;gap:2px;flex-shrink:0}.viewport-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:all .15s ease}.viewport-btn:hover{color:var(--text-primary)}.viewport-btn.active{background:#38bdf826;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3)}.viewport-icon{stroke-width:2.2}.browser-actions-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.browser-launch-btn{font-family:var(--font-mono);font-size:.74rem;font-weight:700;color:#08090c;background:var(--accent-lime);border:1px solid var(--accent-lime);padding:4px 12px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:5px;text-decoration:none;transition:all .2s ease}.browser-launch-btn:hover{box-shadow:0 0 14px var(--accent-lime-glow);transform:translateY(-1px)}.launch-arrow{transition:transform .2s ease}.browser-launch-btn:hover .launch-arrow{transform:translate(2px,-2px)}.browser-close-badge{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;padding:4px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:all .15s ease}.browser-close-badge:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.esc-kbd{font-size:.65rem;opacity:.7}.browser-meta-strip{background:#0e121cf2;border-bottom:1px solid rgba(255,255,255,.06);padding:8px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.meta-strip-brand{display:flex;align-items:center;gap:10px;min-width:0}.meta-strip-avatar-wrap{width:28px;height:28px;border-radius:6px;background:#090c13;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:3px}.meta-strip-avatar{width:100%;height:100%;object-fit:contain}.meta-strip-info{display:flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden}.meta-strip-title{font-family:var(--font-sans);font-weight:700;font-size:.88rem;color:var(--text-primary);white-space:nowrap}.meta-strip-subtitle{font-family:var(--font-mono);font-size:.74rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-strip-stack{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.meta-strip-stack::-webkit-scrollbar{display:none}.meta-strip-chip{font-family:var(--font-mono);font-size:.68rem;color:var(--accent-cyan);background:#38bdf814;border:1px solid rgba(56,189,248,.2);padding:2px 7px;border-radius:3px;white-space:nowrap}.browser-canvas-area{flex:1;position:relative;background:#05070a;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0}.device-bezel-wrapper{width:100%;height:100%;position:relative;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),border-radius .35s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.viewport-tablet .device-bezel-wrapper{width:768px;max-width:95%;height:92%;border-radius:20px;border:8px solid #1a202c;box-shadow:0 0 35px #000c,0 0 15px #38bdf826}.viewport-mobile .device-bezel-wrapper{width:390px;max-width:95%;height:94%;border-radius:36px;border:10px solid #1a202c;box-shadow:0 0 45px #000000e6,0 0 20px #38bdf833}.device-speaker-notch{position:absolute;top:6px;left:50%;transform:translate(-50%);width:65px;height:4px;background:#2d3748;border-radius:3px;z-index:10}.browser-live-iframe{width:100%;height:100%;border:none;background:#fff;display:block;transition:opacity .2s ease}.browser-live-iframe.is-hidden{opacity:0}.browser-iframe-loading{position:absolute;inset:0;background:#080b11;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.cyber-scanline{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);box-shadow:0 0 10px var(--accent-cyan);animation:scanlineAnim 2.2s infinite ease-in-out}@keyframes scanlineAnim{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:100%;opacity:0}}.loading-terminal-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.spinner-ring{width:38px;height:38px;border:3px solid rgba(56,189,248,.15);border-top-color:var(--accent-cyan);border-radius:50%;animation:spinSlow .85s infinite linear}.loading-text{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.05em;color:var(--accent-cyan)}.loading-subtext{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.browser-smart-fallback{position:absolute;inset:0;background:#080b11;display:flex;align-items:center;justify-content:center;padding:24px;z-index:25}.fallback-terminal-box{max-width:600px;width:100%;background:#0c1018;border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-md);padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;box-shadow:0 15px 40px #0009}.fallback-icon-shield{font-size:2.2rem}.fallback-title{font-family:var(--font-sans);font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.fallback-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.fallback-meta-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.fallback-badge{font-family:var(--font-mono);font-size:.7rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:3px 8px;border-radius:3px;color:var(--text-muted)}.fallback-full-desc{font-size:.82rem;color:var(--text-muted);line-height:1.5;margin:4px 0 8px}.fallback-actions{display:flex;gap:10px;width:100%;justify-content:center}.silent-iframe-preload-container{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;visibility:hidden;pointer-events:none}.silent-preload-iframe{width:1px;height:1px;border:0}@media(max-width:860px){.project-browser-modal{width:98vw;height:92vh;max-height:96vh;border-radius:12px}.browser-window-header{height:auto;flex-wrap:wrap;padding:8px 12px;gap:8px}.browser-address-bar{order:3;width:100%;max-width:100%}.browser-viewport-toggles,.showcase-preview-pill,.meta-strip-subtitle,.meta-strip-stack{display:none}.browser-smart-fallback{padding:16px;overflow-y:auto}.fallback-terminal-box{padding:20px 16px;gap:12px}.fallback-actions{flex-direction:column;width:100%}.fallback-actions .action-btn{width:100%;justify-content:center}.mobile-launch-action{padding:12px 20px;font-size:.92rem;font-weight:700}}