:root{--win:#130b20;--win-2:#1b1230;--win-3:#261b40;--win-line:#35294f;--win-ink:#efeaf8;--win-mute:#a095bb;--plum:#3d2270;--orange:#ff9a5c;--orange-ink:#b9490b;--ui:'Segoe UI Variable','Segoe UI',system-ui,-apple-system,sans-serif;--mono:'Red Hat Mono',ui-monospace,Consolas,monospace}
.tr-sprite{position:absolute;width:0;height:0;overflow:hidden}
.tr-ic{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
/* the app window */
.window{--w0:#0d0716;--w-dim:#7d7298;--w-ok:#5dde92;--w-warn:#ffc243;--w-run:#5dde92;--w-rdy:#ff9a5c;
  background:var(--win);color:var(--win-ink);border-radius:12px;box-shadow:0 30px 50px -20px rgba(0,0,0,.65),0 0 0 6px rgba(251,246,234,.95);overflow:hidden;font:13px/1.5 var(--ui)}
.window button{font-family:inherit}

/* title bar with task tab strip */
.titlebar{display:flex;align-items:flex-end;height:40px;padding-left:12px;background:var(--w0);gap:12px}
.tb-logo{align-self:center;flex:none}
.tb-tabs{display:flex;align-items:flex-end;gap:2px;flex:1;min-width:0;align-self:stretch;padding-top:7px;overflow:hidden}
.tb-tab{display:flex;align-items:center;gap:7px;height:33px;padding:0 8px 0 11px;border-radius:8px 8px 0 0;color:var(--w-dim);font:500 12px var(--ui);white-space:nowrap;position:relative}
.tb-tab .tr-ic{width:13px;height:13px}
.tb-x{opacity:.55;margin-left:4px;width:11px;height:11px;padding:0}
.tb-new,.tb-ov{display:none}
.window[data-view="0"] .tb-new,.window[data-view="1"] .tb-ov{display:flex}
.window[data-view="0"] .tb-ft{display:none}
.window[data-view="0"] .tb-new,.window[data-view="1"] .tb-ov,.window[data-view="2"] .tb-ft,.window[data-view="3"] .tb-ft{background:var(--win);color:var(--win-ink)}
.window[data-view="0"] .tb-new::before,.window[data-view="0"] .tb-new::after,.window[data-view="1"] .tb-ov::before,.window[data-view="1"] .tb-ov::after,.window[data-view="2"] .tb-ft::before,.window[data-view="2"] .tb-ft::after,.window[data-view="3"] .tb-ft::before,.window[data-view="3"] .tb-ft::after{content:"";position:absolute;bottom:0;width:8px;height:8px;background:radial-gradient(circle at var(--cx) 0,transparent 7.5px,var(--win) 8px)}
.window[data-view="0"] .tb-new::before,.window[data-view="1"] .tb-ov::before,.window[data-view="2"] .tb-ft::before,.window[data-view="3"] .tb-ft::before{left:-8px;--cx:0}
.window[data-view="0"] .tb-new::after,.window[data-view="1"] .tb-ov::after,.window[data-view="2"] .tb-ft::after,.window[data-view="3"] .tb-ft::after{right:-8px;--cx:8px}
.badge-net{display:inline-flex;align-items:center;gap:6px;align-self:center;font:500 11px var(--mono);color:var(--orange);border:1px solid #5b3a27;border-radius:6px;padding:2px 9px;white-space:nowrap}
.badge-net .tr-ic{width:12px;height:12px}
.tr-wc{display:flex;align-self:stretch}
.tr-wc i{display:grid;place-items:center;width:44px;color:var(--win-mute)}
.tr-wc i:hover{background:rgba(255,255,255,.07)}.tr-wc .tr-wc-x:hover{background:#c42b1c;color:#fff}
.tr-wc .tr-ic{width:12px;height:12px}

.app{display:grid;grid-template-columns:196px 1fr;height:500px}

/* sidebar */
.side{display:flex;flex-direction:column;padding:12px 10px 10px;border-right:1px solid var(--win-line);background:var(--win-2);overflow:hidden;font-size:12.5px}
.side-h{display:flex;align-items:center;justify-content:space-between;font:600 10.5px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:#85799f;margin:4px 6px 8px}
.side-h .tr-ic{width:13px;height:13px}
.tr-gap{margin-top:18px}
.proj{margin-bottom:4px}
.p-name{display:flex;align-items:center;gap:6px;padding:6px 8px;font-weight:600;color:var(--win-ink)}
.p-name .tr-ic:first-child{width:11px;height:11px;color:var(--w-dim)}
.p-name .tr-ic+.tr-ic{color:#b9a4ff}
.p-name em{margin-left:auto;font:500 10.5px var(--mono);font-style:normal;color:var(--win-mute);background:var(--win-3);border-radius:5px;padding:0 7px}
.p-name em b{font-weight:500}
.proj:not(.open) .p-name .tr-ic:first-child{transform:none}
.proj.open .p-name .tr-ic:first-child{transform:rotate(90deg)}
.proj ul,.side-misc{list-style:none}
.proj li{display:flex;align-items:center;gap:9px;padding:6px 8px 6px 14px;border-radius:7px;color:var(--win-mute);cursor:pointer;transition:background .2s,color .2s}
.proj li:hover{background:rgba(255,255,255,.04)}
.proj li.on{background:var(--win-3);color:var(--win-ink)}
.tr-lt{display:flex;flex-direction:column;min-width:0;line-height:1.3;white-space:nowrap}
.proj li small{display:flex;align-items:center;gap:4px;font:400 10px var(--mono);color:var(--w-dim)}
.proj li small .tr-ic{width:10px;height:10px}
.tr-draft{display:none!important}
.window[data-view="0"] .tr-draft{display:flex!important;background:var(--win-3);color:var(--win-ink);animation:tr-in .4s .2s both}
.window[data-view="0"] li[data-t="0"]{display:none}
.tr-c2{display:none}.window[data-view="0"] .tr-c2{display:inline}.window[data-view="0"] .tr-c3{display:none}
.side-misc li{display:flex;align-items:center;gap:9px;padding:5px 8px 5px 12px;color:var(--win-mute)}
.tr-acct{margin-top:14px;padding:9px 10px;border:1px dashed #44385f;border-radius:8px;display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--win-mute)}
.tr-acct-h{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--win-ink)}
.tr-acct-h em{margin-left:auto;font:500 9.5px var(--mono);font-style:normal;color:var(--w-warn)}
.tr-acct code{font:500 11px var(--mono);color:#cbbfe8}
.tr-acct small{font-size:10.5px;color:var(--w-dim)}
.tr-found{margin-top:auto;display:flex;align-items:center;gap:6px;padding:8px 6px 0;border-top:1px solid var(--win-line);font-size:10.5px;color:var(--w-dim)}
.tr-found span{margin-right:auto}
.tr-found i,.tr-ag{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:var(--c);color:#1a1020;font:700 10.5px/1 var(--ui);font-style:normal;flex:none}

/* status dots */
.s{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.s-run{background:var(--w-run);box-shadow:0 0 0 3px rgba(93,222,146,.14);animation:pulse 2.4s infinite}
.s-idle{background:#7a6f96}
.s-ready{background:var(--w-rdy)}
.s-wait{background:var(--w-warn)}
.s-draft{background:transparent;border:1.5px dashed #9b8fbd}
@keyframes pulse{50%{box-shadow:0 0 0 4px rgba(93,222,146,0)}}
.window[data-view="2"] li[data-t="0"] .s,.window[data-view="3"] li[data-t="0"] .s,.window[data-view="2"] .tb-ft .s,.window[data-view="3"] .tb-ft .s{background:var(--w-rdy);box-shadow:none;animation:none}

/* main stage + scene transition */
.main{position:relative;overflow:hidden;background:var(--win)}
.scene{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--win);animation:tr-in .42s cubic-bezier(.2,.7,.2,1) both}
.scene.tr-out{animation:tr-out .2s ease-in both;pointer-events:none}
@keyframes tr-in{from{opacity:0;transform:translateX(var(--tr-dx,12px))}}
@keyframes tr-out{to{opacity:0;transform:translateX(calc(var(--tr-dx,12px) * -.7))}}
.tr-head{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--win-line);flex:none}
.tr-crumb{display:flex;align-items:center;gap:6px;font:500 12px var(--ui);color:var(--win-mute);min-width:0;white-space:nowrap}
.tr-crumb i{font-style:normal;opacity:.5;margin:0 2px}
.tr-pj{display:inline-flex;align-items:center;gap:6px}
.tr-crumb{overflow:hidden}.tr-head .tr-chip{flex:none}
.diff .f{white-space:nowrap}.diff .f em{flex:none}.tr-dir{color:var(--w-dim);overflow:hidden;text-overflow:ellipsis}
.tr-crumb b{color:var(--win-ink);font:500 12px var(--mono)}
.tr-head time,.tr-head .tr-stat{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:500 11.5px var(--mono);color:var(--win-mute)}
.tr-head .tr-stat b{font-weight:500}.tr-stat .p-add{color:#8ff0b6}.tr-stat .p-del{color:#ff9d92}
.tr-head time .tr-ic{width:12px;height:12px}
.tr-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:14px 18px 16px}
.tr-chip{display:inline-flex;align-items:center;gap:6px;font:600 10.5px/1.5 var(--ui);padding:1px 9px 1px 8px;border-radius:999px;background:var(--win-3);color:var(--win-mute);white-space:nowrap}
.tr-chip .tr-ic{width:11px;height:11px;stroke-width:2}
.tr-chip.run{background:rgba(93,222,146,.13);color:#86eab0}
.tr-chip.rdy{background:rgba(255,154,92,.16);color:var(--orange)}
.tr-chip.wait{background:rgba(255,194,67,.14);color:var(--w-warn)}
.tr-spin{width:9px;height:9px;border:1.6px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tr-rot .8s linear infinite;flex:none}
@keyframes tr-rot{to{transform:rotate(360deg)}}

/* status bar */
.statusbar{display:flex;gap:18px;align-items:center;padding:6px 14px;background:var(--plum);color:#e6dcfa;font:400 11px var(--mono)}
.statusbar span{display:flex;align-items:center;gap:7px}.sb-right{margin-left:auto}
.statusbar .tr-ic{width:12px;height:12px}
.statusbar .s-run{background:#fff;box-shadow:none;animation:none}
.statusbar b{font-weight:400}

/* panes + terminals */
.pane{background:var(--win-2);border:1px solid var(--win-line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-height:0}
.pane-h{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid var(--win-line);font:500 11.5px var(--mono);color:var(--win-mute);flex:none}
.pane-h .tag{margin-left:auto;font-size:10.5px;padding:1px 8px;border-radius:999px;background:var(--win-3)}
.pane-h .tr-ic{width:12px;height:12px}
.term{padding:10px 12px;font:400 11.5px/1.6 var(--mono);color:#d3cbe6;overflow:hidden;flex:1;min-height:0}
.term .ln{display:block;white-space:pre-wrap;overflow-wrap:anywhere;animation:lnin .3s both}
@keyframes lnin{from{opacity:0;transform:translateY(4px)}}
.term .p{color:var(--orange)}.term .ok{color:#5dde92}.term .dim{color:#7d7298}.term .vi{color:#c3a9ff}.term .am{color:var(--w-warn)}.term .cy{color:#7fd6e8}.term .wh{color:#fff}
.caret{display:inline-block;width:7px;height:13px;background:#d3cbe6;vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.tr-think{background:linear-gradient(90deg,#8d82ab 0 38%,#fff 50%,#8d82ab 62% 100%) 100% 0/260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tr-shim 2.2s linear infinite}
@keyframes tr-shim{to{background-position:0 0}}
.tr-ph{padding:9px 12px}
.tr-ph-t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.tr-ph-t b{font:600 12.5px var(--ui);color:var(--win-ink)}
.tr-ph-t small{display:flex;align-items:center;gap:4px;font:400 10.5px var(--mono);color:var(--w-dim);white-space:nowrap}
.tr-ph .tr-chip{margin-left:auto}
.tr-pf{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--win-line);font:400 10.5px var(--mono);color:var(--w-dim);flex:none}
.tr-bar{flex:1;height:4px;border-radius:2px;background:var(--win-3);overflow:hidden}
.tr-bar i{display:block;height:100%;width:var(--w);background:var(--c,#5dde92);border-radius:2px;animation:tr-grow var(--g,5s) .3s cubic-bezier(.3,.7,.3,1) both}
@keyframes tr-grow{from{width:0}}

/* scene 1: start a task */
.tr-form{display:flex;flex-direction:column;gap:12px;flex:none}
.tr-fld{display:flex;flex-direction:column;gap:5px}
.tr-lab{font:600 10.5px var(--ui);letter-spacing:.07em;text-transform:uppercase;color:#85799f}
.input{background:var(--win-2);border:1px solid #4a3d68;border-radius:8px;padding:9px 12px;font:12.5px/1.4 var(--mono);display:flex;align-items:center;box-shadow:0 0 0 3px rgba(185,164,255,.1);white-space:nowrap;overflow:hidden}
.tr-type{display:inline-block;overflow:hidden;white-space:nowrap;width:40ch;animation:tr-typing 1.7s .3s steps(40,end) both}
@keyframes tr-typing{from{width:0}}
.input .caret{margin-left:1px;flex:none}
.tr-agents{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tr-agent{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--win-line);border-radius:8px;background:var(--win-2);color:var(--win-mute);line-height:1.25}
.tr-agent b{display:block;font:600 12.5px var(--ui);color:var(--win-ink)}
.tr-agent small{font-size:10.5px;color:var(--w-dim)}
.tr-agent .tr-ic{margin-left:auto;color:var(--orange);stroke-width:2;opacity:0}
.tr-agent.sel{border-color:var(--orange);background:rgba(255,154,92,.09);animation:tr-pick .4s 2.4s both}
.tr-agent.sel .tr-ic{opacity:1;animation:tr-pop .3s 2.5s both}
@keyframes tr-pick{from{border-color:var(--win-line);background:var(--win-2)}}
@keyframes tr-pop{from{opacity:0;transform:scale(.3)}}
.tr-opts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tr-kv{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--win-line);border-radius:7px;font:400 11px var(--mono);color:var(--w-dim);background:var(--win-2)}
.tr-kv .tr-ic{width:11px;height:11px}.tr-kv b{font-weight:500;color:#d3cbe6}
.go{margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:var(--orange);color:#26120a;border:0;border-radius:8px;padding:8px 16px;font:600 12.5px var(--ui);box-shadow:0 2px 0 var(--orange-ink);animation:tr-press .3s 3.2s both}
.go .tr-ic{stroke-width:2}
@keyframes tr-press{40%{transform:translateY(2px) scale(.97);box-shadow:0 0 0 var(--orange-ink);filter:brightness(.92)}}

/* scene 2: three agents */
.agents3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1;min-height:0}
.agents3 .term{padding:10px 11px;font-size:12px;line-height:1.65}
.tr-msg{display:flex;align-items:center;gap:7px;margin:0 10px 10px;padding:7px 10px;border:1px solid var(--win-line);border-radius:7px;background:var(--win);font:400 11px var(--mono);color:#6d6290;flex:none}
.tr-msg span{color:var(--orange)}.tr-msg kbd{margin-left:auto;font:inherit;color:#85799f}

/* scene 3: review */
.rev{display:grid;grid-template-columns:1fr 214px;gap:12px;flex:1;min-height:0}
.diff{font:11.5px/17px var(--mono);flex:1;overflow:hidden;min-height:0;color:#d3cbe6}
.diff>div{display:grid;grid-template-columns:34px 34px 16px 1fr;white-space:pre;animation:lnin .3s both}
.diff i{font-style:normal;text-align:right;padding-right:8px;color:#5f5480;user-select:none}
.diff b{font-weight:400;text-align:center;opacity:.8}
.diff code{font:inherit;padding-right:10px}
.diff .f{display:flex;align-items:center;gap:7px;grid-template-columns:none;background:var(--win-3);color:var(--win-ink);padding:5px 10px;margin-top:2px}
.diff .f:first-child{margin-top:0}
.diff .f .tr-ic{width:12px;height:12px;color:var(--w-dim)}
.diff .f em{margin-left:auto;font-style:normal;font-size:10.5px;color:var(--w-dim)}
.diff .f em u{text-decoration:none;color:#8ff0b6}.diff .f em s{text-decoration:none;color:#ff9d92}
.diff .f.tr-fold{color:var(--win-mute);background:var(--win-2);border-top:1px solid var(--win-line)}
.diff .hk{background:rgba(195,169,255,.07);color:#8d82ab}
.diff .hk code{grid-column:1/-1;padding-left:10px}
.diff .a{background:rgba(93,222,146,.12);color:#c6f7d8}.diff .a i{color:#59a97b;background:rgba(93,222,146,.07)}.diff .a b{color:#8ff0b6}
.diff .d{background:rgba(255,106,90,.12);color:#ffd2cc}.diff .d i{color:#b46a62;background:rgba(255,106,90,.07)}.diff .d b{color:#ff9d92}
.tr-k{color:#c3a9ff}.tr-t{color:#7fd6e8}.tr-n2{color:#ffc88a}.tr-s{color:#f3c98b}
.checks{padding:0}
.tr-chk{padding:12px;display:flex;flex-direction:column;gap:11px;flex:1}
.checks .row{display:flex;align-items:flex-start;gap:9px;color:var(--win-ink);font-size:12px;line-height:1.3}
.checks .row small{display:block;margin-top:1px;font:400 10.5px var(--mono);color:var(--w-dim)}
.tr-ckic{display:grid;width:16px;height:16px;flex:none;margin-top:1px}
.tr-ckic>*{grid-area:1/1}
.tr-ckic .tick{display:grid;place-items:center;border-radius:50%;background:rgba(93,222,146,.16);color:#5dde92;animation:tr-pop .28s var(--e,1.6s) both}
.tr-ckic .tick .tr-ic{width:11px;height:11px;stroke-width:2.2}
.tr-ckic .tr-spin{margin:3px;color:#b9a4ff;opacity:0;animation:tr-rot .8s linear infinite,tr-life var(--d,1s) .6s both}
@keyframes tr-life{0%,99%{opacity:1}100%{opacity:0}}
.merge{margin:0 12px 12px;background:var(--orange);color:#26120a;border-radius:8px;padding:10px 12px;font:700 13px var(--ui);text-align:center;box-shadow:0 2px 0 var(--orange-ink);animation:tr-arm .4s 3s both,tr-ring 2s 3.4s ease-out infinite}
.merge small{display:block;font:400 10.5px var(--mono);margin-top:2px}
@keyframes tr-arm{from{opacity:.35;filter:saturate(.2)}}
@keyframes tr-ring{from{box-shadow:0 2px 0 var(--orange-ink),0 0 0 0 rgba(255,154,92,.5)}to{box-shadow:0 2px 0 var(--orange-ink),0 0 0 9px rgba(255,154,92,0)}}

/* scene 4: phone */
.tr-body.tr-ph-b{padding-bottom:0;overflow:hidden}
.phone-wrap{flex:1;min-height:0;display:grid;grid-template-columns:1fr 252px;gap:28px;align-items:center}
.phone-copy h4{font:400 24px/1.15 var(--display);margin-bottom:10px}
.phone-copy p{color:var(--win-mute);font-size:13px;line-height:1.6;margin-bottom:16px;max-width:36em}
.tr-tgs{display:flex;flex-direction:column;gap:2px;max-width:290px}
.tr-tg{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:var(--win-2);border:1px solid var(--win-line);font-size:12.5px;margin-bottom:6px}
.tr-tg::after{content:"";width:28px;height:16px;border-radius:9px;background:#5dde92 radial-gradient(circle at 21px 8px,#0d2a18 0 6px,transparent 6.500px);flex:none}
.phone{align-self:end;justify-self:center;width:224px;height:392px;border:6px solid #3a2d5c;border-bottom:0;border-radius:34px 34px 0 0;background:linear-gradient(#2a1a4d,#120a22);padding:12px 12px 0;position:relative;box-shadow:0 0 0 1px #0d0716}
.phone::before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:56px;height:14px;border-radius:9px;background:#000}
.tr-ps{display:flex;justify-content:space-between;align-items:center;padding:0 8px;font:600 11px var(--ui);color:#fff}
.tr-ps span:last-child{display:flex;gap:4px;align-items:center}
.tr-ps i{display:block;width:3px;border-radius:1px;background:#fff}
.tr-ps i:nth-child(1){height:4px}.tr-ps i:nth-child(2){height:6px}.tr-ps i:nth-child(3){height:8px}
.tr-ps u{display:block;width:16px;height:8px;border:1.200px solid #fff;border-radius:3px;margin-left:3px;background:linear-gradient(90deg,#fff 0 70%,transparent 70%)}
.phone .tr-date{text-align:center;margin-top:20px;font:500 11px var(--ui);color:#cfc3ea}
.phone .clock{text-align:center;font:400 44px/1 var(--display);margin:2px 0 14px;color:#fff}
.notif{background:rgba(255,255,255,.13);border-radius:14px;padding:9px 11px;font:11.5px/1.4 var(--ui);color:#fff;animation:drop .6s .3s both cubic-bezier(.2,1.2,.4,1)}
.notif b{display:flex;gap:6px;align-items:center;font-size:10.5px;color:#d7cdee;margin-bottom:3px}.notif b svg{width:14px;height:14px;border-radius:4px}.notif b span{margin-left:auto;font-weight:400;opacity:.7}
.notif+.notif{margin-top:7px;opacity:.9}
.notif+.notif{animation-delay:.9s}.notif+.notif+.notif{animation-delay:1.4s}
.notif small{display:block;font-size:10.5px;color:#cfc3ea}
.tr-nb{display:flex;gap:6px;margin-top:8px}
.tr-nb span{flex:1;text-align:center;padding:4px 0;border-radius:7px;background:rgba(255,255,255,.16);font-weight:600;font-size:11px}
.tr-nb span+span{background:var(--orange);color:#26120a;animation:tr-ring 2s 2s ease-out infinite}
@keyframes drop{from{opacity:0;transform:translateY(-30px) scale(.94)}}
/* tour, compact: sidebar gone, one readable column per scene, fixed height so nothing jumps while it autoplays */
@media (max-width:760px){
  .app{height:590px}
  .tb-tab{display:none}
  .window[data-view="0"] .tb-new,.window[data-view="1"] .tb-ov,.window[data-view="2"] .tb-ft,.window[data-view="3"] .tb-ft{display:flex}
  .badge-net{display:none}
  .tr-head{padding:9px 14px;gap:8px}.tr-head .tr-stat,.tr-head time{display:none}
  .tr-body{padding:12px 14px 14px;gap:10px}
  .tr-x,.tr-pj,.tr-dir{display:none!important}
  .tr-form{gap:10px}.input{font-size:11px;padding:9px 10px}
  .tr-agents{gap:6px}.tr-agent{flex-direction:column;gap:5px;padding:8px 4px;text-align:center}.tr-agent small,.tr-agent .tr-ic{display:none}
  .tr-opts .go{margin-left:0;width:100%;justify-content:center}
  .agents3{grid-template-columns:1fr;gap:8px}
  .agents3 .term .ln:not(:nth-last-child(-n+5)){display:none}
  .tr-pf{display:none}
  .rev{display:flex;flex-direction:column;gap:10px}
  .rev>.pane:first-child{flex:1}.checks{flex:none}
  .diff>div{grid-template-columns:26px 26px 14px 1fr}
  .checks .pane-h{padding:6px 12px}
  .tr-chk{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;padding:10px 12px}
  .checks .row small{display:none}
  .merge{margin:0 10px 10px;padding:8px}
  .phone-wrap{grid-template-columns:1fr;gap:12px;align-items:stretch}
  .phone-copy h4{font-size:20px;margin-bottom:6px}.phone-copy p{font-size:12.5px;line-height:1.5;margin:0}.tr-tgs{display:none}
  .phone{height:352px}.notif+.notif+.notif{display:none}
}
@media (max-width:980px){.app{grid-template-columns:1fr}.side{display:none}.badge-net{display:none}.tr-msg{display:none}.diff>div{white-space:pre-wrap}.diff code{overflow-wrap:anywhere}}