:root{--ap-ink:#241809;--ap-paper:#f6efe0;--ap-card:#fffaf0;--ap-line:#d7b884;--ap-burn:#b15b21;--ap-blue:#104f6d;--ap-teal:#31756d;--ap-green:#2f6b3f;--ap-red:#9b2f2b;--ap-shadow:0 24px 80px rgba(58,34,8,.18)}body.ap-page{font-family:"Space Grotesk",sans-serif;color:var(--ap-ink);background:radial-gradient(circle at 10% -10%,rgba(177,91,33,.20),transparent 34rem),radial-gradient(circle at 100% 0,rgba(16,79,109,.19),transparent 32rem),linear-gradient(135deg,#f8f0df 0%,#ead8b7 48%,#f5ebd8 100%)}.ap-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(36,24,9,.035) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(36,24,9,.028) 0 1px,transparent 1px 34px);mix-blend-mode:multiply}.ap-hud{background:rgba(255,250,240,.82);border-bottom:1px solid rgba(36,24,9,.18);backdrop-filter:blur(18px)}.ap-stage{padding:72px 24px 34px}.ap-hero{max-width:1180px;margin:0 auto 24px;padding:34px;border:1px solid rgba(36,24,9,.18);border-radius:34px;background:linear-gradient(135deg,rgba(255,250,240,.92),rgba(232,205,159,.66));box-shadow:var(--ap-shadow);position:relative;overflow:hidden}.ap-hero:after{content:"";position:absolute;right:-90px;top:-140px;width:340px;height:340px;border-radius:50%;border:52px solid rgba(177,91,33,.18)}.ap-kicker{font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--ap-burn);margin:0 0 12px}.ap-hero h1{font-family:"Fraunces",serif;font-size:clamp(2.1rem,5vw,5.2rem);line-height:.92;letter-spacing:-.055em;max-width:920px;margin:0}.ap-hero p:last-child{max-width:760px;font-size:1.06rem;line-height:1.65;margin:18px 0 0;color:rgba(36,24,9,.78)}.ap-board{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(250px,320px) minmax(420px,1fr) minmax(280px,360px);gap:18px}.ap-panel{background:rgba(255,250,240,.88);border:1px solid rgba(36,24,9,.16);border-radius:26px;box-shadow:0 14px 50px rgba(58,34,8,.10);overflow:hidden}.ap-panel>header{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(36,24,9,.13);background:rgba(247,233,204,.74)}.ap-panel header span{font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--ap-burn);border:1px solid rgba(177,91,33,.36);border-radius:999px;padding:4px 8px}.ap-panel h2{font-family:"Fraunces",serif;font-size:1.28rem;margin:0;letter-spacing:-.03em}.ap-filters{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.ap-filters button,.ap-controls button{border:1px solid rgba(36,24,9,.22);background:#fff6e5;color:var(--ap-ink);border-radius:999px;padding:9px 12px;font:700 .76rem "JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.ap-filters button.ap-on,.ap-controls button:hover,.ap-filters button:hover{background:var(--ap-ink);color:var(--ap-paper)}.ap-trace-list{display:grid;gap:10px;padding:0 14px 16px;max-height:72vh;overflow:auto}.ap-trace-card{border:1px solid rgba(36,24,9,.16);border-left:8px solid var(--ap-teal);border-radius:18px;background:#fffaf0;padding:13px;text-align:left;cursor:pointer}.ap-trace-card.ap-selected{outline:3px solid rgba(177,91,33,.24);background:#fff2d6}.ap-trace-card.ap-failed{border-left-color:var(--ap-red)}.ap-trace-card.ap-attention{border-left-color:var(--ap-burn)}.ap-trace-card.ap-slow{border-left-color:var(--ap-blue)}.ap-trace-card strong{display:block;font-family:"JetBrains Mono",monospace;font-size:.82rem}.ap-trace-card p{margin:7px 0;color:rgba(36,24,9,.76);font-size:.9rem}.ap-tags{display:flex;gap:6px;flex-wrap:wrap}.ap-tag{font:700 .66rem "JetBrains Mono",monospace;text-transform:uppercase;border-radius:999px;border:1px solid rgba(36,24,9,.18);padding:3px 7px;background:rgba(255,255,255,.48)}.ap-main{min-height:680px}.ap-active-meta{padding:16px 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ap-metric{border:1px solid rgba(36,24,9,.13);border-radius:18px;padding:12px;background:rgba(255,255,255,.48)}.ap-metric span{display:block;font:700 .67rem "JetBrains Mono",monospace;text-transform:uppercase;color:var(--ap-burn)}.ap-metric strong{display:block;font-size:1.25rem;margin-top:4px}.ap-controls{display:flex;gap:8px;padding:0 18px 16px}.ap-timeline{padding:4px 18px 18px;display:grid;gap:10px}.ap-stage-row{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:start;border:1px solid rgba(36,24,9,.14);border-radius:20px;padding:12px;background:linear-gradient(90deg,rgba(255,250,240,.96),rgba(247,232,204,.64));cursor:pointer;position:relative}.ap-stage-row:before{content:"";position:absolute;left:49px;top:-11px;width:2px;height:12px;background:rgba(36,24,9,.24)}.ap-stage-row:first-child:before{display:none}.ap-stage-row.ap-current{border-color:rgba(177,91,33,.65);box-shadow:0 0 0 4px rgba(177,91,33,.13)}.ap-time{font:700 .75rem "JetBrains Mono",monospace;color:var(--ap-blue)}.ap-stage-row h3{margin:0;font-size:1rem}.ap-stage-row p{margin:4px 0 0;color:rgba(36,24,9,.72);font-size:.88rem}.ap-lat{font:700 .73rem "JetBrains Mono",monospace;border-radius:999px;padding:5px 8px;background:rgba(16,79,109,.11);color:var(--ap-blue)}.ap-stage-detail{padding:0 18px 18px}.ap-stage-detail h3{font-family:"Fraunces",serif;margin:8px 0}.ap-stage-detail pre,.ap-panel pre{white-space:pre-wrap;word-break:break-word;background:#241809;color:#fff4db;border-radius:18px;padding:14px;font:400 .78rem/1.55 "JetBrains Mono",monospace;margin:0}.ap-side{display:grid;gap:18px;align-content:start}.ap-participants,.ap-evidence{display:grid;gap:10px;padding:14px}.ap-participant,.ap-evidence-card{border:1px solid rgba(36,24,9,.14);border-radius:18px;padding:12px;background:rgba(255,255,255,.50)}.ap-participant h3,.ap-evidence-card h3{margin:0 0 6px;font-size:.98rem}.ap-participant p,.ap-evidence-card p{margin:4px 0;color:rgba(36,24,9,.76);font-size:.86rem}.ap-empty{padding:20px;color:rgba(36,24,9,.72);line-height:1.55}.ap-foot{max-width:1480px;margin:18px auto 0;padding:14px 20px;border:1px solid rgba(36,24,9,.14);border-radius:20px;background:rgba(255,250,240,.82);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.ap-foot p{margin:0;color:rgba(36,24,9,.72);font-size:.86rem}.ap-foot code{font-family:"JetBrains Mono",monospace;color:var(--ap-blue)}@media (max-width:1180px){.ap-board{grid-template-columns:1fr}.ap-trace-list{max-height:none}.ap-active-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.ap-stage{padding:66px 12px 24px}.ap-hero{padding:24px;border-radius:24px}.ap-active-meta{grid-template-columns:1fr}.ap-stage-row{grid-template-columns:1fr}.ap-controls{flex-wrap:wrap}.ap-controls button{flex:1 1 140px}}