:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17252c;background:#eef2f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}button,input{font:inherit}button{color:inherit}.login-shell{display:grid;place-content:center;min-height:100vh;padding:24px;color:#607379;background:radial-gradient(circle at 20% 15%,rgba(32,168,175,.2),transparent 30%),linear-gradient(150deg,#0d2831,#122f38 48%,#eef5f4 48%)}.login-card{width:min(430px,calc(100vw - 32px));padding:34px;color:#263a40;background:#fffffffa;border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 24px 70px #051c2240}.login-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;color:#fff;background:#0c8997;border-radius:16px;box-shadow:0 10px 26px #0c899747}.login-card small{color:#0c8997;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-card h1{margin:5px 0 8px;color:#142a31;font-size:27px}.login-card p{margin:0 0 24px;color:#6a7c82;font-size:13px;line-height:1.55}.login-card form,.login-card label{display:grid;gap:8px}.login-card form{gap:16px}.login-card label span{color:#52666c;font-size:12px;font-weight:700}.login-card input{width:100%;height:44px;padding:0 13px;color:#1d333a;background:#f4f7f6;border:1px solid #dce6e4;border-radius:10px;outline:0}.login-card input:focus{background:#fff;border-color:#4eabb1;box-shadow:0 0 0 3px #0c89971c}.login-card input[readonly]{color:#6f8085}.login-card form>button{display:flex;gap:8px;align-items:center;justify-content:center;height:45px;color:#fff;font-weight:750;background:#0b818d;border:0;border-radius:10px;cursor:pointer}.login-card form>button:disabled{opacity:.7;cursor:wait}.login-error{padding:10px 12px;color:#8a2f2f;font-size:12px;background:#fff0ee;border:1px solid #f2bbb4;border-radius:9px}.app-shell{--folder-width: 250px;--thread-width: 410px;display:grid;grid-template-columns:var(--folder-width) 7px var(--thread-width) 7px minmax(560px,1fr);width:100%;height:100vh;overflow:hidden;background:#f7f9f8}.column-resizer{position:relative;z-index:12;width:7px;cursor:col-resize;background:#edf3f2;outline:0;touch-action:none}.column-resizer:after{position:absolute;top:0;bottom:0;left:2px;width:3px;content:"";background:transparent;border-radius:3px;transition:background .12s ease}.column-resizer:hover:after,.column-resizer:focus-visible:after,.resizing-columns .column-resizer:after{background:#4baeb1}.resizing-columns{cursor:col-resize;-webkit-user-select:none;user-select:none}.resizing-columns iframe{pointer-events:none}.folder-panel{display:flex;flex-direction:column;min-width:0;color:#eaf5f3;background:radial-gradient(circle at 12% 0%,rgba(31,157,166,.34),transparent 28%),linear-gradient(165deg,#123039,#0d252d 58%,#091b21)}.brand{display:flex;gap:12px;align-items:center;height:78px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:#0c8997;border-radius:13px;box-shadow:0 8px 24px #04859559}.brand strong,.brand small,.account-card strong,.account-card small,.index-status strong,.index-status small{display:block}.brand strong{font-size:18px}.brand small,.account-card small,.index-status small{margin-top:2px;color:#9fc1c3;font-size:12px}.account-card{display:flex;gap:11px;align-items:center;margin:16px;padding:12px;background:#fff1;border:1px solid rgba(255,255,255,.075);border-radius:14px}.account-card>span:last-child{min-width:0}.account-card>span:nth-child(2){min-width:0}.logout-button{display:grid;flex:0 0 auto;place-items:center;width:31px;height:31px;margin-left:auto;color:#a9c7c8;background:#ffffff0f;border:0;border-radius:9px;cursor:pointer}.logout-button:hover{color:#fff;background:#ffffff1f}.account-card strong,.account-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;flex:0 0 auto;place-items:center;width:36px;height:36px;color:#06242b;font-size:12px;font-weight:800;background:#8fdbd4;border-radius:11px}.folder-list{flex:1;min-height:0;padding:0 10px 14px;overflow-y:auto}.folder-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;margin:2px 0;padding:10px 11px;color:#b9d1d2;text-align:left;background:transparent;border:0;border-radius:10px;cursor:pointer}.folder-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-item small{padding:2px 6px;color:#9fc1c3;font-size:11px;background:#ffffff12;border-radius:999px}.folder-item:hover{color:#fff;background:#ffffff0f}.folder-item.active{color:#fff;background:#0c7e8b;box-shadow:inset 3px 0 #77ded4}.folder-item.active small{color:#fff;background:#ffffff2e}.index-status{display:flex;gap:10px;align-items:flex-start;padding:15px 18px 17px;color:#80d3ca;border-top:1px solid rgba(255,255,255,.08)}.index-status strong{color:#dceceb;font-size:12px}.thread-panel{display:flex;flex-direction:column;min-width:0;background:#fff;border-right:1px solid #dfe7e6}.thread-toolbar{padding:16px 17px 14px;border-bottom:1px solid #e2e9e8}.thread-toolbar small,.reader-header small{color:#78878d;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.thread-toolbar h1{margin:2px 0 13px;font-size:21px}.toolbar-actions{display:flex;gap:8px}.sync-button{display:flex;flex:0 0 auto;gap:7px;align-items:center;padding:0 10px;color:#176d75;font-size:11px;font-weight:750;background:#e8f4f3;border:1px solid #cce4e1;border-radius:10px;cursor:pointer}.sync-button:disabled{max-width:145px;color:#6f898b;cursor:wait}.sync-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box{display:flex;flex:1;gap:8px;align-items:center;height:40px;padding:0 11px;color:#77868b;background:#f2f5f4;border:1px solid #e1e8e7;border-radius:10px}.search-box:focus-within{color:#087e8b;background:#fff;border-color:#51aeb5;box-shadow:0 0 0 3px #15929d1a}.search-box input{width:100%;color:#213239;background:transparent;border:0;outline:0}.thread-list{min-height:0;overflow-y:auto}.thread-row{display:block;width:100%;padding:14px 16px;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f0;cursor:pointer}.thread-row:hover{background:#f8fbfa}.thread-row.active{position:relative;background:#eaf6f5}.thread-row.active:before{position:absolute;inset:0 auto 0 0;width:4px;content:"";background:#0b8994}.thread-row-top,.thread-subject,.thread-meta{display:flex;gap:8px;align-items:center}.thread-row-top strong,.thread-subject span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-row-top strong{flex:1;color:#203138;font-size:13px}.thread-row-top time{flex:0 0 auto;color:#849196;font-size:11px}.thread-subject{margin-top:5px;color:#34474e;font-size:14px}.thread-subject span{flex:1}.thread-meta{margin-top:7px;color:#8a979b;font-size:11px}.thread-meta b{color:#087e8b;font-weight:700}.reader-panel{position:relative;display:flex;flex-direction:column;min-width:0;background:#f5f7f6}.reader-header{display:flex;gap:22px;align-items:flex-start;justify-content:space-between;padding:18px 22px 17px;background:#fff;border-bottom:1px solid #dfe7e6}.reader-header>div:first-child{min-width:0}.reader-header h2{margin:4px 0 5px;overflow:hidden;color:#17272d;font-size:20px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.reader-header p{margin:0;overflow:hidden;color:#6e7d82;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sort-control{flex:0 0 auto}.sort-control>span{display:block;margin-bottom:6px;color:#6f7f84;font-size:11px;font-weight:700}.sort-control>div{display:flex;padding:3px;background:#edf2f1;border-radius:9px}.sort-control button{display:flex;gap:6px;align-items:center;padding:7px 9px;color:#627177;font-size:11px;font-weight:700;background:transparent;border:0;border-radius:7px;cursor:pointer}.sort-control button.active{color:#075d66;background:#fff;box-shadow:0 1px 5px #1b363d1f}.message-list{min-height:0;padding:18px 22px 60px;overflow-y:auto}.message-card{position:relative;margin-bottom:9px;background:#fff;border:1px solid #dfe7e5;border-radius:12px;box-shadow:0 2px 9px #253d4209}.message-card:before{position:absolute;top:-10px;bottom:calc(100% - 2px);left:23px;width:1px;content:"";background:#cadbd9}.message-card:first-child:before{display:none}.message-card.expanded{border-color:#99cbc8;box-shadow:0 5px 20px #1a5b6014}.message-summary{display:grid;grid-template-columns:28px 38px minmax(0,1fr) auto auto 18px;gap:10px;align-items:center;width:100%;padding:12px 14px 12px 10px;text-align:left;background:transparent;border:0;cursor:pointer}.timeline-index{z-index:1;display:grid;place-items:center;width:27px;height:27px;color:#487177;font-size:11px;font-weight:800;background:#e6f2f1;border:2px solid white;border-radius:50%}.sender-avatar{display:grid;place-items:center;width:36px;height:36px;color:#0b5b63;font-size:13px;font-weight:800;background:#c9ece7;border-radius:11px}.message-who{min-width:0}.message-who strong,.message-who small,.message-when time,.message-when small{display:block}.message-who strong,.message-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-who strong{color:#24353b;font-size:13px}.message-who small,.message-when small{margin-top:3px;color:#839095;font-size:10px}.message-when{text-align:right}.message-when time{color:#596a70;font-size:11px;font-weight:650}.message-content{padding:4px 20px 22px 86px;border-top:1px solid #eef2f1}.message-body{padding-top:18px}.message-frame{display:block;width:100%;min-height:420px;background:#fff;border:0}.message-text{margin:0;overflow:auto;color:#26383e;font:14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.body-loading{display:flex;gap:8px;align-items:center;min-height:80px;color:#708085;font-size:13px}.attachments{margin-top:22px;padding-top:15px;border-top:1px solid #e3e9e8}.attachments h4{margin:0 0 10px;font-size:13px}.attachment-list{display:flex;flex-wrap:wrap;gap:8px}.attachment{display:flex;gap:8px;align-items:center;max-width:320px;padding:9px 11px;color:#1d4f55;text-decoration:none;background:#f0f7f6;border:1px solid #d7e8e6;border-radius:9px}.attachment span{min-width:0}.attachment strong,.attachment small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment strong{font-size:12px}.attachment small{margin-top:2px;color:#77888c;font-size:10px}.attachment:hover{border-color:#76bab6}.center-state,.reader-empty{display:grid;flex:1;place-content:center;justify-items:center;gap:9px;min-height:240px;padding:28px;color:#839095;text-align:center}.center-state strong,.reader-empty h2{margin:0;color:#405158}.center-state span,.reader-empty p{margin:0;font-size:13px}.reader-loading{background:#f5f7f6}.error-banner{position:absolute;z-index:10;top:12px;right:16px;left:16px;display:flex;gap:9px;align-items:center;padding:11px 13px;color:#7a2929;font-size:12px;background:#fff0ee;border:1px solid #f2bbb4;border-radius:10px;box-shadow:0 8px 24px #59231d26}.error-banner span{flex:1}.error-banner button{color:#7a2929;font-weight:700;background:transparent;border:0;cursor:pointer}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1160px){.app-shell{grid-template-columns:210px 6px 330px 6px minmax(470px,1fr)}.sort-control button{width:35px;overflow:hidden;white-space:nowrap}}@media(max-width:860px){.app-shell{grid-template-columns:68px 330px minmax(430px,1fr)}.column-resizer{display:none}.brand,.account-card{justify-content:center;padding-right:8px;padding-left:8px}.brand>span:last-child,.account-card>span:last-child,.folder-item span,.folder-item small,.index-status span{display:none}.folder-item{display:grid;place-items:center;padding:11px}.index-status{justify-content:center;padding:15px 8px}}