:root{--bg-dark: #0a0a0a;--bg-card: rgba(8, 8, 8, .45);--bg-card-hover: rgba(18, 18, 18, .85);--text-primary: #f0f0f0;--text-secondary: rgba(255, 255, 255, .8);--text-muted: #666;--accent: #00ff88;--accent-bright: #33ffaa;--accent-glow: rgba(0, 255, 136, .15);--border: rgba(255, 255, 255, .08);--border-hover: rgba(48, 48, 48, 1);--radius: 8px;--max-width: 720px;--app-height: 100vh}@supports (height: 100svh){:root{--app-height: 100svh}}@supports (height: 100dvh){:root{--app-height: 100dvh}}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;text-transform:lowercase}html,body,#root{height:100%;width:100%}body{font-family:Space Mono,monospace;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;font-size:14px;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;min-height:var(--app-height);overflow-x:hidden}.video-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.video-bg video{width:100%;height:100%;object-fit:cover;transition:opacity .8s ease}.video-fallback{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0a);transition:opacity .8s ease}.app{min-height:var(--app-height);position:relative}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 2rem;padding-top:calc(1.5rem + env(safe-area-inset-top));display:flex;justify-content:center;align-items:center}.nav-links{display:flex;gap:3rem;background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1.5rem}.nav-link{font-size:.9rem;color:#fff;text-decoration:none;letter-spacing:.12em;transition:all .2s;cursor:pointer;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.7)}.nav-link:hover{color:var(--accent);text-shadow:0 2px 12px rgba(0,0,0,.8),0 0 20px var(--accent-glow)}.nav-link.active{color:var(--accent)}.content{position:relative;z-index:1;min-height:var(--app-height);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:5rem 2rem;padding-top:calc(5rem + env(safe-area-inset-top));padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.panel{position:relative;z-index:1;background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius);max-width:var(--max-width);width:100%;padding:2.5rem;box-shadow:0 8px 40px #0006}.panel-home{max-width:480px;height:auto;overflow-y:visible;padding:2.5rem;margin-top:auto;margin-bottom:auto}.panel-page{max-height:calc(var(--app-height) - 10rem - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-top:20px;margin-bottom:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panel::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.home{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.avatar-container{position:relative}.avatar{width:100px;height:100px;border-radius:var(--radius);border:1px solid var(--border);transition:all .2s}.avatar:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.home-name{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;color:var(--accent);text-align:center;margin-top:-10px}.home-subtitle{font-size:.9rem;color:var(--text-muted);letter-spacing:.1em;margin-top:-35px}.page-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--accent);margin-top:-10px;margin-bottom:1.5rem;text-align:center}.page-subtitle{font-size:.9rem;color:var(--text-muted);letter-spacing:.1em;margin-top:-19px;margin-bottom:1.5rem;text-align:center}.featured-quote{max-width:420px;padding:.875rem 1rem;background:#ffffff05;border:1px solid var(--border-hover);border-radius:var(--radius);transition:all .2s}.featured-quote:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.featured-quote p{font-size:.85rem;color:var(--text-primary);line-height:1.5}.footer{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:1.5rem 2rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center}.footer-card{display:flex;gap:2rem;background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1.5rem}.footer-link{color:#ffffffb3;text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:.05em;transition:color .2s;text-shadow:0 1px 6px rgba(0,0,0,.5)}.footer-link:hover{color:var(--accent)}.main{display:flex;flex-direction:column;gap:1rem}.summary{display:flex;flex-direction:column}.summary-cards{display:flex;flex-direction:column;gap:1rem}.summary-card{padding:1rem 1.25rem;background:#ffffff05;border:1px solid var(--border-hover);border-radius:var(--radius);transition:all .2s}.summary-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.summary-card h3{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:.6rem}.summary-card p{margin-bottom:.2rem;font-size:.9rem;color:var(--text-primary)}.summary-card p a{color:var(--accent);text-decoration:underline}.summary-card p a:hover{text-shadow:0 0 8px var(--accent-glow)}.tldr-highlight{color:var(--accent)}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem}.tech-item{padding:.35rem .75rem;font-size:.75rem;font-weight:700;background:#00ff880d;border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);transition:all .2s;letter-spacing:.02em}.tech-item:hover{background:var(--accent);color:var(--bg-dark);box-shadow:0 0 16px var(--accent-glow)}.quotes{display:flex;flex-direction:column}.quotes-list{display:flex;flex-direction:column;gap:.6rem}.quote-item{padding:.875rem 1rem;background:#ffffff05;border:1px solid var(--border-hover);border-radius:var(--radius);transition:all .2s}.quote-item:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.quote-item p{font-size:.85rem;color:var(--text-primary);line-height:1.5}.shipped{display:flex;flex-direction:column}.shipped-cards{display:flex;flex-direction:column;gap:.6rem}.shipped-card{padding:.875rem 1rem;background:#ffffff05;border:1px solid var(--border-hover);border-radius:var(--radius);transition:all .2s}.shipped-card:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.shipped-company{font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem}.shipped-product{font-size:.85rem;color:var(--text-primary);line-height:1.5}.shipped-product a{color:var(--accent);text-decoration:underline}.shipped-product a:hover{text-shadow:0 0 8px var(--accent-glow)}@media(max-width:640px){.nav{padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top))}.nav-links{gap:1rem;padding:.6rem 1rem}.nav-link{font-size:.75rem}.content{padding:4.5rem 1rem;padding-top:calc(4.5rem + env(safe-area-inset-top));padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.panel{padding:1.75rem}.panel-home{max-width:100%;padding:1.75rem}.panel-page{max-height:calc(var(--app-height) - 9rem - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.home{gap:1rem}.avatar{width:80px;height:80px}.home-name{font-size:2rem}.home-subtitle{margin-top:-25px}.page-title{font-size:1rem}.featured-quote{max-width:100%}.footer{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.footer-card{gap:1.5rem;padding:.6rem 1rem}.footer-link{font-size:.75rem}}.hidden{display:none}