:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#27263a;background:#f8fafb;font-synthesis:none;font-size:14px;--green:#262456;--ink:#18173b;--line:#e6eaee;--muted:#738aa2}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button,input,textarea,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #58568b}input:focus,textarea:focus{outline:none;border-color:#6f879f!important}button{transition:background .15s,color .15s}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#627a92;flex-shrink:0}.icon-button:hover,.icon-button.pressed{background:#ebeef1;color:#27264b}.primary{display:inline-flex;gap:10px;align-items:center;justify-content:center;background:#282752;color:#fff;border-radius:9px;padding:12px 18px;font-weight:600;min-height:43px}.primary:hover{background:#1a193e}.full{width:100%}.dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#8fb6de}.dot.offline{background:#c99e4e}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#637c95}.avatar{width:37px;height:37px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;flex-shrink:0}.avatar.small{width:29px;height:29px;border-radius:10px;font-size:10px}.sage{background:#d8e2eb;color:#484771}.peach{background:#f4e5d8;color:#a5724e}.blue{background:#dfe9f1;color:#557591}.purple{background:#e8e3f1;color:#7a6597}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:-1px}.brand b{font-weight:400;opacity:.65}.brand-icon{width:39px;height:39px;background:#98bbdf;color:#21203e;border-radius:12px;display:flex;align-items:center;justify-content:center}.boot{height:100dvh;display:flex;align-items:center;justify-content:center;gap:24px}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-story{background:#19183c;color:#e8eef4;padding:48px 64px;display:flex;flex-direction:column;position:relative;overflow:hidden}.story-content{margin:auto 0;padding-top:55px}.story-content .eyebrow{color:#9db6cf;font-size:10px}.story-content h1{font-size:clamp(32px,3.5vw,55px);letter-spacing:-2px;line-height:1.45;margin:20px 0}.story-content>p{font-size:16px;color:#acbac8;line-height:1.9}.story-footer{font-size:9px;letter-spacing:2px;color:#8b9eb1;padding-top:25px}.story-art{height:245px;position:relative;margin-top:16px}.orbit{position:absolute;border:1px solid #ffffff13;border-radius:50%;width:240px;height:240px;left:24%;top:0}.orbit.two{width:320px;height:320px;top:-40px;left:16%}.art-zap{position:absolute;left:40%;top:68px;transform:rotate(9deg);color:#98bbdf}.art-note{position:absolute;display:flex;gap:12px;align-items:center;padding:15px 18px;border:1px solid #ffffff1c;background:#2c2b4bdd;border-radius:10px;box-shadow:0 12px 30px #11102940;font-size:12px;white-space:nowrap}.n1{top:29px;left:2%;transform:rotate(-5deg)}.n2{bottom:31px;right:0;transform:rotate(5deg)}.auth-form{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:50px 30px;position:relative;background:#f7f9fb}.auth-card{width:100%;max-width:360px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #d8e0e7;border-radius:30px;padding:7px 10px;font-size:9px;letter-spacing:1.1px;color:#595884}.pill .dot{background:#5a81a8}.auth-card h2{font-size:29px;margin:23px 0 12px;letter-spacing:-1px}.auth-card>p{font-size:13px;color:#657e98;margin-bottom:33px}.auth-card form label,.modal form>label{display:block;font-weight:600;font-size:12px;margin-bottom:19px}.auth-card input,.modal form>label>input{display:block;width:100%;margin-top:9px;border:1px solid #d8dee5;background:#fff;border-radius:8px;padding:13px 14px;min-width:0;font-weight:400;color:#2c2c41}.auth-hint{display:flex;gap:7px;justify-content:center;align-items:center;margin-top:24px;font-size:11px;color:#748ba2}.auth-bottom{position:absolute;bottom:30px;font-size:11px;color:#8599ad}.error{padding:12px;border-radius:7px;background:#fff1ed;color:#a14f40;font-size:12px;margin:12px 0;line-height:1.6}.workspace{height:100dvh;display:flex;overflow:hidden}.rail{width:76px;flex-shrink:0;background:#181737;color:#9eaebe;display:flex;align-items:center;flex-direction:column;padding:23px 10px 16px;gap:9px}.rail-brand{background:#91b6dc;color:#252445;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-bottom:30px}.rail-item{width:54px;min-height:61px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;color:#a4b3c3}.rail-item span{font-size:10px}.rail-item:hover{background:#ffffff09}.rail-item.selected{background:#ffffff12;color:#bed5ed}.rail-item i{width:5px;height:5px;border-radius:50%;background:#9cc0e5;position:absolute;right:10px;top:10px}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:20px}.sidebar{width:252px;flex-shrink:0;background:#edf0f3;border-right:1px solid #dce2e8;display:flex;flex-direction:column;padding:0 16px}.workspace-title{height:101px;display:flex;align-items:center;justify-content:space-between;padding:0 9px}.workspace-title strong{font-size:23px;letter-spacing:-.8px}.workspace-title strong span{font-weight:400;color:#6d859d}.workspace-title small{display:flex;align-items:center;gap:6px;font-size:10px;color:#7c91a7;margin-top:8px}.workspace-title .dot{background:#69849f;width:5px;height:5px}.compose-new{width:100%;border:1px solid #d5dce4;border-radius:7px;background:#fffefa;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;padding:11px;font-weight:600;box-shadow:0 2px 2px #1f1e3703}.compose-new:hover{background:#dfe6ed}.sidebar-scroll{overflow-y:auto;padding-top:25px;flex:1}.sidebar-home{display:flex;align-items:center;gap:10px;width:100%;padding:10px;color:#515078;font-size:12px}.sidebar-home span{margin-left:auto;font-size:10px;color:#7d92a8}.section-label{padding:29px 10px 17px;font-size:9px;color:#8296ab;font-weight:600;letter-spacing:.2px;display:flex;justify-content:space-between}.section-label span{font-size:8px;letter-spacing:1px;color:#93a5b7}.section-heading{display:flex;align-items:center;gap:6px;padding:0 7px 9px;font-size:11px;color:#6b839c;font-weight:600}.section-heading button{margin-left:auto;display:flex;padding:2px;color:#7a90a6}.room-link{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;border-radius:6px;font-size:12px;color:#575580;min-height:39px;text-align:left;margin-bottom:3px}.room-link>span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-link svg{color:#788ea5}.room-link:hover{background:#dfe5eb}.room-link.active{background:#cedbe8;color:#2d2c52;font-weight:650}.room-link.active svg{color:#403e6c}.room-link b{background:#555388;color:#fff;font-size:9px;padding:2px 5px;border-radius:4px;margin-left:auto;flex-shrink:0}.group-heading{margin-top:27px}.room-link .avatar{width:22px;height:22px;border-radius:7px;font-size:8px}.sidebar-empty{font-size:10px;color:#788ea5;padding:9px}.invite-card{margin:25px 1px 20px;padding:17px 13px;border:1px solid #d6dee6;border-radius:9px;background:#f1f5f9;position:relative}.invite-symbol{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#545286;background:#dee6ef;margin-bottom:12px}.invite-card strong{font-size:11px}.invite-card p{font-size:10px;color:#7b91a7;margin:6px 0 13px}.invite-card button{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;font-weight:600;color:#3e3c6e}.sidebar-profile{border-top:1px solid #dbe1e7;display:flex;align-items:center;gap:10px;padding:17px 6px}.sidebar-profile strong{display:block;font-size:11px}.sidebar-profile small{display:block;font-size:9px;color:#768da4;margin-top:4px}.connection-dot{height:7px;width:7px;background:#c7a259;border-radius:50%;margin-left:auto}.connection-dot.online{background:#6f8dac}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}.topbar{height:62px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 31px}.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:10px;color:#8398ad}.breadcrumbs strong{font-weight:500;color:#55537d}.slash{color:#bec9d4}.topbar-label{font-size:9px;color:#8297ac;display:flex;gap:6px;align-items:center}.topbar-label .dot{width:5px;height:5px;background:#6e8cab}.room-header{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:91px;padding:20px 30px;border-bottom:1px solid var(--line)}.room-header-title{display:flex;gap:13px;align-items:center;min-width:0}.room-header-title>div{min-width:0}.room-symbol{background:#eaeff4;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#575587;flex-shrink:0}.room-header h1{font-size:19px;display:flex;align-items:center;gap:9px;letter-spacing:-.5px}.channel-tag{font-size:8px;font-weight:500;border:1px solid #dfe4e9;border-radius:4px;padding:3px 5px;color:#798fa6}.room-header p{color:#7c92a8;font-size:10px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-tools{display:flex;align-items:center;gap:8px}.member-button{display:flex;gap:6px;align-items:center;color:#6a829b;font-size:11px}.tool-divider{height:17px;width:1px;background:#dfe4ea;margin:0 6px}.content-area{display:flex;flex:1;min-height:0}.conversation{flex:1;min-width:0;display:flex;flex-direction:column}.conversation-toolbar{display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 29px;border-bottom:1px solid var(--line);gap:12px;flex-shrink:0}.conversation-tabs{display:flex;gap:24px;height:100%}.conversation-tabs button{display:flex;gap:7px;align-items:center;font-size:11px;color:#8397ac;border-bottom:2px solid transparent;padding:0 2px}.conversation-tabs button.selected{border-bottom-color:#4e4c7b;color:#3b3a63;font-weight:600}.search{display:flex;align-items:center;gap:7px;color:#8ea1b4}.search input{border:0;outline:none;background:transparent;font-size:10px;width:125px;min-width:0;color:#444365}.search input::placeholder{color:#92a4b6}.search button{padding:0;display:flex}.message-list{overflow-y:auto;flex:1;padding:0 31px 20px;scrollbar-width:thin;scrollbar-color:#d7dee5 transparent}.welcome{padding-top:31px;padding-bottom:8px}.welcome-icon{width:45px;height:45px;border-radius:14px;background:#ecf0f5;color:#617992;display:flex;align-items:center;justify-content:center;margin-bottom:13px}.welcome h2{font-size:18px;letter-spacing:-.5px;font-weight:650}.welcome p{font-size:11px;color:#8297ac;margin-top:8px;line-height:1.7}.date-divider{display:flex;align-items:center;gap:16px;margin:27px 0 25px;color:#7d92a8;font-size:9px;white-space:nowrap}.date-divider:before,.date-divider:after{content:"";height:1px;background:#e6eaee;flex:1}.date-divider span{border:1px solid #e2e8ed;padding:5px 11px;border-radius:20px;background:#fff}.message{display:flex;gap:12px;margin-bottom:25px}.message-content{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:8px;min-height:20px;margin-bottom:6px}.message-meta strong{font-size:12px;font-weight:650;color:#363650}.message-meta time{color:#92a4b6;font-size:9px;margin-left:1px}.department{font-size:9px;color:#8ea1b4}.me-tag{font-size:8px;background:#e5ecf3;color:#67809a;border-radius:3px;padding:2px 4px}.message-content>p{font-size:12px;line-height:1.9;color:#474669;white-space:pre-wrap;overflow-wrap:anywhere}.attachments{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.file-attachment{border:1px solid #dfe4e9;display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px;max-width:330px;min-width:240px;background:#fbfcfe}.file-icon{display:flex;align-items:center;justify-content:center;width:37px;height:41px;border-radius:7px;background:#e5ecf2;color:#5a7692;flex-shrink:0}.file-attachment>div{min-width:0;flex:1}.file-attachment strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-attachment small{font-size:9px;color:#859aae;display:block;margin-top:6px}.file-attachment>svg{color:#8296ab;margin-left:13px}.image-attachment{display:block;border:1px solid #dfe4e9;border-radius:9px;overflow:hidden;max-width:330px;background:#f7f9fb}.image-attachment img{display:block;width:100%;max-height:240px;object-fit:contain}.image-attachment span{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:9px;color:#7c91a7;overflow-wrap:anywhere}.composer-area{padding:10px 27px 14px;background:#fff}.composer{border:1px solid #d0d9e2;border-radius:10px;box-shadow:0 3px 7px #1b1a3e03;overflow:hidden}.composer:focus-within{border-color:#8398ae}.composer.failed{border-color:#d4a78e}.composer textarea{width:100%;height:66px;resize:none;border:0;outline:none!important;padding:15px 17px;font-size:12px;color:#393854;background:transparent;line-height:1.6}.composer textarea::placeholder{color:#91a3b5}.composer-actions{display:flex;align-items:center;justify-content:space-between;padding:0 10px 9px}.composer-actions>div{display:flex;align-items:center;gap:8px}.attach-button{position:relative;cursor:pointer}.attach-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.compose-limit{font-size:9px;color:#92a4b6}.send-button{width:31px;height:31px;background:#b4cde6;color:#3b3968;border-radius:8px;display:flex;align-items:center;justify-content:center}.send-button:hover{background:#9ab9d9}.send-button:disabled{background:#dce4ec;color:#8ca0b3}.composer-foot{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#9bacbd;margin:9px 2px 0}.composer-foot b{font-weight:500;color:#7f94aa}.draft-files{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}.draft-files>span{display:flex;align-items:center;gap:5px;font-size:10px;border:1px solid #d9e1e9;background:#eff3f8;padding:5px 7px;border-radius:5px;max-width:100%;overflow-wrap:anywhere}.draft-files button{padding:0;display:flex}.details{width:254px;flex-shrink:0;background:#f9fbfd;border-left:1px solid var(--line);padding:0 22px;overflow-y:auto}.details-heading{height:55px;display:flex;align-items:center;justify-content:space-between}.details-heading h3{font-size:11px;color:#5c5b88;font-weight:600}.details-hero{padding:17px 0 23px;text-align:center;border-bottom:1px solid var(--line)}.details-hero>span{margin:0 auto 13px;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#dfe8f0;color:#607993}.details-hero h3{font-size:14px;margin-bottom:10px;color:#3f3e64}.details-hero p{font-size:10px;color:#8599ad;line-height:1.8}.detail-section{padding:22px 0 18px;border-bottom:1px solid var(--line)}.detail-section h4{font-size:10px;display:flex;justify-content:space-between;align-items:center;color:#5c738a;margin-bottom:15px;font-weight:600}.detail-section h4 span{color:#91a3b5;font-size:9px;font-weight:400}.detail-member{display:flex;align-items:center;gap:9px;margin-bottom:13px}.detail-member>div{flex:1}.detail-member strong{font-size:10px;font-weight:500}.detail-member strong span{font-size:8px;color:#9eaebe}.detail-member small{display:block;color:#94a6b8;font-size:8px;margin-top:3px}.text-button{font-size:9px;color:#798fa6;display:flex;align-items:center;gap:8px;margin-top:13px}.detail-muted{font-size:10px;color:#9dadbd;line-height:1.7}.mini-file{display:flex;gap:10px;align-items:center;margin-bottom:13px;color:#7189a1}.mini-file div{min-width:0}.mini-file strong{display:block;font-size:10px;color:#607891;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini-file small{font-size:8px;color:#98aabb;display:block;margin-top:5px}.team-note{margin-top:23px;padding:18px 14px;border-radius:8px;background:#e8eef4;position:relative;overflow:hidden}.team-note span{font-size:8px;color:#8a9db1}.team-note p{font-size:12px;color:#68819b;line-height:1.8;margin-top:7px}.team-note svg{position:absolute;right:9px;bottom:14px;color:#b8c8d9;transform:rotate(12deg)}.error-banner{background:#fff2eb;color:#a15b45;font-size:12px;display:flex;justify-content:space-between;align-items:center;padding:6px 25px;flex-shrink:0}.load-more{display:block;margin:15px auto 0;font-size:10px;color:#5b738c;border:1px solid #d8e0e8;border-radius:20px;padding:7px 14px}.no-messages{text-align:center;color:#8fa1b4;font-size:12px;padding:35px}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:50px;color:#7a90a7;font-size:12px}.people-page{padding:38px;overflow-y:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-heading h1{font-size:25px;margin:12px 0;letter-spacing:-.8px}.page-heading h1 span{font-size:15px;color:#758ca3;margin-left:13px}.page-heading p{color:#7f94a9;font-size:12px}.people-search{margin:27px 0;width:280px;background:#f2f5f9;border:1px solid #dde3ea;border-radius:8px;padding:12px}.people-search input{width:100%;font-size:12px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.person-card{border:1px solid #dde3e9;border-radius:12px;padding:24px;background:#fefefb}.person-card.inactive{opacity:.55}.person-card h3{font-size:14px;margin:13px 0 7px}.person-card h3 small{font-size:9px;margin-left:7px;color:#869aae}.person-card p{font-size:11px;color:#768ca3}.person-email{display:block;font-size:10px;color:#94a5b7;margin-top:10px;overflow-wrap:anywhere}.person-actions{display:flex;gap:8px;margin-top:20px}.person-actions button{display:flex;align-items:center;gap:6px;font-size:10px;border:1px solid #d8e0e7;border-radius:6px;padding:7px}.person-actions button:hover{background:#e6edf4}.files-page{padding:30px;overflow-y:auto}.file-page-heading{margin-bottom:25px}.file-page-heading h2{font-size:18px}.file-page-heading p{margin-top:8px;color:#7a90a6;font-size:11px}.file-row{display:flex;align-items:center;gap:14px;border:1px solid #dde3ea;border-radius:9px;padding:15px;margin-bottom:12px}.file-row>div{min-width:0;flex:1}.file-row strong{font-size:12px;overflow-wrap:anywhere}.file-row small{display:block;font-size:10px;color:#8398ad;margin-top:7px}.file-row>svg{color:#7a90a6}.empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:70px 15px;color:#869aaf}.empty h3{font-size:15px;margin:18px 0 9px;color:#60778f}.empty p{font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#14132a66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:460px;max-height:90dvh;overflow-y:auto;background:#fffefa;border-radius:16px;padding:25px;box-shadow:0 30px 100px #0f0e2733}.modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.modal h2{font-size:20px;letter-spacing:-.5px}.form-description{font-size:11px;color:#768da4;line-height:1.8;margin-bottom:20px}.modal .full{margin-top:12px}.invite-result{border:1px solid #ccd9e5;border-radius:10px;padding:18px;color:#464483}.invite-result>strong{font-size:13px;margin-left:8px}.invite-result>input{width:100%;border:1px solid #d7dfe7;border-radius:6px;padding:10px;margin-top:15px;font-size:10px;color:#69829b}.segmented{display:flex;gap:5px;background:#e8eef4;padding:4px;border-radius:8px;margin-bottom:24px}.segmented button{flex:1;padding:8px;font-size:12px;border-radius:6px;color:#6c849d}.segmented button.active{background:#fff;color:#39376e;box-shadow:0 2px 4px #1d1c490a}.member-picker{max-height:240px;overflow-y:auto;margin-bottom:15px;border:1px solid #dce3eb;border-radius:9px}.member-picker>label{display:flex;align-items:center;gap:11px;padding:11px;border-bottom:1px solid #e8edf2;cursor:pointer;font-size:12px}.member-picker input{accent-color:#4d4b84}.member-picker small{display:block;font-size:9px;color:#889baf;margin-top:4px}.mobile-only,.sidebar-scrim{display:none}@media(min-width:1600px){.sidebar{width:274px}.details{width:280px}.message-list{padding-left:40px;padding-right:40px}.message-content>p{font-size:13px}.room-header{padding:24px 40px}.conversation-toolbar{padding:0 40px}.composer-area{padding:10px 36px 18px}}@media(max-width:1200px){.details{display:none}.sidebar{width:235px}.topbar-label{font-size:9px}.composer-foot>span:first-child{display:none}.composer-foot{justify-content:flex-end}}@media(max-width:760px){.rail{width:58px;padding:18px 4px}.rail-brand{width:34px;height:34px;margin-bottom:22px}.rail-item{width:46px;min-height:56px}.rail-item span{font-size:9px}.sidebar{position:fixed;z-index:50;left:58px;top:0;bottom:0;transform:translate(-130%);transition:transform .2s;width:252px;box-shadow:10px 0 30px #19183b22}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#1d1c3455}.mobile-only{display:inline-flex}.topbar{height:49px;padding:0 12px}.breadcrumbs{gap:8px}.topbar-label{font-size:0;gap:0}.topbar-label .dot{width:6px;height:6px}.room-header{min-height:79px;padding:14px;gap:7px}.room-symbol{width:35px;height:35px;border-radius:10px}.room-symbol svg{width:21px}.room-header h1{font-size:16px;gap:5px}.room-header p{font-size:9px;max-width:180px}.room-tools{gap:1px}.tool-divider,.room-tools>.icon-button:last-child{display:none}.member-button{font-size:10px;padding:4px}.channel-tag{display:none}.conversation-toolbar{height:46px;padding:0 14px}.conversation-tabs{gap:15px}.search input{width:100px;font-size:9px}.conversation-tabs button{font-size:10px;gap:5px}.message-list{padding:0 15px 10px}.welcome{padding-top:23px}.welcome h2{font-size:16px;line-height:1.6}.welcome p{font-size:10px}.welcome-icon{width:39px;height:39px}.message{gap:9px;margin-bottom:22px}.message>.avatar{width:30px;height:30px;border-radius:10px;font-size:10px}.message-meta{gap:5px;flex-wrap:wrap}.message-meta strong{font-size:11px}.department{display:none}.message-meta time{font-size:8px}.message-content>p{font-size:12px}.file-attachment{min-width:0;width:100%;padding:9px;gap:8px}.file-attachment>svg{margin-left:2px;width:15px}.file-attachment strong{font-size:10px}.image-attachment{max-width:100%}.composer-area{padding:8px 10px 12px}.composer textarea{padding:12px;font-size:12px;height:64px}.compose-limit{font-size:8px}.composer-actions{padding:0 7px 7px}.composer-foot{font-size:7px}.people-page{padding:22px 17px}.page-heading{align-items:flex-start;flex-direction:column;gap:13px}.page-heading h1{font-size:23px}.page-heading .primary{font-size:11px;padding:9px 12px;min-height:35px}.people-search{width:100%}.people-grid{grid-template-columns:1fr}.person-card{padding:20px}.files-page{padding:22px 15px}.error-banner{font-size:10px;padding:5px 12px}.auth-page{display:block}.auth-story{display:none}.auth-form{min-height:100dvh;padding:40px 25px}.auth-card h2{font-size:27px}.modal{padding:20px}.modal h2{font-size:18px}}.topbar-right{display:flex;align-items:center;gap:18px}.browser-notification{display:flex;align-items:center;gap:5px;font-size:9px;color:#67809a}.notice-banner{display:flex;align-items:center;justify-content:space-between;background:#e8eff6;color:#454381;padding:5px 25px;flex-shrink:0}.notice-banner>button:first-child{display:flex;align-items:center;gap:9px;font-size:11px}.disabled{pointer-events:none}@media(max-width:760px){.topbar-right{gap:7px}.browser-notification{font-size:8px}.notice-banner{padding:5px 12px}.notice-banner>button:first-child{font-size:10px}}@media(max-width:760px){.message-content>p{font-size:13px;line-height:1.85}.message-meta strong{font-size:12px}.message-meta time{font-size:9px}.composer textarea{font-size:13px}.room-header p{font-size:10px}}.backup-status{padding:10px 20px;background:#eef2f5;color:#29284d;font-size:13px;border-bottom:1px solid #dae0e6;flex-shrink:0}.backup-status summary{cursor:pointer;font-weight:600}.backup-status p{margin:5px 0}:root{--brand-blue:#2078e5;--brand-cyan:#11bcc8;--brand-navy:#1b194f;--green:#1765c4;--ink:#1b194f;--line:#e1e8f2;--muted:#65758b;color:var(--ink);background:#f7faff}.rail,.auth-story{background:var(--brand-navy);color:#d3e0f2}.brand-icon,.rail-brand{background:linear-gradient(150deg,var(--brand-blue),var(--brand-cyan));color:#fff}.art-zap{color:#27ccda}.primary{background:#1765c4;color:#fff}.primary:hover{background:#1255a7}.sidebar{background:#eff5fc;border-color:var(--line)}.room-link.active{background:#dcecff;color:#154f99}.room-link.active svg{color:#1765c4}.room-link b{background:#1765c4}.send-button{background:#1765c4;color:#fff}.send-button:hover{background:#1255a7}.send-button:disabled{background:#e2e8f0;color:#8493a7}.room-symbol,.welcome-icon,.invite-symbol,.sage{background:#e0f5f8;color:#087684}.conversation-tabs button.selected{border-color:#2078e5;color:#1765c4}button:focus-visible,a:focus-visible{outline-color:#2078e5}input:focus,textarea:focus,.composer:focus-within{border-color:#2078e5!important}.message-content>p{color:#34445c}.message-meta strong{color:#1b194f}.room-link,.sidebar-home,.member-button,.icon-button{color:#526780}.room-header p,.welcome p,.message-meta time,.department{color:#65758b}.backup-status{background:#eaf4fc;color:#23547b;border-color:#d4e6f3}.backup-status.backup-problem{background:#fff0e9;color:#8a341b}.brand-icon,.rail-brand{background:#fff;overflow:hidden}.brand-icon img,.rail-brand img{display:block;width:100%;height:100%;object-fit:contain}.art-zap{transform:none;border-radius:20px;overflow:hidden;width:84px;height:84px;background:#fff}.art-zap img{width:100%;height:100%;object-fit:contain;display:block}.qr-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #e3eaf3;border-radius:24px;background:#fff;color:#1b194f;box-shadow:0 24px 80px #121b3833;overflow:auto}.qr-dialog::backdrop{background:#101c3b66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.qr-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;border-bottom:1px solid #edf1f6}.qr-eyebrow{display:block;font-size:10px;letter-spacing:1.8px;color:#69809b;font-weight:700;margin-bottom:7px}.qr-header h2{font-size:20px;line-height:1.4;letter-spacing:-.5px}.qr-close{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f3f6fa;color:#62728a;flex-shrink:0}.qr-close:hover{background:#e7eef7}.qr-body{text-align:center;padding:28px 28px 24px}.qr-symbol{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 16px;border-radius:16px;background:#eaf4ff;color:#1765c4}.qr-symbol.approved{background:#e4f7f5;color:#087e79}.qr-body h3{font-size:21px;line-height:1.45;margin:0 0 10px;letter-spacing:-.5px}.qr-body p{font-size:14px;line-height:1.75;color:#62728a;white-space:pre-line;margin:0}.qr-image{display:grid;place-items:center;width:244px;min-height:244px;margin:22px auto 18px;border:1px solid #e3eaf3;border-radius:18px;background:#fff;overflow:hidden;color:#62728a}.qr-image img{display:block;max-width:100%;height:auto}.qr-code{display:flex;justify-content:center;gap:7px;margin:28px 0}.qr-code span{display:grid;place-items:center;width:46px;height:60px;border:1px solid #dbe6f3;border-radius:10px;background:#f4f8fd;font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;color:#1765c4}.qr-timer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#718198}.qr-timer strong{color:#1765c4;font-variant-numeric:tabular-nums}.qr-approved-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding:16px;border-radius:12px;background:#f0faf9;color:#087e79;font-size:13px}.qr-body .qr-error{margin-top:20px;padding:14px;background:#fff5f3;border-radius:12px;color:#a94f40;font-size:13px}.qr-footer{padding:0 28px 28px}.qr-footer .primary{min-height:48px;border-radius:12px;font-size:14px}.qr-footer-hint{display:flex;align-items:center;justify-content:center;gap:7px;color:#75869b;font-size:12px;line-height:1.6}@media(max-width:400px){.qr-header{padding:20px}.qr-body{padding:24px 20px}.qr-footer{padding:0 20px 24px}.qr-code{gap:5px}.qr-code span{width:38px;height:54px;font-size:25px}.qr-timer{flex-wrap:wrap}.qr-header h2{font-size:18px}}.read-receipt{font-size:11px;color:#1765c4;white-space:nowrap}.message-tools{display:flex;gap:12px;margin:6px 0}.message-tools button{display:inline-flex;align-items:center;gap:4px;color:#62748b;font-size:12px;padding:4px}.message-tools button:hover{color:#1765c4}.tool-results{max-height:42vh;overflow:auto;margin:16px 0}.tool-results h3{font-size:13px;color:#62748b;margin:12px 0}.forward-target{display:flex!important;align-items:center;gap:10px;padding:10px;margin:0!important}.forward-target input{width:auto!important}.forward-preview{background:#edf4fb;padding:14px;border-radius:12px;margin:0 0 16px;white-space:pre-wrap;max-height:130px;overflow:auto}.forward-preview small{display:block;margin-top:8px}.search-hit{padding:14px 0;border-bottom:1px solid #e1e8f0}.search-hit p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.search-hit a{display:block;color:#1765c4}.upload-status{display:flex;gap:12px;align-items:center;font-size:12px;padding:6px}.upload-status progress{flex:1;accent-color:#1765c4}.tool-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:#1b194f;color:#fff;padding:14px 20px;border-radius:12px;display:flex;gap:20px}.tool-toast button{color:#fff}.modal textarea{width:100%;padding:12px;border:1px solid #d9e1ee;border-radius:8px;font:inherit}.conversation-toolbar{flex-wrap:wrap}.reply-quote{display:flex;flex-direction:column;gap:5px;border-left:3px solid #1765c4;background:#edf4fb;border-radius:8px;padding:10px 14px;margin:6px 0;text-align:left;max-width:100%;color:#1b194f}.reply-quote span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.reaction-bar{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.reaction-bar button{border:1px solid #dce5f0;border-radius:16px;padding:4px 9px;background:#fff}.reaction-bar button[aria-pressed=true]{background:#dceeff;border-color:#1765c4}.message-content p a{color:#1765c4;text-decoration:underline;overflow-wrap:anywhere}.quote-highlight{background:#dceeff;border-radius:12px;transition:background .2s}.message{position:relative}.message-tools{position:absolute;right:12px;top:0;background:#fff;border:1px solid #dce5f0;border-radius:10px;box-shadow:0 3px 12px #1b194f15;padding:4px 8px;opacity:0;transition:opacity .15s;z-index:3}.message:hover .message-tools,.message:focus-within .message-tools{opacity:1}.reaction-bar{position:relative}.reaction-add{color:#62748b}.emoji-picker{position:absolute;left:0;top:100%;width:min(330px,75vw);padding:14px;background:#fff;border:1px solid #dce5f0;border-radius:14px;box-shadow:0 8px 30px #1b194f26;z-index:20}.emoji-picker-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.emoji-picker input{width:100%;padding:9px;border:1px solid #dce5f0;border-radius:8px}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);max-height:220px;overflow:auto;margin-top:10px}.emoji-grid button{font-size:23px;border:0;padding:7px;border-radius:6px}.emoji-grid button:hover{background:#e5f2ff}@media(hover:none){.message-tools{position:static;opacity:1;width:fit-content}}.message-more{position:relative}.message-menu{position:absolute;right:0;top:100%;width:180px;background:#fff;border:1px solid #dce2eb;border-radius:10px;box-shadow:0 8px 30px #18214a25;padding:6px;z-index:30}.message-menu button{display:block;width:100%;text-align:left;padding:10px}.message-menu .danger{color:#ba233d}.action-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#121a4260;display:grid;place-items:center;z-index:100}.action-dialog{width:min(480px,90vw);padding:24px;background:#fff;border-radius:16px}.action-dialog textarea{width:100%;min-height:140px;margin:16px 0}.action-dialog>div{display:flex;justify-content:flex-end;gap:12px}.message .reaction-bar{position:static}.message-tools:has([aria-expanded=true]),.message-tools:has(.action-overlay){opacity:1;pointer-events:auto}.emoji-picker{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:101;background:#fff}.emoji-picker:before{content:none}.management-bar{display:flex;gap:12px;padding:8px 24px;border-bottom:1px solid #e1e8f0;flex-wrap:wrap;font-size:12px}.management-bar button{color:#1765c4}.management-list{display:block!important;max-height:45vh;overflow:auto;margin:16px 0}.management-list>button,.management-list>article{display:block;width:100%;text-align:left;border-bottom:1px solid #e1e8f0;padding:12px}.management-list p{white-space:pre-wrap;overflow-wrap:anywhere}.message-menu{max-height:55vh;overflow:auto}.touch-message-actions{display:contents}.touch-message-actions>.touch-actions-toggle{display:none}@media(max-width:760px){.workspace .rail{display:none}.workspace.menu-open .rail{display:flex;position:fixed;inset:0 auto 0 0;z-index:51;width:58px}.sidebar{width:min(290px,calc(100vw - 58px))}.topbar{height:44px;padding:0 10px}.room-header{min-height:58px;padding:10px 14px}.room-header p{display:none}.conversation-toolbar{padding:0 12px;gap:8px;height:auto;min-height:42px;flex-wrap:wrap}.search input{width:88px}.management-bar{padding:8px 12px;gap:12px;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;white-space:nowrap}.management-bar>*{flex-shrink:0}.message-list{padding:0 12px 12px}.message{margin-bottom:16px}.composer-area{padding:6px 8px max(8px,env(safe-area-inset-bottom))}.composer textarea{font-size:16px;height:48px;padding:10px 12px}.composer-actions>div{gap:6px;min-width:0;flex-wrap:wrap}.compose-limit,.composer-foot{display:none}.composer-actions select{max-width:120px}.touch-message-actions{display:block}.touch-message-actions>.touch-actions-toggle{display:flex;list-style:none;align-items:center;justify-content:center;width:36px;height:32px;margin-left:auto;border-radius:8px;color:#62748b;cursor:pointer}.touch-message-actions>.touch-actions-toggle::-webkit-details-marker{display:none}.touch-message-actions:not(.expanded)>.message-tools{display:none}.touch-message-actions.expanded>.message-tools{position:relative;top:auto;right:auto;opacity:1;display:flex;flex-wrap:wrap;width:100%;gap:8px;margin:4px 0;padding:6px;pointer-events:auto}.message-tools button{min-height:32px}.message-menu{right:0;max-width:calc(100vw - 60px)}}@media(min-width:761px){.touch-message-actions:not(.expanded)>.message-tools{display:flex}}.message-tools .message-menu button{border:0;border-radius:6px;background:transparent;box-shadow:none;padding:10px 12px;min-height:38px;margin:0;font-size:12px}.message-tools .message-menu button:hover{background:#eef5fc}.message:has(.message-menu){z-index:10}.sidebar-invite{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:40px;margin:8px 0 12px;border:1px solid #d6dee6;border-radius:8px;color:#1765c4;font-size:12px;font-weight:600}.sidebar-invite:hover{background:#e0edfa}@media(max-width:760px){.sidebar-invite{display:none}}.outbox-panel{max-height:180px;overflow:auto;border:1px solid #d9e3ef;border-radius:8px;padding:8px;margin-bottom:6px;font-size:12px}.outbox-panel summary{cursor:pointer}.outbox-panel p{font-size:11px;color:#62748b;margin:6px 0}.outbox-row{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f7}.outbox-row span{flex:1;min-width:0;overflow-wrap:anywhere}.outbox-row small{display:block;color:#a04835}.outbox-row button{color:#1765c4}.latest-button{display:block;margin:0 auto 6px;background:#1765c4;color:#fff;padding:7px 14px;border-radius:20px}.draft-files{max-height:120px;overflow:auto}.draft-files>span{display:inline-flex;align-items:center;gap:6px}@media(max-width:760px){.workspace{height:var(--chat-height,100dvh)}.composer-area{flex-shrink:0}.message-list{min-height:0}.draft-files{max-height:90px}}.mobile-home,.mobile-home-back,.mobile-sheet-backdrop{display:none}@media(max-width:760px){.show-mobile-home>main,.show-mobile-home>.mobile-home-back{display:none!important}.show-mobile-home>.mobile-home{display:flex;flex-direction:column;width:100%;height:100%;background:#f5f8fc;color:#1d1b50}.mobile-home>header{display:flex;align-items:center;gap:12px;background:#1d1b50;color:#fff;padding:14px 18px;min-height:64px}.mobile-home header img{width:36px;height:36px;border-radius:10px}.mobile-home header strong{font-size:20px;flex:1}.mobile-home header button{color:#fff;padding:8px}.mobile-home>main{overflow:auto;flex:1;padding:12px 16px 76px}.mobile-shortcuts{display:flex;gap:12px;margin:4px 0 20px}.mobile-shortcuts button{display:flex;align-items:center;gap:8px;background:#fff;padding:12px;border-radius:12px;border:1px solid #e0e8f1}.mobile-home input{width:100%;padding:12px;border:1px solid #ccd8e6;border-radius:10px;margin-bottom:12px}.mobile-home summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:14px;font-weight:600;padding:16px 0;cursor:pointer}.mobile-home summary small{margin-left:auto;color:#708197}.mobile-room-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:68px;border-bottom:1px solid #e8edf4}.mobile-room-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#def5fa;font-weight:700}.mobile-room-row>span:nth-child(2){flex:1;min-width:0}.mobile-room-row strong{font-size:15px}.mobile-room-row small{display:block;color:#718094;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.mobile-room-row>b{background:#1d1b50;color:#fff;padding:4px 8px;border-radius:20px;font-size:12px}.mobile-home nav{display:flex;background:#fff;border-top:1px solid #e0e8f1;padding:6px 8px max(8px,env(safe-area-inset-bottom))}.mobile-home nav button{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;color:#73829a;font-size:11px;padding:8px}.mobile-home nav button[aria-current]{color:#1669d1;background:#edf5ff;border-radius:12px}.mobile-new{position:absolute;bottom:90px;right:20px;background:#1669d1;color:#fff;padding:16px;border-radius:50%;box-shadow:0 4px 18px #1b376833}.mobile-home-back{display:block;position:absolute;top:6px;left:10px;z-index:15;height:38px;padding:8px;background:#fff;color:#1d1b50}.workspace:not(.show-mobile-home) .breadcrumbs{visibility:hidden}.mobile-sheet-backdrop{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#10162a77;z-index:160;align-items:flex-end}.mobile-message-sheet{background:#fff;width:100%;max-height:85dvh;overflow:auto;border-radius:24px 24px 0 0;padding:16px 20px max(20px,env(safe-area-inset-bottom));box-shadow:0 -8px 50px #13224022}.mobile-message-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mobile-message-sheet header button{font-size:26px;padding:4px 12px}.sheet-reactions{display:flex;justify-content:space-between;gap:4px;margin-bottom:16px}.sheet-reactions button{min-width:38px;min-height:44px;border-radius:50%;background:#edf4fb;font-size:22px}.sheet-primary-actions{display:flex;gap:10px;margin-bottom:12px}.sheet-primary-actions>div{flex:1}.sheet-primary-actions button{width:100%;min-height:64px;display:flex;align-items:center;justify-content:center;gap:6px;background:#edf4fb;border-radius:14px}.sheet-secondary-actions .message-menu{position:static;display:flex;width:100%;box-shadow:none;border:0;padding:0;flex-direction:column}.sheet-secondary-actions button{width:100%;text-align:left;min-height:46px;border:0;border-bottom:1px solid #edf0f5;border-radius:0;padding:12px}.sheet-secondary-actions .message-more{display:block;width:100%}.mobile-message-sheet .danger{color:#c33c58}.mobile-sheet-backdrop~.emoji-picker{z-index:180}}