:root {
  --canvas:#eef2ec;
  --paper:#fbfcfa;
  --paper-strong:#ffffff;
  --ink:#121814;
  --muted:#647068;
  --faint:#929d95;
  --line:rgba(18,24,20,.10);
  --line-strong:rgba(18,24,20,.18);
  --accent:#79d91b;
  --accent-deep:#3b7816;
  --danger:#ba4e42;
  --ease:cubic-bezier(.32,.72,0,1);
  --spring:cubic-bezier(.16,1,.3,1);
}

* { box-sizing:border-box; }
html,body { margin:0; min-width:320px; min-height:100%; }
body {
  display:grid;
  place-items:center;
  min-height:100dvh;
  padding:28px;
  color:var(--ink);
  background:#dfe4de;
  font-family:"Aptos Display","Segoe UI Variable Display","Trebuchet MS",sans-serif;
}
button,input { font:inherit; }

.preview-shell { display:grid; grid-template-columns:auto 260px; align-items:end; gap:20px; }

.video-canvas {
  position:relative;
  width:min(540px,calc(100vw - 348px));
  aspect-ratio:9 / 16;
  overflow:hidden;
  isolation:isolate;
  color:var(--ink);
  background:var(--canvas);
  box-shadow:0 30px 90px rgba(27,40,31,.14);
}

.canvas-noise {
  position:absolute;
  inset:0;
  z-index:9;
  pointer-events:none;
  opacity:.14;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}

.cinematic-layer { position:absolute; inset:0; z-index:6; overflow:hidden; pointer-events:none; box-shadow:inset 0 0 88px rgba(17,29,20,.09); }
.frame-edge { position:absolute; left:26px; right:26px; height:1px; background:rgba(18,24,20,.12); }
.edge-top { top:18px; }.edge-bottom { bottom:18px; }

.story-header,
.story-footer {
  position:absolute;
  z-index:8;
  left:34px;
  right:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.story-header { top:30px; }
.story-footer { bottom:28px; color:var(--muted); font:700 9px/1 "Cascadia Mono",Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }

.mini-brand { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:780; letter-spacing:-.02em; }
.mini-brand img { width:24px; height:24px; object-fit:contain; }
.demo-label { color:var(--accent-deep); font:700 8px/1 "Cascadia Mono",Consolas,monospace; letter-spacing:.12em; }

.narrative-copy { position:absolute; z-index:7; top:94px; left:34px; right:34px; }
.narrative-copy p { margin:0 0 9px; color:var(--accent-deep); font:700 9px/1.2 "Cascadia Mono",Consolas,monospace; letter-spacing:.10em; text-transform:uppercase; }
.narrative-copy h1 { max-width:440px; margin:0; font-size:42px; font-weight:760; line-height:.95; letter-spacing:-.055em; }

.scene { position:absolute; inset:0; }

.chaos-scene { z-index:3; }
.chaos-window {
  position:absolute;
  border:1px solid rgba(18,24,20,.12);
  border-radius:12px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 48px rgba(23,34,26,.10);
  will-change:transform,opacity;
}

.sheet-window::after { content:""; position:absolute; inset:8px; border:1px solid rgba(121,217,27,.22); border-radius:8px; opacity:.45; pointer-events:none; }

.sheet-window { top:238px; left:26px; width:470px; min-height:338px; transform:rotate(-2.2deg); }
.window-bar { height:34px; display:flex; align-items:center; gap:5px; padding:0 12px; border-bottom:1px solid var(--line); color:var(--muted); font-size:8px; }
.window-bar i { width:7px; height:7px; border-radius:50%; background:#d8ddd8; }
.window-bar i:first-child { background:#f0b0a8; }
.window-bar span { margin-left:6px; }
.sheet-toolbar { height:28px; display:grid; grid-template-columns:repeat(5,1fr); align-items:center; padding:0 13px; color:var(--faint); background:#f6f8f5; font:600 7px/1 "Cascadia Mono",Consolas,monospace; }
.sheet-grid { padding:10px; }
.sheet-row { display:grid; grid-template-columns:.7fr .82fr .6fr 1.2fr; min-height:38px; align-items:center; padding:0 8px; border-bottom:1px solid rgba(18,24,20,.065); color:#68736b; font-size:9px; }
.sheet-head { min-height:31px; color:#424c45; font-size:8px; font-weight:740; background:#f5f7f4; }
.sheet-row.is-duplicate { color:#a45249; background:#fff2f0; }
.cell-warning { color:#9b6818; font-weight:740; }

.note-window { top:492px; right:14px; width:244px; min-height:154px; padding:17px 18px; transform:rotate(4.5deg); background:#f7efb9; }
.note-top { display:flex; justify-content:space-between; margin-bottom:14px; color:#716a3d; font:700 7px/1 "Cascadia Mono",Consolas,monospace; letter-spacing:.08em; }
.note-window p { margin:6px 0; color:#4d4a32; font-size:12px; }
.note-window .scribble { text-decoration:line-through; opacity:.62; }

.mail-window { top:668px; left:18px; width:370px; display:grid; grid-template-columns:38px 1fr; gap:12px; align-items:center; padding:14px; transform:rotate(-3deg); }
.mail-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:9px; color:#fff; background:#252d27; font-weight:800; }
.mail-window b { display:block; margin-bottom:4px; font-size:10px; }
.mail-window p { margin:0; color:var(--muted); font-size:9px; }

.duplicate-window { top:744px; right:20px; width:312px; height:166px; transform:rotate(2.8deg); }
.mini-rows { display:grid; gap:10px; padding:18px; }
.mini-rows span { height:9px; background:#e8ece7; }
.mini-rows span:nth-child(2) { width:82%; background:#f3d4d0; }
.mini-rows span:nth-child(3) { width:68%; }

.floating-alert { position:absolute; z-index:4; padding:8px 11px; border-radius:7px; color:#514d34; background:#f5eaa2; box-shadow:0 8px 22px rgba(34,40,30,.09); font:700 8px/1 "Cascadia Mono",Consolas,monospace; will-change:transform,opacity; }
.alert-one { top:219px; right:22px; transform:rotate(3deg); }
.alert-two { top:624px; left:52px; transform:rotate(-4deg); }
.alert-three { top:900px; right:38px; transform:rotate(2deg); }
.cursor-mark { position:absolute; z-index:5; width:18px; height:24px; clip-path:polygon(0 0,0 100%,31% 72%,48% 100%,62% 93%,45% 65%,78% 65%); background:#252d27; opacity:.72; }
.cursor-one { top:430px; right:62px; transform:rotate(-12deg); }
.cursor-two { top:825px; left:118px; transform:rotate(9deg); }

.analysis-scene { z-index:4; opacity:0; pointer-events:none; }
.analysis-core { position:absolute; top:360px; left:50%; width:280px; height:280px; transform:translateX(-50%); }
.core-ring { position:absolute; inset:0; border:1px solid rgba(59,120,22,.22); border-radius:50%; }
.ring-two { inset:38px; border-color:rgba(59,120,22,.14); }
.core-mark { position:absolute; top:50%; left:50%; display:grid; place-items:center; width:116px; height:116px; border-radius:50%; background:var(--paper-strong); box-shadow:0 18px 44px rgba(24,38,28,.09); transform:translate(-50%,-50%); }
.core-mark img { width:72px; height:72px; object-fit:contain; }
.core-caption { position:absolute; left:50%; bottom:-34px; transform:translateX(-50%); white-space:nowrap; color:var(--muted); font:700 8px/1 "Cascadia Mono",Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }

.data-stream { position:absolute; display:grid; gap:10px; width:186px; }
.stream-left { top:292px; left:24px; }
.stream-right { top:596px; right:22px; }
.data-stream span { display:block; padding:10px 12px; border:1px solid rgba(18,24,20,.08); border-radius:7px; color:var(--muted); background:rgba(255,255,255,.8); font:700 7px/1 "Cascadia Mono",Consolas,monospace; letter-spacing:.07em; will-change:transform,opacity; }
.analysis-status { position:absolute; left:54px; right:54px; bottom:170px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.status-item { padding-top:12px; border-top:1px solid var(--line); color:var(--faint); font-size:9px; text-align:center; }

.clean-scene { z-index:5; opacity:0; pointer-events:none; }
.app-shell { position:absolute; top:208px; left:22px; right:22px; bottom:70px; display:grid; grid-template-columns:58px 1fr; overflow:hidden; border:1px solid rgba(18,24,20,.10); border-radius:16px; background:var(--paper); box-shadow:0 28px 70px rgba(20,34,24,.11); transform-origin:50% 70%; }
.app-sidebar { display:flex; flex-direction:column; align-items:center; padding:17px 0; border-right:1px solid var(--line); background:#182019; }
.app-sidebar > img { width:28px; height:28px; object-fit:contain; }
.app-sidebar nav { display:grid; gap:14px; margin-top:38px; }
.nav-glyph { position:relative; display:block; width:30px; height:30px; border-radius:8px; opacity:.56; }
.nav-glyph.active { background:rgba(121,217,27,.18); opacity:1; }
.nav-glyph i { position:absolute; display:block; background:#b7c1b9; }
.nav-glyph.active i { background:var(--accent); }
.nav-glyph:not(.chart) i { left:8px; width:14px; height:2px; }
.nav-glyph:not(.chart) i:nth-child(1) { top:8px; }
.nav-glyph:not(.chart) i:nth-child(2) { top:13px; }
.nav-glyph:not(.chart) i:nth-child(3) { top:18px; }
.nav-glyph.active i { width:5px; height:5px; }
.nav-glyph.active i:nth-child(1) { top:8px; left:8px; }.nav-glyph.active i:nth-child(2) { top:8px; left:17px; }.nav-glyph.active i:nth-child(3) { top:17px; left:8px; }.nav-glyph.active i:nth-child(4) { top:17px; left:17px; }
.nav-glyph.chart i { bottom:7px; width:4px; }.nav-glyph.chart i:nth-child(1) { left:8px; height:7px; }.nav-glyph.chart i:nth-child(2) { left:13px; height:13px; }.nav-glyph.chart i:nth-child(3) { left:18px; height:18px; }
.profile-dot { display:grid; place-items:center; width:30px; height:30px; margin-top:auto; border:1px solid rgba(255,255,255,.18); border-radius:50%; color:#e6ebe6; font-size:8px; font-weight:760; }

.app-main { min-width:0; padding:24px 20px; }
.app-header { display:flex; align-items:flex-start; justify-content:space-between; }
.app-header small,.section-heading small,.decision-panel small { display:block; margin-bottom:6px; color:var(--accent-deep); font:700 7px/1 "Cascadia Mono",Consolas,monospace; letter-spacing:.10em; }
.app-header h2 { margin:0; font-size:29px; line-height:1; letter-spacing:-.045em; }
.live-state { display:flex; align-items:center; gap:6px; padding-top:5px; color:var(--muted); font-size:8px; }
.live-state i { width:6px; height:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 4px rgba(121,217,27,.12); }

.summary-line { display:grid; grid-template-columns:repeat(3,1fr); margin:24px 0 22px; padding:15px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.summary-line div { padding:0 14px; border-right:1px solid var(--line); }
.summary-line div:first-child { padding-left:0; }.summary-line div:last-child { border:0; }
.summary-line small { display:block; margin-bottom:7px; color:var(--muted); font-size:8px; }
.summary-line strong { font-size:24px; line-height:1; letter-spacing:-.04em; }

.priority-panel,.flow-panel,.decision-panel { background:var(--paper-strong); }
.priority-panel { padding:18px; border:1px solid var(--line); border-radius:12px; }
.section-heading { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:14px; }
.section-heading h3 { margin:0; font-size:15px; letter-spacing:-.025em; }
.section-heading > span { color:var(--muted); font-size:8px; }
.priority-row { display:grid; grid-template-columns:24px 1fr auto; gap:10px; align-items:center; min-height:58px; border-top:1px solid var(--line); }
.priority-row b { display:block; margin-bottom:4px; font-size:10px; }
.priority-row small { color:var(--muted); font-size:8px; }
.row-index { color:var(--faint); font:700 7px/1 "Cascadia Mono",Consolas,monospace; }
.row-state { padding:6px 8px; border-radius:6px; color:var(--accent-deep); background:#edf6e5; font-size:8px; font-weight:740; }
.row-critical .row-index,.row-critical b { color:#7b3c35; }
.row-critical .row-state { color:#7b3c35; background:#fae9e6; }

.lower-grid { display:grid; grid-template-columns:1.06fr .94fr; gap:12px; margin-top:12px; }
.flow-panel,.decision-panel { min-height:202px; padding:17px; border:1px solid var(--line); border-radius:12px; }
.flow-line { position:relative; display:grid; gap:9px; padding-top:2px; }
.flow-line::before { content:""; position:absolute; top:9px; bottom:9px; left:5px; width:1px; background:var(--line-strong); }
.flow-point { position:relative; display:grid; grid-template-columns:12px 1fr; gap:8px; align-items:center; min-height:25px; color:var(--faint); font-size:8px; }
.flow-point i { z-index:1; width:11px; height:11px; border:2px solid var(--paper-strong); border-radius:50%; background:#cbd2cc; box-shadow:0 0 0 1px var(--line-strong); }
.flow-point.done,.flow-point.active { color:var(--ink); }.flow-point.done i { background:var(--accent-deep); }.flow-point.active i { background:var(--accent); box-shadow:0 0 0 4px rgba(121,217,27,.13); }
.decision-panel { color:#ecf1ec; background:#202922; }
.decision-panel small { color:#99d65d; }
.decision-panel h3 { margin:10px 0 9px; font-size:18px; letter-spacing:-.035em; }
.decision-panel p { margin:0; color:#aeb9b0; font-size:9px; line-height:1.5; }
.decision-action { display:flex; align-items:center; justify-content:space-between; margin-top:23px; padding-top:13px; border-top:1px solid rgba(255,255,255,.12); color:#f0f4ef; font-size:8px; font-weight:740; }
.decision-action b { display:grid; place-items:center; width:22px; height:22px; border-radius:6px; color:#172019; background:var(--accent); }
.reveal-clean { will-change:transform,opacity; }

.playback-controls { width:260px; padding:14px; border:1px solid rgba(18,24,20,.10); border-radius:16px; background:rgba(251,252,250,.88); box-shadow:0 20px 60px rgba(24,36,27,.08); }
.playback-controls button { width:calc(50% - 5px); min-height:42px; border:0; border-radius:9px; color:var(--ink); background:#dfe5df; font-weight:760; cursor:pointer; transition:transform 260ms var(--ease),background-color 260ms var(--ease); }
.playback-controls button:first-child { margin-right:6px; background:var(--accent); }
.playback-controls button:hover { transform:translateY(-2px); }.playback-controls button:active { transform:scale(.98); }
.playback-controls button:focus-visible,.playback-controls input:focus-visible { outline:3px solid rgba(59,120,22,.28); outline-offset:2px; }
.playback-controls label { display:grid; gap:7px; margin-top:16px; color:var(--muted); font-size:9px; font-weight:700; }
.playback-controls input { width:100%; accent-color:var(--accent-deep); }
#timecode { display:block; margin-top:9px; color:var(--muted); font:700 9px/1 "Cascadia Mono",Consolas,monospace; text-align:right; }

body.capture-mode { padding:0; background:var(--canvas); }
.capture-mode .preview-shell { display:block; width:100vw; min-height:100dvh; }
.capture-mode .video-canvas { width:100vw; min-height:100dvh; aspect-ratio:auto; box-shadow:none; }
.capture-mode .playback-controls { display:none; }

@media (max-width:880px) {
  body { padding:16px; }
  .preview-shell { grid-template-columns:1fr; width:min(540px,100%); }
  .video-canvas { width:100%; }
  .playback-controls { width:100%; }
}

/* Embedded website composition: the complete story, reformatted for a compact landscape stage. */
body.embed-mode {
  display:block;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  background:var(--canvas);
}
.embed-mode .preview-shell {
  display:block;
  width:100vw;
  height:100dvh;
}
.embed-mode .video-canvas {
  width:100vw;
  height:100dvh;
  min-height:0;
  aspect-ratio:auto;
  box-shadow:none;
}
.embed-mode .playback-controls { display:none }
.embed-mode .canvas-noise { opacity:.09 }
.embed-mode .cinematic-layer { box-shadow:inset 0 0 54px rgba(17,29,20,.07) }
.embed-mode .frame-edge { left:20px; right:20px }
.embed-mode .edge-top { top:12px }
.embed-mode .edge-bottom { bottom:12px }
.embed-mode .story-header,
.embed-mode .story-footer { left:22px; right:22px }
.embed-mode .story-header { top:17px }
.embed-mode .story-footer { bottom:16px }
.embed-mode .mini-brand { gap:7px; font-size:11px }
.embed-mode .mini-brand img { width:21px; height:21px }
.embed-mode .demo-label { font-size:7px }
.embed-mode .narrative-copy { top:55px; left:22px; right:22px }
.embed-mode .narrative-copy p { margin-bottom:6px; font-size:7px }
.embed-mode .narrative-copy h1 { max-width:360px; font-size:29px }

.embed-mode .sheet-window {
  top:122px;
  left:17px;
  width:61%;
  min-height:218px;
}
.embed-mode .window-bar { height:25px; padding:0 9px; font-size:6px }
.embed-mode .window-bar i { width:5px; height:5px }
.embed-mode .sheet-toolbar { height:20px; padding:0 9px; font-size:6px }
.embed-mode .sheet-grid { padding:7px }
.embed-mode .sheet-row { min-height:25px; padding:0 6px; font-size:6.5px }
.embed-mode .sheet-head { min-height:22px; font-size:6px }
.embed-mode .note-window {
  top:145px;
  right:13px;
  width:35%;
  min-height:104px;
  padding:12px;
}
.embed-mode .note-top { margin-bottom:8px; font-size:5.5px }
.embed-mode .note-window p { margin:4px 0; font-size:8px }
.embed-mode .mail-window {
  top:auto;
  bottom:30px;
  left:20%;
  width:46%;
  grid-template-columns:28px 1fr;
  gap:8px;
  padding:9px;
}
.embed-mode .mail-icon { width:28px; height:28px; border-radius:7px; font-size:10px }
.embed-mode .mail-window b { margin-bottom:2px; font-size:7px }
.embed-mode .mail-window p { font-size:6px }
.embed-mode .duplicate-window {
  top:auto;
  right:15px;
  bottom:42px;
  width:34%;
  height:105px;
}
.embed-mode .mini-rows { gap:6px; padding:10px }
.embed-mode .mini-rows span { height:6px }
.embed-mode .floating-alert { padding:6px 8px; font-size:6px }
.embed-mode .alert-one { top:112px; right:18px }
.embed-mode .alert-two { top:255px; left:38px }
.embed-mode .alert-three { top:auto; right:28px; bottom:27px }
.embed-mode .cursor-mark { width:12px; height:17px }
.embed-mode .cursor-one { top:205px; right:48px }
.embed-mode .cursor-two { top:auto; bottom:68px; left:29% }

.embed-mode .analysis-core {
  top:128px;
  width:156px;
  height:156px;
}
.embed-mode .ring-two { inset:22px }
.embed-mode .core-mark { width:70px; height:70px }
.embed-mode .core-mark img { width:44px; height:44px }
.embed-mode .core-caption { bottom:-22px; font-size:6px }
.embed-mode .data-stream { gap:7px; width:27% }
.embed-mode .stream-left { top:130px; left:22px }
.embed-mode .stream-right { top:190px; right:22px }
.embed-mode .data-stream span { padding:7px 8px; font-size:5.5px }
.embed-mode .analysis-status {
  left:18%;
  right:18%;
  bottom:38px;
  gap:6px;
}
.embed-mode .status-item { padding-top:8px; font-size:7px }

.embed-mode .app-shell {
  top:105px;
  left:16px;
  right:16px;
  bottom:27px;
  grid-template-columns:46px 1fr;
  border-radius:12px;
}
.embed-mode .app-sidebar { padding:12px 0 }
.embed-mode .app-sidebar > img { width:23px; height:23px }
.embed-mode .app-sidebar nav { gap:8px; margin-top:20px }
.embed-mode .nav-glyph { width:25px; height:25px }
.embed-mode .profile-dot { width:25px; height:25px; font-size:6px }
.embed-mode .app-main {
  width:122%;
  height:122%;
  padding:14px 13px;
  transform:scale(.82);
  transform-origin:top left;
}
.embed-mode .app-header small,
.embed-mode .section-heading small,
.embed-mode .decision-panel small { margin-bottom:4px; font-size:5.5px }
.embed-mode .app-header h2 { font-size:20px }
.embed-mode .live-state { padding-top:3px; font-size:6px }
.embed-mode .summary-line { margin:10px 0; padding:7px 0 }
.embed-mode .summary-line div { padding:0 8px }
.embed-mode .summary-line small { margin-bottom:3px; font-size:6px }
.embed-mode .summary-line strong { font-size:17px }
.embed-mode .priority-panel { padding:10px 12px; border-radius:9px }
.embed-mode .section-heading { margin-bottom:7px }
.embed-mode .section-heading h3 { font-size:11px }
.embed-mode .section-heading > span { font-size:6px }
.embed-mode .priority-row {
  grid-template-columns:18px 1fr auto;
  gap:7px;
  min-height:32px;
}
.embed-mode .priority-row b { margin-bottom:2px; font-size:7px }
.embed-mode .priority-row small,
.embed-mode .row-state,
.embed-mode .row-index { font-size:5.5px }
.embed-mode .row-state { padding:4px 6px }
.embed-mode .lower-grid { grid-template-columns:1.15fr .85fr; gap:8px; margin-top:8px }
.embed-mode .flow-panel,
.embed-mode .decision-panel {
  min-height:74px;
  padding:9px;
  border-radius:9px;
}
.embed-mode .flow-panel .section-heading { display:none }
.embed-mode .flow-line {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:3px;
  padding-top:8px;
}
.embed-mode .flow-line::before {
  top:12px;
  bottom:auto;
  left:7%;
  right:7%;
  width:auto;
  height:1px;
}
.embed-mode .flow-point {
  grid-template-columns:1fr;
  gap:6px;
  min-height:0;
  justify-items:center;
  font-size:5.5px;
  text-align:center;
}
.embed-mode .flow-point i { width:9px; height:9px }
.embed-mode .decision-panel h3 { margin:6px 0 4px; font-size:11px }
.embed-mode .decision-panel p { font-size:6px }
.embed-mode .decision-action { margin-top:7px; padding-top:6px; font-size:6px }
.embed-mode .decision-action b { width:16px; height:16px; border-radius:4px }

@media (max-width:480px) {
  .embed-mode .story-header,
  .embed-mode .story-footer { left:14px; right:14px }
  .embed-mode .narrative-copy { top:48px; left:14px; right:14px }
  .embed-mode .narrative-copy h1 { font-size:23px }
  .embed-mode .sheet-window { top:102px; left:10px; width:67%; min-height:170px }
  .embed-mode .note-window { top:122px; right:8px; width:36%; min-height:82px; padding:8px }
  .embed-mode .mail-window { left:11%; bottom:22px; width:52% }
  .embed-mode .duplicate-window { right:8px; bottom:28px; height:82px }
  .embed-mode .analysis-core { top:105px; width:130px; height:130px }
  .embed-mode .stream-left { top:105px; left:12px }
  .embed-mode .stream-right { top:150px; right:12px }
  .embed-mode .analysis-status { bottom:28px; left:12%; right:12% }
  .embed-mode .app-shell { top:88px; left:9px; right:9px; bottom:20px; grid-template-columns:35px 1fr }
  .embed-mode .app-sidebar { padding:9px 0 }
  .embed-mode .app-sidebar > img { width:19px; height:19px }
  .embed-mode .app-sidebar nav { margin-top:12px }
  .embed-mode .nav-glyph { width:21px; height:21px; transform:scale(.82) }
  .embed-mode .profile-dot { width:21px; height:21px }
  .embed-mode .app-main {
    width:128%;
    height:128%;
    padding:10px 8px;
    transform:scale(.78);
  }
  .embed-mode .summary-line { margin:7px 0; padding:5px 0 }
  .embed-mode .priority-panel { padding:7px 8px }
  .embed-mode .priority-row { min-height:26px }
  .embed-mode .lower-grid { margin-top:6px; gap:5px }
  .embed-mode .flow-panel,
  .embed-mode .decision-panel { min-height:58px; padding:6px }
  .embed-mode .decision-panel p { display:none }
}