@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Geist+Mono:wght@300;400;500&family=Geist:wght@300;400;500&display=swap";:root{--bg:#080808;--surface:#0f0f0f;--card:#161616;--card-hover:#1a1a1a;--border:#232323;--accent:#4f8ef7;--text:#e8e8e8;--text-2:#888;--text-3:#555;--nav-h:60px;--r:10px;--pad:clamp(16px, 4vw, 28px);--max:860px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Geist,sans-serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#222;border-radius:2px}.wrap{max-width:var(--max);padding:var(--pad);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 48px);min-height:100dvh;margin:0 auto}.serif{font-family:Playfair Display,serif}.mono{font-family:Geist Mono,monospace}.page-title{color:var(--text);letter-spacing:-1px;font-family:Playfair Display,serif;font-size:clamp(40px,7vw,64px);line-height:1}.page-sub{color:#888;letter-spacing:2px;text-transform:uppercase;margin-top:10px;margin-bottom:28px;font-family:Geist Mono,monospace;font-size:13px}.label{color:#888;letter-spacing:2px;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:11px}.section{margin-top:32px}.section-label{color:#666;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-family:Geist Mono,monospace;font-size:11px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r)}.badge{letter-spacing:1px;text-transform:uppercase;color:#888;border:1px solid var(--border);background:#ffffff08;border-radius:4px;padding:3px 8px;font-family:Geist Mono,monospace;font-size:10px}.nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:100;padding-bottom:max(env(safe-area-inset-bottom), 12px);background:#080808f2;padding-top:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-btn{color:#555;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 4px 10px;transition:color .15s;display:flex}.nav-btn.active{color:var(--text)}.nav-icon{line-height:1}.nav-label{letter-spacing:1px;text-transform:uppercase;font-family:Geist Mono,monospace;font-size:clamp(10px,2.5vw,12px)}