/* Palette follows ten-levels/review/assets/style.css. */
:root{--bg:#FBFCFF;--deep:#F0F7FF;--panel:#fff;--panel2:#F3F8FF;--ink:#172338;--muted:#4B5B70;--line:#D4E0EB;--pink:#C61C69;--orange:#B84B0A;--yellow:#FFE14A;--blue:#075BC7;--blue-brand:#2688F4;--green:#16734B;--green-bright:#6BD681;--dopamine-strip:linear-gradient(90deg,var(--pink) 0 20%,var(--orange) 20% 40%,var(--yellow) 40% 60%,var(--blue-brand) 60% 80%,var(--green-bright) 80%);--paper:var(--bg);--white:var(--panel);--accent:var(--blue);--type-body:15px;--type-body-mobile:14px;--type-meta:13px;--type-nav:14px;--type-subtitle:17px;--type-title:32px;--type-title-mobile:26px;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scrollbar-gutter:stable}
body{background:var(--bg);color:var(--ink);overflow-x:clip}
a{color:var(--blue)}
.site-nav{position:relative;z-index:100;background:var(--panel);border-bottom:1px solid var(--line);font:300 var(--type-nav)/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:var(--ink)}
.site-nav::before{content:"";display:block;height:5px;background:var(--dopamine-strip)}
.site-nav-inner{width:min(1132px,calc(100% - 48px));margin:auto;padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:12px 22px;flex-wrap:wrap}
.site-logo{color:#435B99!important;text-decoration:none!important;font-size:25px;font-weight:800;letter-spacing:-.8px;white-space:nowrap;line-height:1.2}
.site-logo .site-dot{color:#E03131}.site-logo .site-pill{display:inline-block;vertical-align:baseline;padding:.2em .36em;margin-left:.04em;border-radius:.34em;background:#E03131;color:#fff;font-size:.38em;font-weight:700;letter-spacing:.03em;line-height:1;position:relative;top:-.325em}
.site-nav-links{display:flex!important;flex-wrap:wrap;align-items:center;gap:18px!important;height:auto!important;min-height:0!important;border:0!important;margin:0!important;padding:0!important;background:transparent!important}
.site-nav-links a{display:inline-block!important;color:var(--muted)!important;text-decoration:none!important;border:0!important;background:transparent!important;border-radius:0!important;padding:0!important;font:300 var(--type-nav)/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;white-space:nowrap}
.site-nav-links .site-nav-separator{color:var(--line);font:300 var(--type-nav)/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;user-select:none}
.site-nav-links a:hover,.site-nav-links a:focus-visible{color:var(--blue)!important}
.site-nav-links a[aria-current=page]{color:var(--blue)!important}
.site-city{background:var(--bg)!important;color:var(--ink)!important;margin:0!important;max-width:none!important;padding:0!important}
.site-city>main{padding-inline:clamp(16px,3vw,24px)}
.site-city main,.site-city section,.site-city article,.site-city header,.site-city footer{min-width:0}
.site-city main{max-width:1180px}
.site-city .hero,.site-city>header{background:var(--deep)!important;color:var(--ink)!important}
.site-city .hero p,.site-city>header p{color:var(--muted)!important}
.site-city .hero{padding-inline:clamp(16px,3vw,30px);border-top:5px solid transparent;border-image:var(--dopamine-strip) 1}
.site-city .card,.site-city .panel,.site-city .v,.site-city li,.site-city .access,.site-city .clock{background:var(--panel)!important;color:var(--ink)!important;border-color:var(--line)!important}
.site-city .card:nth-child(5n+1),.site-city .panel:nth-child(5n+1){border-top:4px solid var(--pink)!important}
.site-city .card:nth-child(5n+2),.site-city .panel:nth-child(5n+2){border-top:4px solid var(--orange)!important}
.site-city .card:nth-child(5n+3),.site-city .panel:nth-child(5n+3){border-top:4px solid var(--blue-brand)!important}
.site-city .card:nth-child(5n+4),.site-city .panel:nth-child(5n+4){border-top:4px solid var(--green-bright)!important}
.site-city .eyebrow,.site-city .status,.site-city .label,.site-city .n{color:var(--blue)!important}
.site-city .card-top{color:var(--blue)!important;border-bottom-color:var(--line)!important}
.site-city nav:not(.site-nav-links) a{color:var(--blue);background:var(--panel2)}
.site-city pre{background:var(--panel2);color:var(--ink)}
.site-city .button,.site-city button:not(.secondary){background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}
.site-city .button:hover,.site-city button:not(.secondary):hover{background:#064a9e!important}
.site-city .auth{background:var(--deep)!important;color:var(--ink)!important;border:1px solid var(--line)}
.site-city .auth .hint{color:var(--muted)!important}
.site-city .notice{background:#eaf4ff!important;border-left-color:var(--blue)!important}
.site-city .warning{background:#fff5dc!important;border-left-color:var(--orange)!important}
.site-city .slot.selected{border-color:var(--blue)!important}
.site-city .slot.full{background:var(--panel2)!important}
.site-city input,.site-city select,.site-city textarea{color:var(--ink);background:#fff;border-color:#9eb0c3}
.site-city table{max-width:100%}
.site-city th,.site-city td{overflow-wrap:anywhere}
.site-city .top{background:var(--panel)!important;color:var(--ink)!important}
.site-city .top a:not(.site-logo){color:var(--blue)}
.site-city :is(h1,h2,h3,p,small,span,label,th,td){overflow-wrap:break-word}
.site-live{min-height:100vh;display:block!important;background:var(--bg)!important;color:var(--ink)!important;padding:0!important}
.site-live main{max-width:700px;margin:clamp(70px,15vh,170px) auto 80px;padding:clamp(24px,4vw,48px);background:var(--deep);border:1px solid var(--line);border-top:6px solid var(--pink);border-radius:16px;box-shadow:0 18px 55px rgba(38,136,244,.08)}
.site-live main::after{content:"";display:block;height:7px;max-width:210px;margin-top:32px;background:var(--dopamine-strip);border-radius:999px}
.site-live h1{color:#435B99!important}
.site-live .dotc{color:#E03131!important}.site-live .pill{background:#E03131!important;color:#fff!important}
.site-live .live{background:var(--panel2);border-color:var(--line)}
.site-live .mark{border-color:var(--ink)}
.site-live-page{background:var(--bg);color:var(--ink)}
.site-inbox{margin:0;min-height:100vh;font:var(--type-body)/1.55 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.site-inbox .inbox-shell{width:min(760px,calc(100% - 32px));margin:clamp(20px,4vw,48px) auto 56px;padding:clamp(18px,3vw,28px);background:var(--panel);border:1px solid var(--line);border-top:6px solid var(--pink);border-radius:16px;box-shadow:0 18px 45px rgba(38,136,244,.08)}
.site-inbox h1{margin:0 0 12px;color:var(--ink);font-size:clamp(var(--type-title-mobile),4vw,var(--type-title))}
.site-inbox p{color:var(--muted)}
.site-inbox input{width:min(100%,36rem);max-width:100%;padding:11px 13px;border:1px solid #9eb0c3;border-radius:8px;background:#fff;color:var(--ink);font:inherit}
.site-inbox button{padding:11px 17px;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;cursor:pointer}
.site-inbox article{min-width:0;margin-top:18px;padding:18px;border:1px solid var(--line);border-top:4px solid var(--orange);border-radius:10px;background:var(--panel2)}
.site-inbox article:nth-child(3n+2){border-top-color:var(--blue-brand)}
.site-inbox article:nth-child(3n){border-top-color:var(--green-bright)}
.site-inbox article h2{margin:0 0 4px;overflow-wrap:anywhere}
.site-inbox pre{white-space:pre-wrap;overflow-wrap:anywhere}
.site-inbox audio{display:block;width:100%;max-width:100%}
.landing{max-width:1180px;margin:0 auto;padding:24px 20px 80px;font:var(--type-body)/1.55 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.landing .hero{border-radius:12px;padding:clamp(20px,4vw,42px);margin:18px 0 24px;border:1px solid var(--line);border-top:6px solid var(--pink);background:var(--deep)}
.landing .hero h1{font-size:clamp(var(--type-title-mobile),4vw,var(--type-title));line-height:1.1;letter-spacing:-.04em;margin:12px 0 18px;font-family:"Noto Serif SC","Songti SC",serif}
.landing .hero p{font-size:var(--type-body);color:var(--muted);max-width:62ch}
.landing .eyebrow{color:var(--blue);font:700 13px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.14em}
.landing .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;margin:18px 0 32px}
.landing .card,.landing .panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px;min-width:0}
.landing .card{border-top:5px solid var(--pink)}
.landing .card:nth-child(5n+2){border-top-color:var(--orange)}.landing .card:nth-child(5n+3){border-top-color:var(--yellow)}.landing .card:nth-child(5n+4){border-top-color:var(--blue-brand)}.landing .card:nth-child(5n+5){border-top-color:var(--green-bright)}
.landing h2,.landing h3{font-family:"Noto Serif SC","Songti SC",serif;color:var(--ink);line-height:1.25}
.landing .card h2{font-size:var(--type-subtitle);margin:10px 0}.landing .card h3{font-size:var(--type-subtitle);margin:10px 0}
.landing .card p{color:var(--muted);margin:8px 0}.landing .card b{color:var(--ink)}
.landing .button{display:inline-flex;background:var(--blue);color:#fff;text-decoration:none;border-radius:999px;padding:10px 18px;margin-top:18px;font-weight:700}
.landing .button:hover{background:#064a9e}
.landing .voice-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.landing audio{display:block;width:100%;max-width:100%}
.landing footer{border-top:1px solid var(--line);padding-top:26px;color:var(--muted);font-size:14px}
@media(min-width:601px){.bots-page main{width:min(1132px,calc(100% - 48px))!important}}
@media(max-width:600px){.site-nav-inner{width:auto;padding:10px 16px;gap:8px}.site-nav-links{width:100%;gap:clamp(4px,calc((100vw - 270px)/8),16px)!important}.site-nav-links a{font-size:var(--type-nav)!important}.site-live main{width:calc(100% - 32px);margin:64px 16px 60px}.site-city .hero{padding-inline:16px}.site-city main{max-width:100%}}

/* Shared statement sits inside each page's content container. */
.demo-statement{display:block;width:100%;max-width:100%;min-width:0;margin:24px 0 0;padding:clamp(16px,2vw,22px);border:1px solid var(--line,#D4E0EB);border-top:5px solid var(--pink,#C61C69);border-radius:12px;background:var(--panel,#fff);color:var(--ink,#172338);font:400 var(--type-body)/1.55 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;box-shadow:0 10px 28px rgba(38,136,244,.06);overflow-wrap:anywhere}
.demo-statement h2{margin:0 0 10px;color:var(--ink,#172338);font:700 var(--type-subtitle)/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:0}
.demo-statement h2:not(:first-child){margin-top:24px}
.demo-statement p{margin:8px 0 0;color:var(--ink,#172338);font:inherit;max-width:none}
body>.demo-statement{width:min(1180px,calc(100% - 32px));margin:32px auto}
.site-preview>.demo-statement{width:min(1132px,calc(100% - 48px))}

@media(max-width:600px){:root{--type-body:var(--type-body-mobile);--type-subtitle:16px;--type-title:var(--type-title-mobile)}.landing{padding:18px 16px 56px}.site-inbox article{padding:14px}}

.landing h2,.landing h3{font-size:var(--type-subtitle);line-height:1.5}.landing .panel{padding:18px}.site-inbox article h2{font-size:var(--type-subtitle)}.demo-statement h2{font-size:var(--type-subtitle)!important;line-height:1.5!important}

/* One header component is inserted synchronously by site-nav.js before paint. */
body>.site-nav{display:block;width:100%;height:54px;min-height:54px;margin:0;padding:0;flex:none}
body>.site-nav .site-nav-inner{height:48px;min-height:48px;flex-wrap:nowrap}
body>.site-nav .site-nav-links{flex-wrap:nowrap}
body>.site-nav .site-logo{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;font-size:25px!important;font-weight:800!important;line-height:30px!important}
body>.site-nav .site-nav-links a,body>.site-nav .site-nav-separator{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;font-size:14px!important;font-weight:300!important;line-height:21px!important}
@media(max-width:600px){body>.site-nav{height:85px;min-height:85px}body>.site-nav .site-nav-inner{height:79px;min-height:79px;flex-wrap:wrap;align-content:center}body>.site-nav .site-nav-links{width:100%}}

/* Four directory pages share the same content column and title frame. */
body:is(.live-page,.bots-page)>main,.site-city>main.landing{width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:24px 24px 80px!important;min-width:0}
body:is(.live-page,.bots-page)>main>.intro,.site-city>main.landing>.hero{margin:18px 0 24px!important;padding:clamp(20px,4vw,42px)!important;border:1px solid var(--line)!important;border-top:6px solid var(--pink)!important;border-image:none!important;border-radius:12px!important;background:var(--deep)!important}
body:is(.live-page,.bots-page)>main>.intro>.eyebrow,.site-city>main.landing>.hero>.eyebrow{display:block!important;margin:0!important;font:700 13px/18.2px ui-monospace,Menlo,monospace!important;letter-spacing:.14em!important;color:var(--blue)!important}
body:is(.live-page,.bots-page)>main>.intro>h1,.site-city>main.landing>.hero>h1{margin:12px 0 18px!important;font-family:"Songti SC",Georgia,serif!important;font-size:var(--type-title)!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.04em!important}
body:is(.live-page,.bots-page)>main>.intro>p,.site-city>main.landing>.hero>p{margin:1em 0!important;font-size:var(--type-body)!important;line-height:1.55!important;color:var(--muted)!important}
@media(max-width:600px){body:is(.live-page,.bots-page)>main,.site-city>main.landing{padding:18px 16px 56px!important}}

/* Shared compact portrait cards for Bots and Lab City. */
.profile-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:start;margin:18px 0 32px}
.profile-card{border:1px solid var(--line);border-top:4px solid var(--pink);border-radius:12px;background:var(--panel);min-width:0;overflow:hidden}
.profile-card:nth-child(5n+2){border-top-color:var(--orange)}
.profile-card:nth-child(5n+3){border-top-color:var(--yellow)}
.profile-card:nth-child(5n+4){border-top-color:var(--blue-brand)}
.profile-card:nth-child(5n+5){border-top-color:var(--green-bright)}
.profile-card[open]{grid-column:1/-1}
.profile-card>summary{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center;padding:14px;cursor:pointer;list-style:none;min-height:154px}
.profile-card>summary::-webkit-details-marker{display:none}
.profile-card>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.profile-card[open]>summary{min-height:0;border-bottom:1px solid var(--line)}
.profile-portrait{position:relative;display:grid;place-items:center;min-width:0;isolation:isolate}
.profile-portrait::before{content:"";position:absolute;z-index:-1;width:84px;aspect-ratio:1;border-radius:50%;background:#F59AC1}
.profile-portrait.tone-1::before{background:#FFB77D}
.profile-portrait.tone-2::before{background:#FFE783}
.profile-portrait.tone-3::before{background:#8FC4FF}
.profile-portrait.tone-4::before{background:#9FE2A8}
.profile-portrait img{display:block;width:92px;height:116px;object-fit:contain;object-position:center bottom}
.profile-copy{display:block;min-width:0;overflow-wrap:anywhere}
.profile-detail{padding:16px;min-width:0}
@media(max-width:900px){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.profile-grid{grid-template-columns:1fr!important}.profile-card>summary{min-height:136px}}

.profile-card .bot-name{display:block;font-size:var(--type-subtitle);line-height:1.25;overflow-wrap:anywhere}
.profile-card .vendor,.profile-card .version{display:block;font-size:var(--type-meta);color:var(--muted);overflow-wrap:anywhere}
.profile-card .version{margin-top:8px}