body,html{margin:0;padding:0;background:#08080f}body{font-family:Georgia,serif;color:#e8e4dc}*{box-sizing:border-box}button:focus,input:focus,select:focus,textarea:focus{outline:1px solid #4ecdc450}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#08080f}::-webkit-scrollbar-thumb{background:#1e1e2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2a2a3a}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}a{color:#4ecdc4;text-decoration:none}a:hover{text-decoration:underline}.top-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(8,8,15,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #1a1a2a;padding:.75rem 1rem;display:flex;justify-content:center;gap:.5rem;align-items:center}.brand{font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:#e8e4dc;margin-right:auto;padding-left:.5rem;font-weight:600}.brand-mark{color:#4ecdc4}.top-tab{background:transparent;border:1px solid #252535;border-radius:999px;padding:.4rem 1rem;color:#888;font-size:.78rem;cursor:pointer;font-family:Georgia,serif;letter-spacing:.05em;transition:all .2s}.top-tab:hover{color:#ccc;border-color:#3a3a4a}.top-tab.active{background:#4ecdc4;color:#08080f;border-color:#4ecdc4}.top-tab.ghost{background:transparent;color:#555;border:none;font-size:.72rem}.top-tab.ghost:hover{color:#888}