*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f6f4f0;--bg-secondary: #eaeaeb;--bg-card: #ffffff;--bg-elevated: #faf9f7;--border: #ece9e3;--border-hover: #d6d3d1;--text-primary: #1c1917;--text-secondary: #57534e;--text-faint: #a8a29e;--accent-1: #e94560;--accent-2: #7c3aed;--accent-3: #0ea5e9;--accent-4: #16a34a;--glow-1: rgba(233, 69, 96, .15);--glow-2: rgba(124, 58, 237, .15);--glow-3: rgba(14, 165, 233, .15);--radius: 16px;--radius-sm: 10px;--transition: .35s cubic-bezier(.25, .8, .25, 1)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{display:flex;flex-direction:column;min-height:100vh}.top-nav{position:sticky;top:0;z-index:100;background:#ffffffa6;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid var(--border);padding:0 24px}.top-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;height:64px;gap:8px}.nav-brand{display:flex;align-items:center;gap:10px;margin-right:24px;flex-shrink:0}.nav-brand-icon{font-size:24px;filter:drop-shadow(0 0 8px var(--glow-1))}.nav-brand-text{font-size:16px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap;position:relative;flex-shrink:0}.nav-tab:before{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:0;height:2px;border-radius:2px;transition:var(--transition)}.nav-tab:hover{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-hover)}.nav-tab.active{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-hover);font-weight:700}.nav-tab.active:before{width:60%}.nav-tab--pretraining.active{border-color:#e9456059}.nav-tab--pretraining.active:before{background:var(--accent-1)}.nav-tab--sft.active{border-color:#7c3aed59}.nav-tab--sft.active:before{background:var(--accent-2)}.nav-tab--alignment.active{border-color:#b91c1c59}.nav-tab--alignment.active:before{background:#b91c1c}.nav-tab--treddil.active{border-color:#0ea5e959}.nav-tab--treddil.active:before{background:var(--accent-3)}.nav-tab-number{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:10px;font-weight:700;background:var(--bg-card);border:1px solid var(--border);transition:var(--transition)}.nav-tab.active .nav-tab-number{background:var(--text-primary);color:var(--bg-card);border-color:transparent}.slide-viewport{flex:1;display:flex;justify-content:center;animation:slideIn .45s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-content{width:100%}.progress-bar{position:fixed;bottom:0;left:0;right:0;height:3px;background:var(--bg-secondary);z-index:100}.progress-fill{height:100%;border-radius:0 3px 3px 0;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.progress-fill--pretraining{background:linear-gradient(90deg,var(--accent-1),#c81d4e)}.progress-fill--sft{background:linear-gradient(90deg,var(--accent-2),#6d28d9)}.progress-fill--alignment{background:linear-gradient(90deg,#b91c1c,#1e3a5f)}.progress-fill--treddil{background:linear-gradient(90deg,var(--accent-3),#1e3a5f)}@media (max-width: 768px){.top-nav{padding:0 12px}.top-nav-inner{height:56px}.nav-brand{margin-right:12px}.nav-brand-text{display:none}.nav-tab{padding:8px 12px;font-size:11px}.nav-tab-label{display:none}.nav-tab-number{width:26px;height:26px;font-size:12px}}.keyboard-hint{position:fixed;bottom:16px;right:16px;z-index:99;display:flex;gap:6px;align-items:center;padding:6px 12px;border-radius:var(--radius-sm);background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-faint);opacity:.6;transition:opacity .3s;pointer-events:none}.keyboard-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border);font-family:inherit;font-size:9px;color:var(--text-secondary)}