@charset "UTF-8";
:root{--canvas:#f5f6f8;--surface:#fff;--ink:#111827;--secondary:#475569;--caption:#64748b;--border:#d5dce5;--soft:#e9eef7;--blue:#2563eb;--blue-dark:#1d4ed8;--blue-light:#eaf2ff;font-family:Arial,Helvetica,sans-serif;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}[hidden]{display:none!important}.skip{position:fixed;left:12px;top:-100px;z-index:10;background:var(--ink);color:#fff;padding:11px}.skip:focus{top:12px}.color-strip{height:4px;background:linear-gradient(90deg,#36c5f0 0 12.5%,#2eb67d 12.5% 25%,#ecb22e 25% 37.5%,#e01e5a 37.5% 50%,#611f69 50% 62.5%,#ff8c00 62.5% 75%,#36c5f0 75% 87.5%,#2eb67d 87.5%)}.viewport{display:grid;grid-template-columns:minmax(370px,35%) minmax(0,65%);min-height:calc(100svh - 4px);max-width:1800px;margin:0 auto;border-inline:1px solid var(--border)}.story-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--blue);color:#fff;padding:37px clamp(30px,3.7vw,72px) 29px;min-height:680px}.brand{position:relative;z-index:2;display:inline-flex;gap:12px;align-items:center;align-self:flex-start;font-size:24px;font-weight:800;letter-spacing:-1.2px}.brand-period{color:#bce5ff}.story-main{position:relative;z-index:2;margin:auto 0;padding:20px 0 15px}.story-label{display:flex;gap:12px;align-items:center;font-size:10px;font-weight:800;letter-spacing:1.9px;color:#cbe3ff}.story-label .line{height:1px;width:22px;background:#cbe3ff}.story-main h1{font-size:clamp(89px,8.5vw,146px);font-weight:900;line-height:.85;letter-spacing:-6px;margin:33px 0 25px}.period{color:#a7d5ff}.story-main>p{font-size:16px;line-height:1.7;max-width:310px;color:#e6f0ff;margin:0 0 26px}.story-cta{display:inline-flex;justify-content:space-between;gap:28px;align-items:center;background:#fff;color:var(--blue-dark);padding:15px 18px;border-radius:8px;font-size:13px;font-weight:800}.story-cta:hover{background:var(--blue-light)}.story-cta span{font-size:20px;font-weight:400;line-height:10px}.story-mark{position:absolute;bottom:-137px;right:-54px;width:350px;height:350px;border:1px solid #ffffff40;border-radius:50%;display:grid;place-items:center;pointer-events:none}.story-mark>span:first-child{font-size:240px;color:#ffffff1a;font-weight:800;line-height:1}.mark-line{position:absolute;border:1px solid #ffffff30;border-radius:50%;width:235px;height:235px}.story-mark i{position:absolute;width:8px;height:8px;border-radius:50%;background:#a9d8ff;top:30px;left:85px}.story-mark i:nth-last-child(2){top:108px;left:25px;background:#7ad6e8}.story-mark i:last-child{top:55px;left:310px;background:#ffd078}.story-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin:0;font-size:10px;letter-spacing:1.7px;color:#d6e8ff}.story-foot span{font-size:12px;letter-spacing:1px}.workspace{display:flex;flex-direction:column;min-width:0;background:#fff}.workspace-header{height:94px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(26px,3.5vw,63px);gap:15px}.workspace-title{display:flex;align-items:center;gap:9px;color:var(--secondary);font-size:12px;font-weight:600}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22a578}.workspace-header nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700}.workspace-header nav>a:hover{text-decoration:underline;text-underline-offset:4px}.header-join{display:flex;align-items:center;gap:12px;color:var(--blue)!important}.header-join span{font-size:18px}.workspace-content{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);min-height:500px}.entry{padding:clamp(35px,5vw,75px) clamp(27px,4vw,76px) 29px;min-width:0;scroll-margin-top:18px}.small-index{color:var(--blue);font-size:10px;letter-spacing:1.9px;font-weight:800}.entry h2{font-size:clamp(55px,5.5vw,84px);letter-spacing:-4px;line-height:.95;font-weight:800;margin:26px 0 17px}.entry h2 span{color:var(--blue)}.entry-copy{font-size:13px;color:var(--secondary);line-height:1.7;max-width:335px;margin:0 0 30px}.loading-message{min-height:100px;color:var(--caption);font-size:13px}.entry-bottom{border-top:1px solid var(--border);padding-top:18px;margin:23px 0 0;display:flex;align-items:center;justify-content:space-between;color:var(--caption);font-size:11px}.entry-bottom span{font-size:19px;color:#36c5f0}.resume-link{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;color:var(--blue-dark);background:var(--blue-light);font-size:12px;font-weight:700;border-radius:6px}.or-label{display:block;color:var(--caption);font-size:10px;text-align:center;padding:12px 0}#login-failure{font-size:13px;color:#b42318}#retry-login{border:0;background:transparent;text-decoration:underline;color:inherit}.channel-panel{min-width:0;padding:clamp(35px,5vw,75px) 28px 26px;background:#f5f8fd;border-left:1px solid var(--border);scroll-margin-top:18px}.channel-top{display:flex;justify-content:space-between;align-items:center}.channel-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #bed4ff;border-radius:9px;color:var(--blue);font-size:25px;font-weight:700}.channel-panel h2{font-size:27px;line-height:1.15;letter-spacing:-1px;margin:24px 0 13px}.channel-panel>p{font-size:12px;color:var(--secondary);line-height:1.6;margin:0 0 20px}.rooms-list{border-top:1px solid var(--border)}.room-item{display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid var(--border);min-width:0}.room-number{color:var(--blue);font-size:10px;font-weight:700;width:23px;flex:none}.room-name{font-size:12px;font-weight:700;min-width:0;overflow-wrap:anywhere}.room-name span{color:#7b9dd9;font-size:14px;padding-right:3px}.room-loading{font-size:12px;color:var(--caption);padding:20px 0}.workspace-bottom{border-top:1px solid var(--border);padding:0 clamp(26px,3.5vw,63px);display:flex;align-items:center;justify-content:space-between;gap:30px}.workspace-bottom details{flex:1;max-width:450px}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;cursor:pointer;font-size:12px;font-weight:700}summary::-webkit-details-marker{display:none}summary span{font-size:18px;color:var(--blue)}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.7;color:var(--secondary);margin:0 0 20px}.bottom-label{color:var(--caption);font-size:11px;white-space:nowrap}.workspace footer{padding:19px clamp(26px,3.5vw,63px);border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:10px;color:var(--caption);font-size:10px}
@media(max-width:1250px){.viewport{grid-template-columns:minmax(310px,31%) minmax(0,69%)}.story-panel{padding-inline:30px}.story-main h1{font-size:clamp(80px,7.8vw,110px)}.workspace-header{padding-inline:27px}.workspace-header nav{gap:16px}.entry{padding-inline:30px}.channel-panel{padding-inline:22px}.workspace-bottom,.workspace footer{padding-inline:27px}}
@media(max-width:950px){.viewport{grid-template-columns:1fr}.story-panel{min-height:420px;padding:22px 34px}.story-main{margin:44px 0 36px;padding:0}.story-main h1{font-size:89px;margin:21px 0 13px}.story-main>p{font-size:14px;max-width:470px;margin-bottom:18px}.story-mark{bottom:-180px;right:16px}.story-foot{display:none}.workspace{min-height:500px}.workspace-content{min-height:0}.entry,.channel-panel{padding-top:45px;padding-bottom:40px}}
@media(max-width:650px){.viewport{display:block;border:0}.story-panel{min-height:388px;padding:18px 22px 27px}.brand{font-size:21px}.brand img{width:37px;height:37px}.story-main{margin:46px 0 20px}.story-label{font-size:8px;letter-spacing:1.3px}.story-label .line{width:15px}.story-main h1{font-size:clamp(80px,20vw,111px);letter-spacing:-5px;margin:16px 0 14px}.story-main>p{font-size:12px;line-height:1.55;max-width:275px;margin-bottom:17px}.story-cta{padding:10px 14px;font-size:11px;border-radius:6px;gap:17px}.story-mark{width:250px;height:250px;right:-95px;bottom:-105px}.story-mark>span:first-child{font-size:185px}.mark-line{width:165px;height:165px}.story-foot{display:none}.workspace-header{height:56px;padding-inline:22px}.workspace-title{font-size:10px}.workspace-header nav{gap:0}.workspace-header nav>a:not(.header-join){display:none}.header-join{font-size:11px}.workspace-content{display:block}.entry{padding:36px 24px 30px}.entry h2{font-size:65px;margin:16px 0}.entry-copy{font-size:12px;margin-bottom:21px}.entry-bottom{margin-top:16px;padding-top:14px}.channel-panel{border-left:0;border-top:1px solid var(--border);padding:34px 24px}.channel-panel h2{font-size:25px;margin:13px 0 10px}.channel-panel>p{margin-bottom:15px}.rooms-list{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.room-item{padding:10px 0}.room-name{font-size:11px}.workspace-bottom{padding-inline:24px}.bottom-label{display:none}.workspace footer{padding:17px 24px}}
@media(max-width:360px){.story-main h1{font-size:76px}.story-panel{min-height:375px}.story-mark{right:-120px}.entry h2{font-size:57px}.rooms-list{column-gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The logo file stays transparent; the white badge keeps its blue mark legible on the blue header. */
.brand img{background:#fff;border-radius:11px;padding:3px;object-fit:contain}
.brand-name{display:inline-block;padding:6px 10px;border-radius:7px;background:#fff;color:var(--ink)}
.brand-accent{color:var(--blue)}
.mobile-brand .brand-name{padding:0;background:transparent}

.mobile-brand{display:none}
.mobile-menu-link,.chat-bubble{display:none}
.entry-hero{display:contents}

@media(max-width:650px){
  .viewport{display:flex;flex-direction:column;background:#fff}
  .workspace,.workspace-content{display:contents}
  .workspace-header{order:0;flex:none;height:56px;background:#fff}
  .workspace-title,.workspace-header nav{display:none}
  .mobile-brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:800;letter-spacing:-1px}
  .mobile-brand img{background:#fff;border-radius:9px;padding:2px;object-fit:contain}
  .mobile-brand .brand-period{color:var(--blue)}
  .entry-hero{order:1;display:grid;place-items:center;min-height:calc(100svh - 60px);padding:22px 14px 34px;background:radial-gradient(circle at 20% 20%,#eaf2ff,transparent 38%),radial-gradient(circle at 83% 76%,#e9f7fa,transparent 35%),var(--canvas)}
  .entry{width:min(100%,360px);padding:22px;background:#fff;border:1px solid var(--border);border-radius:8px}
  .entry h2{font-size:30px;letter-spacing:-1.4px;line-height:1.05;margin:12px 0 10px}
  .entry-copy{margin-bottom:17px}
  .entry-bottom{margin-top:12px;padding-top:12px}
  .story-panel{order:2}
  .channel-panel{order:3}
  .workspace-bottom{order:4;background:#fff}
  .workspace footer{order:5;background:#fff}
}

@media(max-width:650px){
  .workspace-header{height:56px;padding-inline:14px;border-bottom:0;background:var(--canvas)}
  .mobile-menu-link{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink)}
  .mobile-menu-link span,.mobile-menu-link span::before,.mobile-menu-link span::after{display:block;width:20px;height:2px;border-radius:2px;background:currentColor}
  .mobile-menu-link span{position:relative}
  .mobile-menu-link span::before,.mobile-menu-link span::after{content:"";position:absolute;left:0}
  .mobile-menu-link span::before{top:-7px}
  .mobile-menu-link span::after{top:7px}
  .entry-hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 60px);padding:34px 14px 64px;background:radial-gradient(circle at 20% 20%,#eaf2ff,transparent 30%),radial-gradient(circle at 80% 74%,#e8f5ff,transparent 34%),var(--canvas)}
  .entry-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#b7cbee 1px,transparent 1.5px);background-size:22px 22px;opacity:.42}
  .entry{position:relative;z-index:2;width:min(100%,330px);padding:22px}
  .entry>.small-index,.entry>h2,.entry-copy,.entry-bottom{display:none}
  .chat-bubble{position:absolute;z-index:1;display:grid;place-items:center;max-width:200px;border:1px solid rgba(37,99,235,.24);border-radius:999px;padding:9px 14px;background:#fff;font-size:16px;line-height:1.25;white-space:nowrap}
  .chat-bubble::after{content:"";position:absolute;bottom:-6px;width:16px;height:16px;background:#fff;border-right:1px solid rgba(37,99,235,.24);border-bottom:1px solid rgba(37,99,235,.24);transform:rotate(45deg);z-index:-1}
  .bubble-one,.bubble-three,.bubble-five{left:18px}
  .bubble-one::after,.bubble-three::after,.bubble-five::after{right:16px}
  .bubble-two,.bubble-four,.bubble-six{right:12px}
  .bubble-two::after,.bubble-four::after,.bubble-six::after{left:22px}
  .bubble-one{top:15%;width:100px;min-height:48px;color:#2563eb;font-size:20px}
  .bubble-two{bottom:calc(16% - 41px);width:100px;min-height:38px;padding:5px 7px;color:#1d4ed8;font-size:12px;white-space:normal;text-align:center}
  .bubble-two::after{width:9px;height:9px;left:14px;bottom:-4px}
  .bubble-three{bottom:calc(24% - 40px);color:#3786d8}
  .bubble-four{top:calc(26% - 60px);color:#0f6b9c}
  .bubble-five{top:42%;left:24px;color:#525bc0;font-size:12px;padding:7px 12px}
  .bubble-six{top:calc(9% - 50px);right:76px;color:#3679ac;font-size:12px;padding:7px 12px}
}