:root{font-family:'Noto Sans KR Variable',sans-serif;color:#202536;background:#f5f6f9;font-synthesis:none;--purple:#7160d5;--muted:#858b9c;--border:#e9ebf1}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #afa2f1;outline-offset:3px}button{color:inherit}a{color:inherit}button{border:0;background:none}[hidden]{display:none!important}.app-shell{min-height:100dvh;display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{background:#171c2e;color:#c0c4d1;padding:34px 20px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700;font-size:23px;letter-spacing:-1px}.brand-light{font-weight:350;color:#b7b9cb}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:0;color:#8a91a9;margin-top:5px}.workspace-label{font-size:9px;letter-spacing:1.7px;color:#70798e;margin:55px 12px 15px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:13px;border-radius:8px;text-align:left;font-size:13px}.nav-item.active{background:#7262d7;color:white}.count{margin-left:auto;background:#ffffff20;border-radius:4px;padding:1px 7px;font-size:10px}.sidebar-note{margin:48px 12px}.tiny-label{color:#787e98;font-size:8px;letter-spacing:1.2px}.sidebar-note h2{font-size:18px;line-height:1.8;font-weight:450;letter-spacing:-.7px;color:#dce0ec;margin:15px 0}.sidebar-note p{font-size:11px;line-height:1.9;color:#818aa0}.flow-tags{display:flex;gap:8px;align-items:center;margin-top:24px;font-size:9px;color:#a5a0d8}.flow-tags span{border:1px solid #363750;padding:4px 8px;border-radius:4px}.flow-tags i{font-style:normal;color:#515b75}.sidebar-bottom{margin-top:auto}.connection{display:flex;align-items:center;gap:7px;font-size:10px;margin:20px 10px 10px}.dot{width:6px;height:6px;background:#929bb1;border-radius:50%;display:inline-block}.dot.green{background:#63c7a6}.settings-link{font-size:11px;color:#b7bccc;padding:8px 10px;width:100%;text-align:left}.settings-link span{float:right}.account{border-top:1px solid #30364a;margin-top:18px;padding-top:20px;display:flex;gap:9px;align-items:center}.avatar{width:32px;height:32px;border-radius:10px;background:#30354c;display:grid;place-items:center;font-size:12px;color:#c3bee5}.account strong{display:block;color:#d9dce7;font-size:10px;font-weight:500}.account small{display:block;font-size:9px;color:#7e879e;margin-top:4px}.main{min-width:0}.topbar{height:116px;padding:26px 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#fff}.eyebrow{font-size:9px;color:#9296a7;letter-spacing:1.6px;font-weight:550}.topbar h1{font-size:27px;letter-spacing:-1.4px;font-weight:650;margin:7px 0 0}.title-dot{color:var(--purple)}.topbar-actions{display:flex;gap:12px;align-items:center}.live-indicator{font-size:10px;color:#5e9e89;display:flex;align-items:center;gap:6px}.live-indicator:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.button{padding:10px 15px;display:inline-flex;justify-content:center;gap:16px;align-items:center;border-radius:6px;font-size:11px;font-weight:550;text-decoration:none}.subtle{background:#f5f5fa;color:#636a80;border:1px solid #e8e9f1}.primary{background:var(--purple);color:white;border:1px solid var(--purple)}.icon-button{width:34px;height:34px;border:1px solid var(--border);border-radius:6px;font-size:21px;color:#777f94}.mail-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100dvh - 116px)}.mail-list-panel{min-width:0;border-right:1px solid var(--border);background:#fff;overflow:auto;padding-bottom:25px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:26px 23px 16px}.list-toolbar h2{font-size:14px;margin:0;font-weight:650}.language-caption{font-size:9px;color:#9a91bd;background:#f7f5fd;padding:4px 7px;border-radius:4px}.search-box{margin:0 22px;display:flex;gap:7px;align-items:center;background:#f6f7fa;border:1px solid #f0f1f5;border-radius:6px;padding:9px 12px;color:#9399aa}.search-box input{border:0;background:transparent;min-width:0;width:100%;font-size:10px;outline-offset:4px;color:#50576c}.search-box span{font-size:20px;line-height:15px}.list-meta{display:flex;gap:8px;justify-content:space-between;font-size:9px;color:#949bad;padding:20px 24px 10px}.list-meta button{font-size:9px;color:var(--purple)}.mail-row{display:block;width:100%;text-align:left;padding:21px 23px;border-bottom:1px solid #f0f1f5;position:relative}.mail-row:hover{background:#faf9fe}.mail-row.selected{background:#f2effc}.mail-row.selected:before{content:'';width:3px;position:absolute;left:0;top:0;bottom:0;background:var(--purple)}.mail-row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.mail-row-sender{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-time{font-size:9px;color:#9ca0af;white-space:nowrap}.mail-row h3{font-size:12px;font-weight:550;margin:0 0 8px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mail-row p{font-size:10px;line-height:1.8;color:#9298a8;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.row-tags{display:flex;align-items:center;gap:6px;margin-top:13px}.row-tags span{font-size:8px;color:#9a91b8;padding:2px 5px;background:#eeebf9;border-radius:3px}.row-tags .translated{background:transparent;color:#9c9fad}.detail-panel{overflow:auto;background:#fff;min-width:0}.detail-toolbar{display:flex;align-items:center;gap:10px;padding:24px 35px;border-bottom:1px solid #f0f1f5;height:69px}.detail-caption{font-size:10px;color:#9da2b1}.language-badge{margin-left:auto;color:#7c70ac;background:#f6f3ff;padding:5px 9px;font-size:9px;border-radius:4px}.back-button{display:none;font-size:12px;padding:6px}.reading-content{padding:32px 36px 25px}.message-title{font-size:24px;font-weight:600;line-height:1.65;letter-spacing:-.8px;margin:0 0 21px;overflow-wrap:anywhere}.message-person{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f1f6;padding-bottom:25px}.sender-avatar{width:35px;height:35px;flex-shrink:0;border-radius:50%;background:#f0edf9;color:#8a7abb;display:grid;place-items:center;font-size:13px;font-weight:600}.sender-info{min-width:0}.sender-info strong{display:block;font-size:11px;overflow-wrap:anywhere}.sender-info small{display:block;font-size:9px;color:#939aab;margin-top:4px;overflow-wrap:anywhere}.message-date{margin-left:auto;color:#a0a5b3;font-size:9px;white-space:nowrap}.translation-bar{display:flex;justify-content:space-between;align-items:center;margin:25px 0 16px}.translation-label{font-size:10px;color:#8e80bc;display:flex;gap:7px;align-items:center}.text-button{font-size:10px;color:var(--purple);text-decoration:underline;text-underline-offset:3px}.message-body{font-size:13px;line-height:2.1;white-space:pre-wrap;overflow-wrap:anywhere;color:#4e566b;margin:0}.original-block{margin-top:20px;border:1px solid var(--border);background:#f8f9fc;border-radius:7px;padding:18px;font-size:11px;color:#6e7588;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.attachment-note{font-size:10px;color:#7e879b;background:#f6f7fa;border-radius:6px;padding:12px;margin-top:20px;line-height:1.8}.reply-card{margin:18px 35px 0;border:1px solid #e5e2f0;border-radius:10px;overflow:hidden;background:#fff}.reply-title{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 14px;background:#fcfbff}.reply-title .eyebrow{font-size:8px;color:#a39bb7}.reply-title h2{font-size:16px;font-weight:600;letter-spacing:-.5px;margin:6px 0 0}.reply-step{font-size:9px;color:#a59db9}.reply-recipient{font-size:9px;color:#a0a5b2;padding:0 22px 17px;background:#fcfbff;overflow-wrap:anywhere}.reply-recipient strong{color:#72788b;margin-left:10px;font-weight:450}.compose-toolbar{display:flex;align-items:center;padding:15px 22px 4px;gap:10px}.compose-toolbar label{font-size:10px;color:#8c93a4}.compose-toolbar select{border:1px solid #e7e8f0;border-radius:4px;color:#625c7a;padding:4px 7px;font-size:10px;background:white;max-width:180px}.compose-toolbar .text-button{margin-left:auto;font-size:9px}textarea{display:block;resize:vertical;width:calc(100% - 44px);border:0;margin:12px 22px 0;min-height:116px;max-height:400px;font-size:12px;line-height:1.9;color:#50586d;background:#fff}textarea::placeholder{color:#afb3c1}.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 22px 20px}.compose-footer>span{font-size:9px;color:#a1a5b5;line-height:1.7}.compose-footer .button{white-space:nowrap;font-size:10px;padding:9px 11px}.preview-box{border-top:1px solid #e7e2f5;background:#faf8ff;padding:20px 22px}.preview-label{display:flex;justify-content:space-between;color:#8d7db6;font-size:9px}.preview-box p{white-space:pre-wrap;font-size:12px;line-height:1.9;overflow-wrap:anywhere;color:#55506e}.confirm-label{display:flex;align-items:center;gap:5px;font-size:10px;color:#79708e;margin-top:22px;line-height:1.6}.confirm-label input{accent-color:var(--purple);width:14px;height:14px;flex-shrink:0}.send-row{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.send-row>span{font-size:9px;color:#a49ab9;line-height:1.8}.mail-footnote{margin:18px 35px 35px;color:#a7acb9;font-size:9px;line-height:1.8}.empty-detail{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#9b9eb2;padding:30px}.empty-icon{background:#f0edfa;color:#a396ce;font-size:42px;width:95px;height:95px;border-radius:28px;margin-bottom:22px}.empty-detail h2{font-size:22px;font-weight:500;color:#747b92;letter-spacing:-1px}.empty-detail p{font-size:12px;line-height:2}.empty-detail>span{font-size:8px;letter-spacing:3px;margin-top:45px;color:#b8bbcb}.list-empty{padding:45px 24px;font-size:12px;line-height:2;color:#9ba0af;text-align:center}.load-more{display:block;padding:14px;margin:16px auto 0;font-size:11px;color:var(--purple);border:1px solid var(--border);border-radius:6px}.mode-banner{background:#eeebf8;color:#71658d;text-align:center;font-size:10px;line-height:1.8;padding:7px 15px;letter-spacing:.1px}.mode-banner~.app-shell .sidebar{height:calc(100dvh - 32px)}.mode-banner:not([hidden])~.app-shell .mail-workspace{height:calc(100dvh - 148px)}.status-note{background:#fff5e9;color:#9c753f;padding:10px 30px;font-size:11px;line-height:1.8}.toast{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#24283e;color:#fff;padding:14px 22px;border-radius:8px;font-size:12px;box-shadow:0 7px 30px #171c2e22;max-width:90vw;width:max-content;line-height:1.8;z-index:20}.toast.error{background:#765048}dialog{border:1px solid #e8e5ef;border-radius:14px;padding:28px;max-width:460px;width:calc(100% - 36px);color:#4f566d;box-shadow:0 25px 100px #171c2e33}dialog::backdrop{background:#171c2e66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading h2{font-size:21px;margin:8px 0 22px}.dialog-heading .icon-button{align-self:flex-start}.dialog-copy{font-size:12px;line-height:2;white-space:pre-line;margin:15px 0 25px}.connect-link{width:100%;margin:10px 0}.dialog-footnote{font-size:10px;line-height:1.9;color:#a0a3b0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.mail-workspace{grid-template-columns:390px minmax(0,1fr)}.reading-content{padding:40px 7%}.reply-card{margin-left:7%;margin-right:7%}.mail-footnote{margin-left:7%}}@media(max-width:1100px){.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:30px 14px 18px}.brand{font-size:20px;gap:7px}.brand img{width:31px}.brand small{font-size:8px}.mail-workspace{grid-template-columns:290px minmax(0,1fr)}.topbar{padding:26px}.reading-content{padding:27px}.reply-card{margin:15px 24px 0}.message-title{font-size:21px}.message-date{display:none}.reply-step{display:none}.live-indicator{display:none}}@media(max-width:800px){.app-shell{display:block}.sidebar{height:auto!important;position:static;padding:16px 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand small,.workspace-label,.nav-item,.sidebar-note,.sidebar-bottom .connection,.account{display:none}.sidebar-bottom{margin:0}.settings-link{font-size:10px;padding:8px}.settings-link span{margin-left:10px}.brand img{height:29px}.topbar{height:93px;padding:18px 21px}.topbar h1{font-size:24px}.topbar-actions{gap:8px}.topbar .eyebrow{font-size:8px}.topbar .button{font-size:10px;padding:9px 11px}.mail-workspace{height:auto!important;display:block}.mail-list-panel{border:0;min-height:calc(100dvh - 160px);padding-bottom:30px}.detail-panel{display:none}.mail-workspace.is-open .mail-list-panel{display:none}.mail-workspace.is-open .detail-panel{display:block}.detail-toolbar{padding:17px 21px;height:59px}.detail-caption{display:none}.back-button{display:block}.reading-content{padding:28px 24px}.message-title{font-size:23px}.message-body{font-size:13px}.reply-card{margin:15px 20px 0}.reply-title{padding:21px 18px 14px}.reply-recipient{padding:0 18px 16px}.compose-toolbar{padding:15px 18px 4px}textarea{width:calc(100% - 36px);margin:12px 18px 0;min-height:140px;font-size:13px}.compose-footer{padding:15px 18px}.compose-footer>span{max-width:140px}.preview-box{padding:20px 18px}.send-row{align-items:flex-end}.send-row .button{white-space:nowrap}.mail-footnote{margin:18px 24px 35px}.mode-banner{font-size:9px;padding:7px 12px}.status-note{padding:10px 21px;font-size:10px}.mail-row{padding:23px 24px}.mail-row h3{font-size:14px}.mail-row-sender{font-size:12px}.mail-row p{font-size:12px}.row-tags span{font-size:9px}.mail-row-time{font-size:10px}.empty-detail{min-height:65vh}.search-box input{font-size:12px}.list-toolbar h2{font-size:16px}.language-caption{font-size:10px}.list-meta{font-size:10px}.list-meta button{font-size:10px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s ease,opacity .15s ease}.toast{animation:appear .2s ease}@keyframes appear{from{opacity:0;bottom:15px}to{opacity:1}}}
/* Conversation workspace and persistent project/company navigation. */
.app-shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{padding:30px 16px 18px}.workspace-label{margin:30px 12px 12px}.sidebar-trees{margin-top:20px;overflow:auto;flex:1;min-height:0;padding-right:3px}.sidebar-bottom{flex-shrink:0}.tree-section{margin:24px 0}.tree-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px 8px}.tree-heading h2{font-size:11px;color:#c0c4d5;font-weight:550;margin:0}.tree-add{font-size:10px;color:#c0b6f1;padding:5px}.tree-group{border-top:1px solid #ffffff08}.tree-group>summary{display:flex;align-items:center;gap:7px;list-style:none;padding:11px 8px;cursor:pointer;font-size:11px;color:#bdc2d4}.tree-group>summary::-webkit-details-marker{display:none}.tree-group>summary:before{content:'▸';color:#7f88a4}.tree-group[open]>summary:before{content:'▾'}.tree-name{flex:1;min-width:0;overflow-wrap:anywhere}.tree-count{font-size:9px;color:#828ba3}.tree-actions{display:flex;gap:10px;padding:0 10px 8px 22px}.tree-actions .tree-button{font-size:9px;color:#a99edc}.tree-button{display:block;text-align:left;color:inherit;font-size:11px;padding:7px 10px}.tree-thread{display:block;width:100%;color:#a0a7c0;text-align:left;font-size:10px;line-height:1.8;padding:9px 10px 9px 22px;border-radius:5px;overflow-wrap:anywhere}.tree-thread:hover,.tree-thread.selected{background:#ffffff0c;color:#f2eaff}.tree-empty,.tree-footnote{font-size:9px;line-height:1.9;color:#818ca6;padding:0 10px}.tree-footnote{border-top:1px solid #ffffff10;padding-top:14px}.categories-button{display:none}.topbar>div:first-child{min-width:0}.topbar h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px}.thread-status{padding:18px 35px;background:#f7f5fc;border-bottom:1px solid #e8e5f1;line-height:1.9}.thread-status strong{display:block;font-size:12px;color:#65558e}.thread-status span{display:block;font-size:10px;color:#8a829e}.read-notice{font-size:10px;line-height:1.9;padding:11px 35px;background:#fff8e9;color:#936f39}.read-notice .text-button{padding:0}.timeline-message{border:1px solid #e8e9f1;border-left:3px solid #9caec5;border-radius:8px;margin-bottom:15px;overflow:hidden}.timeline-message.outgoing{border-left-color:#9986d8}.timeline-message>summary{cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px 16px;font-size:10px;background:#fafbfe;list-style:none}.timeline-message.outgoing>summary{background:#f8f5ff}.timeline-message>summary::-webkit-details-marker{display:none}.timeline-message>summary:before{content:'▸';color:#a0a6b7}.timeline-message[open]>summary:before{content:'▾'}.timeline-message>summary strong{font-size:11px;overflow-wrap:anywhere;min-width:0}.timeline-message>summary time{margin-left:auto;color:#9ba0af;font-size:9px}.timeline-direction{color:#8172ad;font-size:9px}.timeline-unread{font-size:9px;color:#a49ab7}.timeline-body{padding:22px}.timeline-body .message-title{font-size:17px;margin-bottom:16px}.timeline-body .message-person{padding-bottom:16px}.timeline-body .message-body{font-size:12px;line-height:2}.timeline-body .translation-bar{margin-top:18px}.row-tags .replied-tag{background:#eaf6f1;color:#568a78}.followup-label{display:flex;align-items:flex-start;gap:8px;background:#fff7e9;padding:12px 22px;font-size:10px;color:#90713f;line-height:1.9}.followup-label input{accent-color:var(--purple);margin-top:4px}.field-label{display:block;font-size:12px;color:#777c90;margin:16px 0 7px}.text-input{width:100%;border:1px solid #dedfea;border-radius:6px;padding:11px;background:white;color:#4e566b;font-size:13px}.navigation-dialog{background:#1d2338;color:#c2c8dc;max-height:85dvh}.navigation-dialog .dialog-heading h2{color:#e7e5f4}.navigation-dialog .icon-button{color:#c0bbd8;border-color:#44465b}
@media(max-width:1100px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:25px 12px 16px}.topbar h1{max-width:290px}}
@media(max-width:800px){.app-shell{display:block}.sidebar{padding:16px 20px}.sidebar-trees{display:none}.categories-button{display:inline-flex}.topbar h1{max-width:140px;font-size:22px}.topbar-actions{gap:6px}.topbar .button{font-size:10px;padding:9px}.thread-status{padding:15px 22px}.read-notice{padding:10px 22px}.timeline-body{padding:18px}.timeline-message>summary{padding:14px 12px;gap:7px}.timeline-message>summary time{font-size:8px}.timeline-message>summary strong{font-size:10px}.timeline-unread{width:100%;padding-left:12px}.detail-toolbar .text-button{font-size:10px}.detail-toolbar .language-badge{font-size:8px}.reading-content{padding:22px 18px}.followup-label{padding:12px 18px}.navigation-dialog .tree-button,.navigation-dialog .tree-group>summary{font-size:13px}.navigation-dialog .tree-thread{font-size:12px;padding-top:12px;padding-bottom:12px}}

.policy-links{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#77718f;line-height:1.8}.live-indicator.degraded{color:#9b6b2f}.live-indicator.degraded:before{background:#c28b40}