/* Muser's shared visual language: open white surfaces, soft blue and generous space. */
:root{--bg:#f7f8fb;--card:#fff;--line:#e9ecf2;--text:#141a2d;--muted:#71788a;--brand:#2161ff;--brand-soft:#edf3ff;--me:#2161ff;--them:#f0f3f8;--master:#f8f9fd;--master-line:#e4eaf6;--controls:#fff;--ok:#28bb7b;--idle:#a1a9b8;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px}
body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
button,.button,input,textarea,select{font-family:inherit}
button,.button{border:1px solid #e4e8f0;border-radius:12px;background:#fff;color:#4b556b;padding:10px 16px;font-weight:600;transition:background .15s,box-shadow .15s,transform .15s}
button:hover,.button:hover{background:#f0f4fc}
button:active,.button:active{transform:translateY(1px)}
button.primary,.button.primary{color:#fff;background:var(--brand);border-color:var(--brand);box-shadow:0 3px 8px #2161ff12}
button.primary:hover,.button.primary:hover{background:#1451e5}
button.link{color:var(--brand);text-underline-offset:3px}
a{color:var(--brand)}
:focus-visible{outline:3px solid #89acff;outline-offset:3px}
input,textarea,select{background:#fbfcfe;border-color:#dfe5ef;border-radius:11px;padding:11px 13px;color:var(--text)}
input:focus,textarea:focus,select:focus{outline:2px solid #a7c2ff;outline-offset:1px;border-color:#5e8cff}
input[type=checkbox]{accent-color:var(--brand)}
label{color:#4e586d;font-weight:550;line-height:1.5;margin:16px 0}
h1,h2,h3{color:var(--text);font-weight:650;letter-spacing:-.035em}
h1{font-size:32px}h2{font-size:18px}h3{font-size:15px}
.muted{color:var(--muted)}
.ui-icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.app-rail{position:fixed;z-index:20;inset:0 auto 0 0;width:88px;background:#fff;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column}
.brand-mark{height:76px;width:100%;display:grid;place-items:center;color:var(--brand)}
.brand-mark .ui-icon{width:42px;height:42px}
.app-rail nav{display:flex;flex-direction:column;gap:17px;padding-top:22px;width:100%}
.app-rail nav a,.rail-bottom a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#737989;text-decoration:none;font-size:12px;min-height:67px;position:relative}
.app-rail a .ui-icon{width:24px;height:24px}
.app-rail .brand-mark .ui-icon{width:40px;height:40px}
.app-rail nav a::before,.rail-bottom a::before{content:"";position:absolute;width:58px;height:49px;top:0;border-radius:18px;z-index:-1}
.app-rail a.active{color:var(--brand)}
.app-rail a.active::before{background:#eaf1ff}
.app-rail nav a:hover,.rail-bottom a:hover{color:var(--brand)}
.rail-bottom{margin-top:auto;padding-bottom:22px;width:100%}
.topbar{height:76px;position:sticky;top:0;margin-left:88px;padding:0 28px;flex-wrap:nowrap;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);z-index:15;gap:20px}
.topbar .brand{color:#10162a;font-size:27px;font-weight:700;letter-spacing:-1.3px;margin:0;white-space:nowrap}
.topbar .top-tabs{display:flex;gap:18px;margin:auto;flex-wrap:nowrap}
.topbar .top-tabs a{display:flex;align-items:center;gap:11px;border:3px solid transparent;border-radius:28px;padding:8px 20px;color:#6e7383;font-size:14px;font-weight:550;white-space:nowrap}
.topbar .top-tabs a.active{background:#eff4ff;color:var(--brand);border-color:#fff;box-shadow:0 1px 7px #2036661b,0 0 0 1px #eef0f5}
.header-account{display:flex;align-items:center;gap:20px}
.app-tag{color:#737989;background:#f2f3f6;padding:8px 13px;border-radius:20px;font-size:12px;white-space:nowrap}
.who{display:flex;align-items:center;gap:10px;margin:0;font-size:12px}
.who #ownerName{display:none}
.who #signOut{font-size:11px;text-decoration:none;color:var(--muted);padding:0}
.account-avatar{position:relative;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#e8edfa;color:#546785;text-decoration:none;font-weight:700;border:3px solid #fff;box-shadow:0 0 0 1px #e8ebf2}
.account-avatar::after{content:"";position:absolute;width:8px;height:8px;border:2px solid #fff;background:#28bb7b;border-radius:50%;bottom:-1px;right:-1px}
body>main{margin-left:88px;max-width:none;padding:32px 36px 140px}
.card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:24px;box-shadow:0 3px 12px #19325403}
.card-head{gap:12px;margin-bottom:20px}
.badge,.pill{background:#eef3ff;color:#607297;border:0;border-radius:20px;padding:4px 9px;font-size:11px}
.avatar{background:#e9edff;color:#5973a8;border:2px solid white;box-shadow:0 0 0 1px #e7eaf3;width:38px;height:38px;font-size:12px}
.room-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px}
.room-head h1{font-size:17px;letter-spacing:-.02em}
.room-head #roomSubtitle{font-size:12px;margin-top:3px}
.room-actions{margin-left:auto;display:flex;gap:8px}
.room-actions button{font-size:12px;padding:8px 12px}
.room-switch{order:3;width:100%;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:8px}
.room-switch select{background:#f8faff;max-width:340px;font-size:13px}
.room-switch .ghost{color:var(--brand);font-size:12px}
.welcome-head{margin-bottom:29px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.welcome-head h1{font-size:36px;line-height:1.2;letter-spacing:-1.35px}
.welcome-head p{font-size:18px;color:#7a8192;margin-top:9px;letter-spacing:-.3px}
.welcome-kicker{font-size:10px;font-weight:650;letter-spacing:2px;color:#7f8caa;text-transform:uppercase;display:block;margin-bottom:12px}
.room-presence{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#838c9b;font-size:12px;padding-bottom:8px}
.room-presence i,.live-label i{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block}
.commons-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}
.commons-main{min-width:0}
.chat-card{padding:0;overflow:hidden;min-height:500px}
.chat-card>.card-head{padding:22px 25px 18px;margin:0;border-bottom:1px solid var(--line);display:flex;align-items:center}
.chat-heading{display:flex;align-items:center;gap:11px;flex:1}
.chat-heading>.ui-icon{color:var(--brand);width:20px}
.chat-card h2{font-size:17px}
.chat-card #refreshStatus{font-size:10px;display:block;margin-top:3px}
.chat-card .chat{height:calc(100dvh - 350px);min-height:350px;max-height:780px;border:0;border-radius:0;background:white;padding:24px}
.chat-actions{display:flex;gap:8px}
.chat-actions button{font-size:12px;display:inline-flex;align-items:center;gap:7px;padding:9px 12px}
.chat-actions .ui-icon{width:16px;height:16px}
.chat-empty{height:100%;min-height:300px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px}
.chat-empty .empty-icon{width:76px;height:76px;border-radius:28px;display:grid;place-items:center;background:#f0f5ff;color:#6694ff;transform:rotate(-5deg);margin-bottom:20px}
.empty-icon .ui-icon{width:32px;height:32px}
.chat-empty h3{font-size:21px;margin:0 0 6px}
.chat-empty p{max-width:340px;font-size:13px;line-height:1.8}
.chat-empty button{margin-top:20px}
.chat-foot{border-top:1px solid var(--line);padding:13px 24px;font-size:11px;color:#9299a8;display:flex;align-items:center;gap:8px;background:#fcfdff}
.chat-foot .ui-icon{height:14px;width:14px;color:#8da6d7}
.master{background:#f7f9fe;border:1px solid #eaf0fa;border-radius:15px;color:#59647a;padding:15px 18px;margin-bottom:18px}
.master-label{color:#6f86ae;font-size:10px;font-weight:650;letter-spacing:.3px}
.master p{font-size:13px}
.master-meta{font-size:10px;color:#8b97a9}
.msg{margin-bottom:16px}.msg .bubble{font-size:13px;line-height:1.65;padding:12px 16px;border-radius:18px}
.them .bubble{background:#f1f4f9;color:#273147}.me .bubble{background:var(--brand)}
.sender{color:#768195;font-size:11px;margin-bottom:6px}.stamp{color:#9aa3b1;font-size:10px;margin-top:5px}
.system{color:#8993a5;font-size:12px}
.commons-aside{display:grid;gap:18px}
.insight-card{padding:23px 21px;border-radius:22px;margin-bottom:0}
.insight-card .card-head{margin:0 0 18px;display:flex;justify-content:space-between;align-items:center}
.insight-card h2{font-size:16px;letter-spacing:-.5px}
.live-label{display:flex;gap:5px;align-items:center;font-size:10px;color:#299e70;white-space:nowrap}
.activity-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #edf0f5}
.activity-item:last-child{border-bottom:0;padding-bottom:3px}
.activity-item:first-child{padding-top:0}
.activity-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;background:#edf3ff;color:#477cdf}
.activity-item:nth-child(2) .activity-icon{background:#f1edfb;color:#9281c7}
.activity-copy{min-width:0}.activity-copy p{font-size:13px;line-height:1.5;margin:0;color:#384257;overflow-wrap:anywhere}
.activity-copy time{font-size:10px;color:#929bac;display:block;margin-top:4px}
.empty-activity{font-size:12px;line-height:1.7;color:#8590a2;padding:8px 0 4px}
.shared-visual{display:flex;justify-content:center;align-items:center;margin:22px 0 17px}
.shared-visual span{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#f0edff;border:4px solid #ffffff88;color:#8e7bca;font-size:24px;font-weight:600}
.shared-visual span+span{margin-left:-16px;background:#eaf1ff;color:#7399df}
.shared-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.shared-tags span{background:#edf3ff;color:#3470ed;padding:6px 13px;border-radius:20px;font-size:11px;max-width:100%;overflow-wrap:anywhere}
.shared-copy{color:#7c8597;font-size:13px;text-align:center;line-height:1.8;margin:0 0 21px}
.wide-action{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;padding:12px 15px;border-radius:13px}
.wide-action .ui-icon{height:16px;width:16px}
.room-caption{text-align:center;font-size:10px;color:#a0a8b6;margin-top:3px}
.muse-dock{position:fixed;z-index:12;bottom:25px;left:calc(50% + 44px);transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:#ffffffed;backdrop-filter:blur(18px);border:1px solid #fff;border-radius:23px;padding:13px 15px;box-shadow:0 8px 35px #233b6314,0 0 0 1px #e9edf3;max-width:calc(100% - 135px)}
.dock-avatar{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:50%;background:#eef3ff;color:var(--brand)}
.dock-avatar .ui-icon{width:30px;height:30px}
.dock-copy{min-width:145px;padding-right:13px;max-width:230px}
.dock-copy strong{display:block;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock-copy span{display:block;color:#8590a2;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock-action{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:12px;padding:13px 17px;border-radius:14px}
.dock-action .ui-icon{width:19px;height:19px}
.dock-secondary{background:#edf3ff;color:var(--brand);border-color:#edf3ff}
.dock-more{padding:13px;background:#f3f5f9;border:0;border-radius:14px}
dialog{padding:30px;border-radius:24px;border:1px solid #edf0f5;box-shadow:0 22px 90px #1c345526;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 48px)}
dialog::backdrop{background:#172b4938;backdrop-filter:blur(5px)}
.dialog-head{gap:12px;margin-bottom:20px}.dialog-head h2{font-size:22px}
.dialog-head button.link{text-decoration:none;font-size:12px}
.close-icon{display:grid;place-items:center;width:34px;height:34px;padding:8px;border:0;background:#f3f5f9;border-radius:50%}
#roomTools{width:min(660px,calc(100vw - 32px))}
#roomTools .sidebar{display:block;position:static;max-height:none;overflow:visible}
#roomTools .sidebar>.card{display:none;padding:0;border:0;box-shadow:none}
#roomTools[data-view="muse"] #myMuseCard,#roomTools[data-view="controls"] #controlsCard,#roomTools[data-view="people"] #peopleCard,#roomTools[data-view="people"] #matchesCard{display:block}
#roomTools[data-view="people"] #matchesCard{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}
#roomTools[data-view="people"] #matchesCard .card-head{display:flex}
#roomTools .controls{border-top:0;background:#fff}
#roomTools .tabs{background:#f4f6fb;border:0;padding:5px;border-radius:13px;margin:20px 0}
#roomTools .tabs button{color:#7c8799;padding:9px 5px;font-size:12px}
#roomTools .tabs button.active{background:#fff;color:var(--brand);box-shadow:0 2px 6px #31477510}
#roomTools .badge{display:none}
#roomTools .card-head{display:none}
#roomTools .diagnostics{margin-top:0;border:0;padding:0}
#roomTools:not([data-view="settings"]) .diagnostics{display:none}
#roomTools:not([data-view="spaces"]) #roomManagement{display:none}
#roomTools:not([data-view="projects"]) #projectList{display:none}
.project-item{border:1px solid var(--line);border-radius:17px;padding:18px;margin:12px 0;background:#fbfcff}
.project-item h3{margin:0 0 8px;font-size:14px}.project-item p{font-size:13px;color:#7b869b;overflow-wrap:anywhere}
.person summary{padding:15px 0;gap:12px}.person-name{font-size:14px}.person-body{font-size:13px;line-height:1.7;padding:0 0 15px 50px}
.muse-row{padding:16px 0}.muse-name{font-size:14px}.muse-row .small{font-size:11px;margin-top:6px}
.auth-welcome{text-align:center;padding-top:28px;margin-bottom:28px}
.auth-welcome h1{font-size:38px;letter-spacing:-1.5px}.auth-welcome p{font-size:18px;color:#8a93a4;margin-top:10px}
.narrow{max-width:440px;margin:28px auto;padding:30px}.narrow h1{font-size:23px;margin-bottom:12px}.narrow .primary{width:100%;margin-top:8px}.narrow form>.link{display:block;margin:16px auto 0;font-size:12px}
.narrow .muted{font-size:13px;line-height:1.7}
#loading{text-align:center;margin-top:80px;font-size:13px;color:#8b98ad}
#error{background:#fff1f0;border:1px solid #f3d8d5;border-radius:12px;padding:13px 18px;color:#aa4944;position:relative;z-index:25;max-width:900px;margin:0 auto 20px;font-size:13px}
body>main.profile-page{max-width:1120px;margin-right:auto;padding-top:45px}
#profileWorkspace>h1{font-size:34px;margin-bottom:12px}
#profileWorkspace>p{max-width:740px;font-size:13px;line-height:1.8}
.profile-layout{margin-top:30px;grid-template-columns:1.3fr 1fr;gap:24px}
.profile-layout>.card{padding:28px}.profile-layout>div{display:grid;gap:20px}.profile-layout textarea{min-height:130px}.profile-layout h2{font-size:17px}
.profile-layout #preview p{font-size:13px;line-height:1.7;color:#7b869a;margin:12px 0}
.preview-head{margin-bottom:20px;gap:12px}.preview-head .avatar{width:48px;height:48px}
.share-row{font-size:12px;line-height:1.7;padding:15px 0}.share-row .small{display:block;font-size:11px}
@media(min-width:1600px){body>main{padding-left:55px;padding-right:55px}.commons-layout{grid-template-columns:minmax(0,1fr) 345px;gap:28px}.insight-card{padding:26px}}
@media(max-width:1180px){.app-tag{display:none}.topbar .top-tabs{gap:4px}.topbar .top-tabs a{padding:8px 13px}.topbar{padding:0 23px}.commons-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}body>main{padding:27px 24px 130px}.welcome-head h1{font-size:31px}.welcome-head p{font-size:16px}.room-presence{display:none}.chat-card>.card-head{padding:19px}.insight-card{padding:21px 18px}}
@media(max-width:960px){.commons-layout{grid-template-columns:1fr}.commons-aside{grid-template-columns:1fr 1fr}.room-caption{display:none}.chat-card .chat{height:440px;max-height:60dvh}.chat-card{min-height:0}.topbar .brand{font-size:23px}.topbar .top-tabs a{font-size:12px;gap:7px;padding:7px 10px}.topbar .top-tabs{margin-left:auto;margin-right:0}.header-account{gap:0}.who #signOut{display:none}.profile-layout{grid-template-columns:1fr}.dock-copy{min-width:110px}.dock-action{padding:12px;font-size:11px}.muse-dock{gap:10px}}
@media(max-width:700px){.app-rail{inset:auto 0 0;width:100%;height:68px;border-top:1px solid var(--line);border-right:0;display:block;background:#fffffffa}.brand-mark,.rail-bottom{display:none}.app-rail nav{padding:0;display:flex;flex-direction:row;gap:0;height:100%}.app-rail nav a{width:16.6667%;min-height:0;font-size:9px;gap:4px}.app-rail nav a::before{top:5px;width:49px;height:35px;border-radius:12px}.app-rail a .ui-icon{width:21px;height:21px}.topbar{margin-left:0;height:64px;padding:0 18px;gap:12px}.topbar .brand{font-size:25px}.topbar .top-tabs{display:none}.header-account{margin-left:auto}.app-tag{display:inline;font-size:10px;padding:6px 10px;margin-right:12px}.account-avatar{width:33px;height:33px;font-size:11px}body>main,body>main.profile-page{margin-left:0;padding:26px 17px 190px}.welcome-head{margin-bottom:24px}.welcome-head h1{font-size:29px;letter-spacing:-1px}.welcome-head p{font-size:15px}.welcome-kicker{font-size:9px;margin-bottom:11px}.commons-aside{grid-template-columns:1fr}.commons-layout{gap:17px}.chat-card>.card-head{padding:17px 15px}.chat-card h2{font-size:15px}.chat-heading{gap:8px}.chat-actions button{font-size:0;padding:9px}.chat-actions .ui-icon{width:18px;height:18px}.chat-card .chat{padding:16px;max-height:none;height:410px;min-height:0}.chat-empty{min-height:330px;padding:20px 0}.chat-empty h3{font-size:19px}.chat-empty p{font-size:12px}.chat-foot{font-size:10px;padding:13px 15px}.muse-dock{left:12px;right:12px;bottom:80px;transform:none;max-width:none;padding:10px 12px;border-radius:19px;gap:10px}.dock-copy{flex:1;min-width:0;padding:0}.dock-copy strong{font-size:12px}.dock-copy span{font-size:10px}.dock-avatar{width:36px;height:36px}.dock-action{font-size:0;padding:11px}.dock-action .ui-icon{width:20px;height:20px}.dock-more{display:none}.room-head{align-items:start}.room-actions{width:100%;margin:4px 0}.room-switch{flex-wrap:wrap}.room-switch select{width:100%;max-width:none}.room-switch .ghost{padding:8px}.room-head #roomSubtitle{max-width:260px;line-height:1.6}.card{border-radius:19px}.insight-card{padding:23px}.insight-card h2{font-size:17px}.activity-copy p{font-size:13px}.shared-copy{font-size:13px}.live-label{font-size:11px}dialog{padding:24px 20px;max-height:calc(100dvh - 28px)}.dialog-head h2{font-size:21px}.muse-row{flex-wrap:wrap;gap:13px}.auth-welcome{padding-top:15px}.auth-welcome h1{font-size:30px}.auth-welcome p{font-size:16px}.narrow{padding:24px;margin-top:24px}.key-row{flex-wrap:wrap}.key-row input{min-width:100%;}#roomTools .tabs button{font-size:11px}.profile-layout>.card{padding:22px}.profile-layout textarea{min-height:120px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}