*{box-sizing:border-box}body{margin:0;background:#000;color:#eee;font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:1px solid #b8e8dc;outline-offset:5px}button{min-height:42px}button:hover{color:#fff;background:#ffffff0d}a{color:inherit;text-decoration:none}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:manipulation}#shell{position:relative;pointer-events:none}header,footer,button,select,a,#cards,dialog{pointer-events:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:24px}.brand{display:flex;gap:14px;font-size:28px;align-items:center}.brand span{font-size:12px;letter-spacing:3px}.brand small{display:block;letter-spacing:.5px;color:#777;font-size:10px;margin-top:3px}nav{display:flex;border:1px solid #262626;border-radius:30px;padding:4px}nav button{padding:0 20px;color:#888;border-radius:24px;font-size:12px}nav button.selected{background:#202020;color:#fff}nav span{color:#777;margin-left:6px}.source,.eyebrow,.art-bottom{font-size:9px;letter-spacing:2px;color:#888}.source i{display:inline-block;width:5px;height:5px;background:#c5b08e;border-radius:50%;margin-right:8px}#live{height:calc(100dvh - 180px);min-height:420px;position:relative}.intro{position:absolute;left:4%;top:25px}h1{font-size:clamp(26px,3vw,42px);font-weight:300;letter-spacing:-1.3px;margin:13px 0 6px}p{color:#7f7f7f;margin:0;font-size:12px}.art-bottom{position:absolute;bottom:20px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:8px}.cluster-label{position:fixed;text-align:left;border-left:1px solid var(--color);padding:6px 12px;background:linear-gradient(90deg,#000c,#0000);font-size:11px;max-width:180px}.cluster-label strong{font-weight:500;display:block}.cluster-label small{display:block;color:#999;font-size:10px;margin-top:3px}footer{height:70px;border-top:1px solid #202020;margin:0 4%;display:flex;align-items:center;gap:25px;font-size:11px;background:#000b}.transport{display:flex;align-items:center;gap:10px;white-space:nowrap}select{background:#050505;font-size:11px}#ticker{flex:1;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#ticker b{color:#b5c9bf;font-weight:400;margin-right:14px}#fullscreen{font-size:11px;color:#aaa}#dashboard{padding:35px 4% 45px;background:#000d;min-height:calc(100dvh - 180px)}.dash-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}#summary{color:#aaa;font-size:12px}#cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{border:1px solid #262626;border-radius:8px;background:#080808dc;text-align:left;padding:22px 18px;min-height:245px;transition:border-color .2s}.card:hover{border-color:#777;background:#101010}.card-top{display:flex;justify-content:space-between;font-size:9px;color:#888}.status{color:var(--color)}.card h2{font-size:16px;font-weight:400;margin:24px 0 6px}.card p{font-size:11px;min-height:34px}.meter{height:2px;background:#252525;margin:24px 0 10px}.meter span{display:block;background:var(--color);height:100%;transition:width .6s}.card small{font-size:10px;color:#8a8a8a}.milestone{margin-top:16px;font-size:10px;color:#b5b5b5}dialog{background:#0b0b0bf5;color:#eee;border:1px solid #383838;border-radius:12px;width:min(560px,94vw);padding:35px;max-height:88dvh;overflow:auto}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}#close{position:absolute;right:12px;top:8px;font-size:26px;color:#999}dialog h2{font-size:28px;font-weight:300;margin:15px 0}dialog h3{font-size:10px;letter-spacing:2px;color:#888;margin-top:26px}dialog ul{padding-left:18px;color:#aaa;font-size:12px}dialog li{margin:10px 0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid #222;padding:20px 0;margin-top:22px}.facts small{display:block;color:#777;font-size:10px;margin-bottom:5px}.facts span{font-size:12px}.event{font-size:11px;padding:8px 0;border-bottom:1px solid #202020;color:#aaa}.event time{color:#666;margin-right:12px}body.pure #shell{display:none}body.dashboard canvas{opacity:.35}.reading-key{position:absolute;left:4%;top:123px;pointer-events:auto;max-width:285px;font-size:11px;color:#aaa;z-index:2}.reading-key summary{cursor:pointer;list-style:none;color:#b6c8c2}.reading-key summary::before{content:'+ '}.reading-key[open]{background:#080808f2;padding:14px;border:1px solid #282828;border-radius:8px}.reading-key[open] summary::before{content:'− '}.reading-key p{font-size:11px;margin-top:12px}.reading-key b{color:#ddd;font-weight:500}@media(max-width:1100px){#cards{grid-template-columns:repeat(3,1fr)}.source{font-size:8px;letter-spacing:1px}header{gap:10px}nav button{padding:0 12px}}@media(max-width:650px){header{height:140px;flex-wrap:wrap;padding:20px 5%}.brand{font-size:24px}.source{font-size:7px}nav{order:3;width:100%;justify-content:center}nav button{flex:1}#live{height:calc(100dvh - 215px)}.intro{top:10px;left:5%}.intro h1{font-size:29px}.intro p{font-size:11px}.cluster-label{font-size:10px;max-width:135px}.cluster-label small{font-size:9px}.art-bottom span:last-child{display:none}footer{gap:10px;height:75px;margin:0 5%;flex-wrap:wrap;align-content:center}#ticker{order:3;flex-basis:100%;font-size:10px}.transport{gap:8px}#fullscreen{margin-left:auto}#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:16px 12px}.card h2{font-size:14px}.dash-heading{display:block}#summary{margin-top:20px}#dashboard{padding-top:15px}.facts{gap:12px}dialog{padding:26px}.reading-key{top:95px;left:5%;max-width:260px}}@media(prefers-reduced-motion:reduce){.meter span{transition:none}}

canvas{touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.transport button{font-size:11px}@media(max-width:650px){.transport{gap:3px}.transport button{padding:0 5px;font-size:10px}#fullscreen{font-size:10px}}

#labels{position:absolute;left:4%;right:4%;bottom:39px;pointer-events:auto}.work-heading{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.5px;color:#aaa;height:30px}.work-heading span{color:#696969;font-size:8px}.work-heading button{margin-left:auto;font-size:10px;letter-spacing:0;min-height:28px}.agent-strip{display:flex;gap:10px}.agent-chip{flex:1;min-width:0;text-align:left;padding:10px 13px;background:#050505d9;border:1px solid #242424;border-radius:7px}.agent-chip strong{font-size:11px;font-weight:500;color:var(--color);display:block}.agent-chip span,.agent-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#aaa;margin-top:3px}.agent-chip small{color:#737373;font-size:9px}.agent-chip.focused{border-color:var(--color);background:#0b0b0be8}#growth-note{position:fixed;max-width:236px;text-align:left;border-left:1px solid var(--color);padding:5px 10px;background:linear-gradient(90deg,#000d,#0004);pointer-events:auto}#growth-note strong{display:block;font-size:11px;font-weight:500;color:var(--color)}#growth-note span{display:block;color:#bbb;font-size:10px;margin-top:3px}#growth-note small{display:block;color:#888;font-size:9px;margin-top:4px}@media(max-width:650px){#labels{left:5%;right:5%;bottom:35px}.agent-strip{overflow-x:auto;scroll-snap-type:x proximity}.agent-chip{flex:0 0 78%;scroll-snap-align:start}.work-heading{letter-spacing:1px}.work-heading span{font-size:7px}#growth-note{max-width:215px}.art-bottom{font-size:7px}}

#detail{width:min(820px,94vw);padding:30px;max-height:90dvh}.workspace-title h2{margin-bottom:4px}.detail-tabs{border:0;border-bottom:1px solid #292929;border-radius:0;margin-top:22px;padding:0;position:sticky;top:-30px;background:#0b0b0b;z-index:2}.detail-tabs button{border-radius:0;padding:0 20px}.detail-tabs button.selected{background:transparent;border-bottom:2px solid #82c7b5}.workspace-body{padding-top:20px}.agent-current{border-left:2px solid #82c7b5;padding:14px 20px;background:#ffffff04}.agent-current h2{font-size:24px;line-height:1.3}.agent-current b{color:#ddd;font-weight:500}.step-plan{list-style:none;padding:0;display:grid;gap:10px}.step-plan li{border:1px solid #262626;border-radius:6px;padding:12px 15px;margin:0;display:flex;justify-content:space-between;gap:12px}.step-plan li.current{border-color:#537f72}.step-plan strong{font-weight:400;color:#ccc}.step-plan span{font-size:10px;color:#888;white-space:nowrap}.resource-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #252525;gap:15px;font-size:12px}.resource-row strong{font-weight:400}.resource-row button,.artifact-preview a{color:#9ad7c7;font-size:12px}.resource-row span{color:#777;font-size:11px}.artifact-preview{margin-top:20px}.artifact-preview pre{font:11px/1.7 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#050505;padding:18px;border:1px solid #242424;max-height:350px;overflow:auto}.history-list{margin-top:15px}.history-list strong{font-weight:400;color:#bbb}.history-list .event div{margin-top:4px}@media(max-width:650px){#detail{padding:20px}.detail-tabs{top:-20px}.detail-tabs button{padding:0 12px;font-size:11px}.step-plan li{display:block}.step-plan span{display:block;margin-top:5px}.agent-current{padding:12px}.agent-current h2{font-size:21px}}

/* Keep the title and help in normal flow, with shared page gutters. */
:root{--page-gutter:clamp(20px,3.5vw,64px)}
#shell>header{height:104px;padding:20px var(--page-gutter);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px}
#shell>header .brand{justify-self:start;white-space:nowrap}
#shell>header>nav{justify-self:center;flex-wrap:nowrap;width:auto;order:initial}
#shell>header>nav button{white-space:nowrap}
#shell>header .source{justify-self:end;white-space:nowrap}
#live{height:calc(100dvh - 184px);min-height:510px}
.intro{left:var(--page-gutter);top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:min(440px,calc(100% - 2 * var(--page-gutter)));z-index:3}
.intro h1{margin:0;line-height:1.12;letter-spacing:-1px}
.intro>p{margin:0;line-height:1.6}
.intro .reading-key{position:static;max-width:100%;margin-top:2px;line-height:1.6}
.intro .reading-key summary{min-height:30px;display:flex;align-items:center;gap:5px}
.intro .reading-key[open]{margin-top:2px;max-width:340px}
#labels{left:var(--page-gutter);right:var(--page-gutter);bottom:64px}
.work-heading{height:auto;min-height:30px;margin-bottom:8px;flex-wrap:wrap}
.agent-strip{gap:12px}
.agent-chip{padding:13px 15px;min-height:88px}
.agent-chip strong{line-height:1.45}
.agent-chip span{margin-top:6px}
.agent-chip small{margin-top:5px}
.art-bottom{left:var(--page-gutter);right:var(--page-gutter);bottom:24px;gap:20px;line-height:1.6}
#shell>footer{height:80px;margin:0 var(--page-gutter);gap:20px}
#ticker{min-width:0}
#detail .workspace-title{padding-right:22px}
@media(max-width:980px){
 #shell>header{height:144px;grid-template-columns:1fr auto;gap:14px;padding-block:16px}
 #shell>header>nav{grid-row:2;grid-column:1/-1}
 #shell>header .source{grid-column:2;grid-row:1}
 #live{height:calc(100dvh - 224px)}
 .art-bottom span:last-child{display:none}
}
@media(max-width:650px){
 #shell>header{gap:12px;height:140px}
 #shell>header .brand{gap:9px}
 #shell>header .brand span{font-size:10px;letter-spacing:2px}
 #shell>header .source{font-size:7px;letter-spacing:.7px}
 #shell>header>nav{width:100%}
 #shell>header>nav button{flex:1;padding:0 10px}
 #live{height:calc(100dvh - 248px);min-height:480px}
 .intro{top:20px;gap:10px}
 .intro h1{font-size:30px}
 #labels{bottom:60px}
 .agent-chip{padding:12px 14px;min-height:92px}
 .art-bottom{bottom:23px;font-size:7px;letter-spacing:1px}
 #shell>footer{height:108px;gap:6px 12px;align-content:center}
 .transport{flex-wrap:wrap;gap:3px}
 #ticker{flex-basis:100%;line-height:1.6}
}

.source{text-align:right}#data-mode{max-width:230px;font-size:11px;padding:6px 0}#connection-status{font-size:8px;margin-top:5px}button:disabled,select:disabled{opacity:.35;cursor:default}.resource-row a,.event a{color:#8fc9b8;font-size:11px}@media(max-width:650px){#data-mode{max-width:155px;font-size:9px}.source{max-width:160px}}

.motion-choice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding-top:12px;border-top:1px solid #292929;font-size:11px}.motion-choice select{padding:6px;border:1px solid #333;border-radius:4px}.intro>p[hidden]{display:none}

#growth-note .completion-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;max-width:225px}#growth-note strong{line-height:1.35}#growth-note{will-change:transform,opacity}

body.dashboard>#growth-note{display:none}body.pure>#growth-note{max-width:210px;padding:4px 8px;background:linear-gradient(90deg,#0009,transparent);border-left-color:#ffffff38}body.pure>#growth-note strong{font-size:10px;font-weight:400}body.pure>#growth-note span{font-size:9px}body.pure>#growth-note small{display:none}

.runtime-badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.runtime-badges span{font-size:10px;border:1px solid #303b39;border-radius:20px;padding:5px 9px;color:#a8bcb6}
#matrix-issue{position:fixed;z-index:12;top:44%;left:50%;transform:translate(-50%,-50%);width:min(90vw,550px);padding:30px;text-align:center;pointer-events:none;background:radial-gradient(ellipse,#090605ed,#0000 75%);color:#f8d1ad}#matrix-issue[hidden]{display:none}#matrix-issue h2{font-size:clamp(18px,3vw,29px);font-weight:400;letter-spacing:.18em;text-shadow:0 0 22px #ff956b80;margin:14px 0}#matrix-issue small{font-size:10px;letter-spacing:.14em;color:#af9583}#matrix-issue p{font-size:13px;color:#e1d6cf}
.radio-control{position:relative}.radio-control summary{cursor:pointer;list-style:none;padding:8px;color:#aaa}.radio-panel{position:absolute;bottom:44px;right:0;width:255px;padding:18px;background:#080a09f5;border:1px solid #29332f;border-radius:12px;font-size:12px;box-shadow:0 12px 40px #000}.radio-panel a{color:#a6c8bd}.radio-panel p{color:#999}.radio-panel label{display:flex;align-items:center;gap:10px;margin:12px 0}.radio-panel input{width:145px;accent-color:#8eafa2}.radio-panel small{display:block;color:#99aaa3}body.pure .radio-control{display:none}

@media(max-width:650px){.radio-panel{position:fixed;right:18px;bottom:115px;width:min(300px,calc(100vw - 36px))}}
/* Website mission observatory: shared colors, independent of device firmware. */
.intro{top:12px;left:calc(var(--page-gutter) + 40px)}
#cards[data-mode="missions"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mission-agent{border:1px solid #252b29;border-radius:14px;padding:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--color) 5%,#080a09),#050605 65%);min-width:0}
.mission-top{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.2px;color:#8c9994}.mission-state{color:var(--color);letter-spacing:0}.mission-state i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:7px}.is-working .mission-state i{box-shadow:0 0 10px var(--color)}
.mission-agent>h2{font-size:19px;font-weight:400;margin:18px 0;color:var(--color);text-shadow:0 0 24px color-mix(in srgb,var(--color) 28%,transparent)}
.mission-now{padding:20px;border-left:1px solid var(--color);background:linear-gradient(90deg,color-mix(in srgb,var(--color) 7%,transparent),transparent);min-height:150px}.mission-now small{font-size:8px;letter-spacing:1.8px;color:#9aacaa}.mission-now h3{font-size:26px;line-height:1.25;font-weight:300;margin:8px 0;text-transform:capitalize;overflow-wrap:anywhere}.mission-now p{color:#b0b8b4;line-height:1.7}.mission-now>span{display:block;font-size:9px;color:#76867d;margin-top:12px}
.mission-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:24px 0;border-bottom:1px solid #232b27}.mission-stats b{display:block;font-size:23px;font-weight:300}.mission-stats small{display:block;color:#89948e;font-size:9px;line-height:1.5;margin-top:6px}
.journal-heading{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.journal-heading h3{font-size:9px;letter-spacing:1.4px;font-weight:400}.journal-heading>span{font-size:9px;color:#75827a}.topic-trail{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 20px}.topic-trail>span{border:1px solid color-mix(in srgb,var(--color) 25%,#202520);color:var(--color);font-size:10px;border-radius:20px;padding:4px 10px}
.mission-journal{pointer-events:auto;font-size:11px}.mission-journal summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;padding:12px 0;color:#ccd3cf}.mission-journal summary span{font-size:10px;color:#84938b}.journal-scroll{max-height:300px;overflow:auto;overscroll-behavior:contain}.journal-scroll section{border-left:1px solid #36423b;padding:8px 15px;margin:10px 0 18px}.journal-scroll time{font-size:10px;color:var(--color)}.journal-scroll strong{display:block;font-size:12px;font-weight:400;margin:6px 0 12px}.journal-scroll p{margin:8px 0}.journal-scroll p b{display:block;font-weight:400;color:#c0c9c3;text-transform:capitalize}.journal-scroll p span{font-size:10px}.journal-note{font-size:10px;line-height:1.6;margin:12px 0;color:#849087}.mission-open{display:flex;justify-content:space-between;width:100%;font-size:11px;color:var(--color);border-top:1px solid #232b27;margin-top:12px;padding:12px 0 0}
@media(max-width:750px){#cards[data-mode="missions"]{grid-template-columns:1fr}.mission-agent{padding:18px}.mission-top{font-size:8px}.intro{top:10px;left:calc(var(--page-gutter) + 22px);max-width:calc(100% - 2 * var(--page-gutter) - 22px)}}

.mission-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.reflection-journal{border-top:1px solid #232b27}.reflection-text{white-space:pre-wrap;line-height:1.8;color:#c2ccc6!important;font-size:12px}.reflection-sources{font-size:10px;line-height:1.7;color:#96aca0}.reflection-sources>div{padding:8px 0}.reflection-sources b{display:block;font-weight:400}.reflection-sources a{color:var(--color,#8fc9b8)}.reflection-journal .journal-scroll{max-height:450px}
@media(max-width:430px){.mission-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}}

.mission-stats>div{text-align:center;min-width:0}.mission-stats b,.mission-stats small{text-align:center;width:100%;font-variant-numeric:tabular-nums}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.source[data-state="live"] #data-mode{color:#61e5b0;text-shadow:0 0 12px #40d9b24d}.source[data-state="offline"] #data-mode{color:#d4ac7b}.source[data-state="demo"] #data-mode{color:#b7bdc3}#data-mode option{color:#eee;text-shadow:none}

.source{display:flex;align-items:center;gap:12px;letter-spacing:0;position:relative}#data-mode{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;box-shadow:none;padding:7px 18px 7px 2px;color:#bfc5c1!important;text-shadow:none!important;font-size:11px;max-width:170px}.source::after{content:'⌄';position:absolute;right:0;pointer-events:none;color:#818c85;font-size:12px}#connection-status{order:-1;margin:0;font-size:10px;letter-spacing:.4px;color:#8b9690}.source[data-state="live"] #connection-status{color:#61e5b0;text-shadow:0 0 12px #40d9b24d}.source[data-state="live"] #connection-status::before{content:'●';font-size:6px;margin-right:6px;vertical-align:middle}.source[data-state="offline"] #connection-status{color:#d4ac7b}@media(max-width:650px){.source{gap:7px;max-width:none}#data-mode{font-size:10px;max-width:125px}#connection-status{font-size:8px}}

/* Project selection is a quiet text list, not a native boxed dropdown. */
#data-mode[hidden]{display:none}.source::after{content:none}.project-picker{position:relative;pointer-events:auto}#project-toggle{display:flex;align-items:center;gap:12px;padding:0;min-height:34px;color:#eee;font-size:11px;font-weight:400;background:none}#project-toggle span{color:#aaa;font-size:12px}#project-menu{position:absolute;z-index:30;top:100%;right:0;min-width:145px;list-style:none;margin:0;padding:8px 0;background:linear-gradient(90deg,#000b,#000f);backdrop-filter:blur(8px);border:0;border-radius:0;box-shadow:none;text-align:left}#project-menu[hidden]{display:none}#project-menu li{margin:0;padding:0}#project-menu button{display:block;width:100%;min-height:34px;padding:8px 12px;color:#eee;font-size:11px;font-weight:400;text-align:left;background:none}#project-menu button:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}#project-menu button[aria-current="true"]::after{content:'·';margin-left:10px;color:#97b8aa}@media(max-width:650px){#project-toggle,#project-menu button{font-size:10px}}
body.hero-mode #growth-note{max-width:190px}body.hero-mode #growth-note strong{font-size:10px}body.hero-mode #growth-note span{font-size:9px}

#shell>header .brand .network-brand-icon{display:block;width:65px;height:auto;flex:none}@media(max-width:650px){#shell>header .brand .network-brand-icon{width:48px}}

#shell>header .brand .brand-lockup{display:block;width:290px;height:auto;overflow:hidden}@media(max-width:1100px){#shell>header .brand .brand-lockup{width:240px}}@media(max-width:650px){#shell>header .brand .brand-lockup{width:245px;max-width:65vw}}

html[data-phone-preview],html[data-phone-preview] body{height:100%;min-height:0;overflow:hidden!important}
html[data-phone-preview] #shell,html[data-phone-preview] dialog{display:none!important}
html[data-phone-preview] #atlas{position:fixed;inset:0;width:100%;height:100%;opacity:1;pointer-events:none}
html[data-phone-preview] #growth-note{max-width:200px;pointer-events:none;padding:5px 8px;background:linear-gradient(90deg,#000b,transparent)}
html[data-phone-preview] #growth-note strong{font-size:10px}
html[data-phone-preview] #growth-note span{font-size:10px}
html[data-phone-preview] #growth-note small{display:none}

html[data-phone-preview] #growth-note{box-sizing:border-box;max-width:min(200px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:hidden;overflow-wrap:anywhere}