:root{color-scheme:dark;--bg:#0d1011;--panel:#141819;--line:#2a3030;--ink:#e9ece4;--muted:#929a94;--acid:#c9f58a;--amber:#e3be80;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;background-image:radial-gradient(ellipse at 80% 10%,#25302555,transparent 45%)}
button,a,input,select{touch-action:manipulation}
button,select{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.45}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
header{height:100px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:2px}
.brand b{color:var(--acid);font-weight:500}
.sigil{font-size:38px;color:var(--acid);margin-right:6px}
.header-right{display:flex;align-items:center;gap:36px;font-size:12px}
.lab-status{font:10px var(--mono);letter-spacing:1px;color:var(--muted)}
i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:100%;margin-right:8px}
.skip{position:absolute;left:20px;top:-80px;background:var(--acid);color:var(--bg);padding:15px;z-index:9}
.skip:focus{top:15px}
main{max-width:1224px;margin:auto;padding:0 28px}
.intro{display:flex;justify-content:space-between;align-items:center;padding:62px 0 48px}
.eyebrow{font:10px var(--mono);letter-spacing:1.7px;color:var(--muted)}
.eyebrow span{margin:0 10px;color:#58615b}
h1{font-weight:450;font-size:clamp(52px,6.3vw,84px);line-height:1.04;letter-spacing:-4px;margin:24px 0}
h1 em{font-family:Georgia,serif;color:var(--acid);font-weight:400}
h1 .spark{display:inline-block;font-size:42px;color:var(--acid);vertical-align:top;margin:7px 0 0 24px}
.dek{color:#aeb6ae;font-size:16px;line-height:1.7;margin:0}
.specimen{width:260px;height:260px;position:relative;display:grid;place-items:center;margin-right:66px}
.orbit{position:absolute;border:1px solid #a9cc7860;border-radius:50%;width:230px;height:230px}
.o1{transform:rotate(-28deg) scaleY(.42)}
.o2{transform:rotate(42deg) scaleY(.6)}
.core{border-radius:50%;width:116px;height:116px;display:grid;place-items:center;color:var(--acid);font-size:80px;background:radial-gradient(circle at 32% 24%,#5a7543,#1d2c2050 65%);border:1px solid #739450;box-shadow:0 0 70px #b0e07817}
.spec-label{position:absolute;bottom:0;font:9px var(--mono);letter-spacing:2px;color:var(--muted)}
.experiment{border:1px solid #343d35;border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:0 25px 70px #0004}
.player{padding:26px 30px;background:linear-gradient(110deg,#252f21aa,#141819 80%);border-bottom:1px solid var(--line)}
.player-top,.record-title,.player-bottom,.panel-heading,.time-row,.section-heading{display:flex;align-items:center;justify-content:space-between}
.pill{font:10px var(--mono);color:var(--amber);border:1px solid #8b704944;border-radius:20px;padding:6px 10px}
.record-title{justify-content:flex-start;gap:14px;margin:25px 0 23px}
.record-icon{height:48px;width:48px;border:1px solid #9ac57455;border-radius:12px;display:grid;place-items:center;font-size:36px;color:var(--acid);background:#b1db7f0c}
h2,h3,p{margin-top:0}
.record-title h2{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:0 0 6px}
.record-title p{font-size:12px;color:var(--muted);margin:0}
.record-title p span{margin:0 7px}
.format{margin-left:auto;font:9px/1.7 var(--mono);color:var(--muted);text-align:right}
.play-row{display:flex;gap:24px;align-items:center}
.play{flex-shrink:0;border:0;background:var(--acid);color:#172311;border-radius:50%;width:72px;height:72px;font-size:25px;box-shadow:0 0 30px #b8e9801a;transition:transform .2s,box-shadow .2s}
.play:hover{transform:scale(1.06);box-shadow:0 0 30px #b8e98030}
.wave-wrap{position:relative;flex:1;min-width:0}
#wave{display:block;width:100%;height:72px}
#wave rect{fill:#4b5944}
#wave rect.played{fill:var(--acid)}
#seek{position:absolute;top:0;left:0;width:100%;height:72px;opacity:0;margin:0;cursor:crosshair}
.wave-wrap:focus-within{outline:1px solid var(--acid);outline-offset:5px;border-radius:5px}
.time-row{font:10px var(--mono);color:var(--muted);margin-top:5px}
.player-bottom{margin-top:22px;font-size:11px;color:var(--muted)}
.player-bottom>div{display:flex;gap:15px;align-items:center}
.player-bottom button,.player-bottom select,.speaker button{border:0;background:transparent;color:#b8c2b4;padding:8px 0}
.player-bottom select{background:var(--panel);padding:5px;border-radius:5px}
.replay-grid{display:grid;grid-template-columns:1.35fr 1fr}
.conversation{padding:30px;border-right:1px solid var(--line)}
.panel-heading{gap:12px;margin-bottom:28px}
.panel-heading h3{font-size:13px;font-weight:500;margin:0}
.panel-heading>span{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}
.caller{padding:18px;border:1px solid var(--line);border-radius:10px;background:#ffffff03;margin-bottom:25px}
.speaker{display:flex;align-items:center;gap:10px;font-size:11px}
.speaker b{font-weight:500}
.speaker button{margin-left:auto;font-size:10px}
.avatar{border-radius:50%;background:#313a37;display:grid;place-items:center;width:24px;height:24px;font:10px var(--mono)}
.avatar.agent{background:#c9f58a1a;color:var(--acid);font-size:20px}
.caller p{font-size:15px;line-height:1.6;margin:13px 0 12px;color:#c8cec5}
.micro{font:9px/1.5 var(--mono);color:var(--muted)}
.agent-speaker{margin-bottom:12px}
.agent-speaker .micro{margin-left:auto}
.transcript{padding-left:34px}
.segment{display:block;text-align:left;width:100%;border:0;border-left:2px solid transparent;background:none;color:#8f9991;font-size:17px;line-height:1.65;padding:5px 0 5px 14px;margin:0 0 6px;transition:color .25s,background .25s}
.segment:hover{color:var(--ink)}
.segment.active{color:var(--acid);border-left-color:var(--acid);background:linear-gradient(90deg,#c9f58a0c,transparent)}
.segment .stamp{display:block;font:8px var(--mono);margin-bottom:3px;opacity:.8}
.timing-note{font-size:10px;color:var(--muted);line-height:1.6;padding-left:34px;margin:16px 0 22px}
.cutoff{border-top:1px dashed #75664a66;padding:18px 0 0;display:flex;gap:12px;color:var(--amber)}
.cutoff p{font-size:11px;line-height:1.7;margin:0;color:var(--muted)}
.cutoff b{color:var(--amber);font-weight:500}
.pms{padding:30px;background:#10141566}
.hotel-card{border:1px solid var(--line);padding:20px;border-radius:12px;background:#181d1b}
.hotel-art{height:70px;position:relative;overflow:hidden;border-bottom:1px solid #576d4055;margin:-20px -20px 20px;background:repeating-linear-gradient(90deg,transparent,transparent 29px,#c9f58a09 30px),linear-gradient(120deg,#39442b,#19231b)}
.hotel-art span{position:absolute;left:22px;top:12px;font-family:Georgia,serif;font-size:43px;color:#c9f58a88}
.hotel-lines{border:1px solid #c9f58a33;width:120px;height:120px;transform:rotate(45deg);position:absolute;right:40px;top:8px}
.hotel-card .eyebrow{font-size:8px}
.hotel-card h3{font:27px Georgia,serif;margin-bottom:8px}
.room-description{color:var(--muted);font-size:11px;margin-bottom:21px}
.stay{display:flex;align-items:center;gap:24px}
.stay div{display:flex;flex-direction:column;gap:7px}
.stay div span{font:8px var(--mono);color:var(--muted)}
.stay b{font-size:17px;font-weight:400}
.stay-arrow{color:#73806b}
.stay small{font:9px var(--mono);color:var(--muted);margin-left:auto}
.price{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);margin-top:20px;padding-top:18px;gap:8px}
.price strong{font-size:35px;font-weight:450;letter-spacing:-1px}
.price strong small{font:10px var(--mono);letter-spacing:0}
.price>span{color:var(--muted);font-size:10px;margin-bottom:6px}
.oracle{display:flex;align-items:center;gap:10px;margin-top:18px;color:var(--acid)}
.oracle b{font-weight:400;font-size:10px}
.oracle small{display:block;color:var(--muted);margin-top:5px;font-size:10px}
.no-booking{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font:8px var(--mono);color:var(--muted);display:flex;justify-content:space-between}
.tool-heading{display:flex;justify-content:space-between;margin-top:26px}
.tool{border-left:2px solid #3e4b3e;padding:12px 14px;margin-top:8px;background:#ffffff02;transition:border-color .3s,background .3s}
.tool.reached{border-color:var(--acid);background:#c9f58a08}
.tool summary{font:11px var(--mono);list-style:none}
.tool summary::after{content:' +';float:right;color:var(--muted)}
.tool time{display:block;margin-top:7px;font:9px var(--mono);color:var(--muted)}
.tool .tool-status{font-size:10px;color:var(--acid);margin:8px 0 0}
.verdict{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding:58px 4px;border-bottom:1px solid var(--line)}
.verdict h2{font-size:34px;line-height:1.15;letter-spacing:-1px;font-weight:400;margin:17px 0 0}
.verdict>div>p{color:#abb4ab;font-size:14px;line-height:1.8;margin:24px 0 18px}
.verdict-tags{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;color:var(--acid)}
.amber{color:var(--amber)}
.notebook{padding:54px 0}
.section-heading h2{font-size:28px;font-weight:400;letter-spacing:-.8px;margin:15px 0 28px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;margin-bottom:26px}
.metrics article{padding:22px;border-right:1px solid var(--line)}
.metrics article:last-child{border:0}
.metrics article>span{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}
.metrics strong{display:block;font-size:31px;font-weight:400;margin:15px 0 8px;letter-spacing:-1px}
.metrics strong small{font:11px var(--mono);color:var(--muted);letter-spacing:0}
.metrics p{font-size:10px;color:var(--muted);margin:0}
.notebook>details{border-bottom:1px solid var(--line);padding:21px 3px}
.notebook>details>summary{font-size:13px;cursor:pointer}
.notebook>details>summary>span{float:right;font:10px var(--mono);color:var(--muted)}
pre{font:10px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#0c100d;padding:18px;border:1px solid var(--line);border-radius:8px;color:#b8c6b4}
.inspection-note{font-size:12px;color:var(--muted);line-height:1.7;margin:22px 0}
.event-filters{display:flex;gap:8px;margin:15px 0}
.event-filters button{background:transparent;border:1px solid var(--line);border-radius:20px;padding:9px 13px;color:var(--muted);font-size:10px}
.event-filters button[aria-pressed=true]{color:var(--acid);border-color:#80955d}
.event{padding:12px 0;border-top:1px solid var(--line)}
.event summary{font:10px/1.7 var(--mono);cursor:pointer;overflow-wrap:anywhere}
.event .lane{display:inline-block;color:var(--acid);min-width:90px}
.event time{color:var(--muted);margin-right:15px}
.artifact{margin:18px 0}
.artifact a,.source-link{font-size:12px;color:var(--acid)}
.artifact code{display:block;font:10px/1.7 var(--mono);color:var(--muted);overflow-wrap:anywhere;margin-top:8px}
.source-link{display:block;padding:12px 0}
.source-link small{color:var(--muted);margin-left:8px}
#limits{font-size:12px;color:var(--muted);line-height:1.9}
footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 0 40px;font-size:10px;color:var(--muted)}
footer p{margin:0}
footer .brand{font-size:9px}
.playing .core{animation:breathe 3s infinite alternate}
@keyframes breathe{to{box-shadow:0 0 90px #b0e07840;transform:scale(1.03)}
}
@media(max-width:800px){header{padding:0 24px;height:76px}
.lab-status{display:none}
.header-right{font-size:10px}
main{padding:0 20px}
.intro{padding:42px 0 34px}
.specimen{width:150px;height:170px;margin:0}
.orbit{width:150px;height:150px}
.core{width:85px;height:85px;font-size:60px}
.spec-label{font-size:6px}
h1{font-size:60px}
.replay-grid{grid-template-columns:1fr}
.conversation{border-right:0;border-bottom:1px solid var(--line)}
.pms{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.pms>.panel-heading{grid-column:1/-1}
.hotel-card{grid-row:2/4}
.tool-heading{margin:0;height:30px}
#tools{align-self:start}
.verdict{gap:20px}
.metrics article{padding:17px}
footer p{display:none}
}
@media(max-width:540px){header{padding:0 20px}
.brand{font-size:9px;letter-spacing:1.4px}
.header-right a{font-size:9px}
.intro{position:relative}
.intro>.specimen{position:absolute;right:0;top:65px;width:85px;opacity:.65}
.orbit{width:95px;height:95px}
.core{width:55px;height:55px;font-size:40px}
.spec-label{display:none}
h1{font-size:54px;letter-spacing:-3px}
.spark{display:none!important}
.eyebrow{font-size:8px;letter-spacing:1px}
.eyebrow span{margin:0 5px}
.dek{font-size:13px}
.player,.conversation,.pms{padding:20px}
.player-top .eyebrow{font-size:7px}
.pill{font-size:8px}
.record-title h2{font-size:19px}
.record-title p{font-size:9px}
.format{font-size:7px}
.play{width:58px;height:58px;font-size:21px}
.play-row{gap:16px}
.player-bottom{align-items:start;gap:8px;font-size:9px}
.player-bottom>div{gap:12px}
.player-bottom button,.player-bottom select{font-size:9px}
.panel-heading{margin-bottom:22px}
.panel-heading>span{font-size:7px}
.segment{font-size:16px}
.transcript{padding-left:10px}
.timing-note{padding-left:10px}
.pms{display:block}
.tool-heading{margin-top:24px}
.verdict{grid-template-columns:1fr;padding:35px 0;gap:0}
.verdict h2{font-size:29px}
.verdict>div>p{margin-top:20px;font-size:12px}
.notebook{padding:35px 0}
.section-heading{display:block}
.section-heading>.micro{display:block;margin-bottom:20px}
.section-heading h2{font-size:25px;margin-bottom:15px}
.metrics{grid-template-columns:1fr}
.metrics article{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}
.metrics strong{font-size:26px;text-align:right;margin:0}
.metrics p{grid-column:1/-1}
.notebook>details>summary>span{display:block;float:none;margin:10px 0 0 16px}
.event-filters{flex-wrap:wrap}
.event summary time{display:block}
.price strong{font-size:37px}
footer{gap:10px;font-size:9px}
.source-link small{display:block;margin:5px 0}
main{padding:0 16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}

.caller.active{border-color:#c9f58a88;background:#c9f58a08}
@media(max-width:540px){.format{display:none}.record-title p{font-size:10px}.player-bottom{flex-wrap:wrap}.player-bottom>div{width:100%;justify-content:flex-end}.player-bottom button,.player-bottom select{font-size:10px}.player-bottom>span{font-size:10px;line-height:1.6}.caller .micro{font-size:8px}}