:root{color:#17211e;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17211e;--muted:#68716d;--line:#dcdad0;--paper:#fbfaf5;--green:#173c32;--green-soft:#dbe8df;--orange:#c56743;background:#f3f0e7;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#ecf0e9;z-index:20;background:#132a24;flex-direction:column;width:260px;padding:28px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 9px 27px;display:flex}.brand-mark{color:#fff;background:#d46b47;border-radius:12px;place-items:center;width:38px;height:38px;font:700 18px Georgia,serif;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em}.brand small{color:#91a49d;margin-top:2px;font-size:11px}.primary-nav{gap:4px;display:grid}.primary-nav a{color:#b9c7c1;border-radius:9px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.primary-nav a:hover,.primary-nav a.active{color:#fff;background:#ffffff12}.primary-nav a.active{box-shadow:inset 2px 0 #d46b47}.primary-nav em,.account-row em{color:#91a49d;font-size:12px;font-style:normal}.account-heading{color:#7f938b;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;margin:30px 10px 10px;font-size:10px;font-weight:700;display:flex}.account-heading a{color:#c7d2cd;font-size:18px;line-height:10px}.account-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:31px 1fr auto;align-items:center;gap:10px;width:100%;padding:9px 10px;display:grid}.account-row:hover,.account-row.active{background:#ffffff0d}.account-row strong,.account-row small{text-overflow:ellipsis;display:block;overflow:hidden}.account-row strong{color:#dde5e1;font-size:12px;font-weight:600}.account-row small{color:#7f938b;white-space:nowrap;margin-top:2px;font-size:9px}.account-dot{color:#fff;border-radius:9px;place-items:center;width:29px;height:29px;font-size:11px;font-weight:700;display:grid}.account-dot.all{background:#315047}.privacy-note{color:#6f847c;border-top:1px solid #ffffff12;margin:auto 9px 0;padding-top:18px;font-size:10px;line-height:1.7}.privacy-note span{color:#9cb0a8;margin-right:5px;display:inline-block}.workspace{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f0e7e8;align-items:center;gap:12px;height:76px;padding:0 42px;display:flex;position:sticky;top:0}.mobile-brand{display:none}.search-box{color:#7c837f;background:#faf9f4;border:1px solid #d6d5cc;border-radius:12px;flex:1;align-items:center;gap:9px;max-width:590px;height:42px;padding:0 12px;display:flex}.search-box:focus-within{border-color:#7c958c;box-shadow:0 0 0 3px #173c3210}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-box kbd{background:#efeee8;border:1px solid #d7d5cc;border-radius:5px;padding:3px 7px;font-size:9px}.round-button,.avatar{cursor:pointer;background:#faf9f4;border:1px solid #d4d3c9;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.round-button{margin-left:auto}.avatar{background:var(--green);color:#fff;font-size:12px;font-weight:700}.page{max-width:1260px;margin:0 auto;padding:42px 46px 70px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-heading h1{letter-spacing:-.04em;margin:3px 0 10px;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.05}.page-heading p{color:var(--muted);margin:0;font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--orange)!important;font-size:10px!important}.sync-pill,.overall-ok{color:#365b4e;white-space:nowrap;background:#e9f0eb;border:1px solid #ccd6d0;border-radius:999px;padding:8px 12px;font-size:11px}.sync-pill span{background:#4d8b6f;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.stats-grid article{background:var(--paper);border:1px solid var(--line);border-radius:15px;grid-template-columns:1fr auto;align-content:space-between;min-height:128px;padding:20px 22px;display:grid}.stats-grid span{color:var(--muted);font-size:11px;font-weight:600}.stats-grid strong{color:var(--green);grid-area:1/2/3;align-self:center;font:500 40px Georgia,serif}.stats-grid small{color:#909691;font-size:10px}.mail-panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.panel-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;padding:14px 18px 14px 22px;display:flex}.panel-toolbar h2{margin:0 8px 0 0;font:500 18px Georgia,serif;display:inline}.panel-toolbar span{color:var(--muted);font-size:10px}.filter-group{gap:6px;display:flex}.filter-group button{cursor:pointer;background:0 0;border:1px solid #d7d6cc;border-radius:8px;padding:6px 10px;font-size:10px}.filter-group button.selected{background:var(--green);border-color:var(--green);color:#fff}.message-row{border-bottom:1px solid #e5e3da;grid-template-columns:38px 1fr;gap:13px;min-height:106px;padding:17px 20px;transition:background .15s;display:grid}.message-row:last-child{border-bottom:0}.message-row:hover{background:#f5f3ec}.message-row.unread{box-shadow:inset 3px 0 var(--orange)}.sender-avatar{color:#fff;background:#42695b;border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.message-copy{min-width:0;display:block}.message-meta{justify-content:space-between;align-items:center;display:flex}.message-meta strong{font-size:11px}.message-meta time{color:#8d938f;font-size:10px}.message-copy>b{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 3px;font-size:13px;display:block;overflow:hidden}.message-row:not(.unread) .message-copy>b{font-weight:500}.preview{color:#747c78;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.message-tags{gap:5px;margin-top:8px;display:flex}.message-tags i{color:#65706b;background:#eeece4;border-radius:4px;padding:2px 6px;font-size:8px;font-style:normal}.message-tags i.star{color:#b87935;background:0 0;font-size:10px}.empty-state,.empty-panel{min-height:240px;color:var(--muted);place-content:center;justify-items:center;gap:8px;display:grid}.empty-state strong,.empty-panel strong{color:var(--ink);font:500 24px Georgia,serif}.empty-state span,.empty-panel span{font-size:12px}.back-link{color:#526a61;margin-bottom:20px;font-size:12px;display:inline-block}.message-detail{background:var(--paper);border:1px solid var(--line);border-radius:18px;max-width:850px;padding:38px 46px 60px}.message-detail h1{letter-spacing:-.03em;margin:8px 0 26px;font:500 clamp(28px,4vw,42px)/1.2 Georgia,serif}.detail-actions{justify-content:flex-end;gap:7px;display:flex}.detail-actions button{border:1px solid var(--line);background:0 0;border-radius:8px;padding:6px 9px;font-size:10px}.local-badge{background:var(--green-soft);color:#34594c;border-radius:6px;margin-right:auto;padding:5px 8px;font-size:9px}.from-line{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:15px 0 25px;display:grid}.from-line strong,.from-line small{display:block}.from-line strong{font-size:12px}.from-line small,.from-line time{color:var(--muted);font-size:10px}.message-body{color:#39443f;padding:24px 0;font-family:Georgia,Noto Serif SC,serif;font-size:15px;line-height:1.9}.simple-page{max-width:980px}.primary-button{background:var(--green);color:#fff;border-radius:9px;padding:11px 16px;font-size:12px}.cards-stack{gap:10px;display:grid}.account-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:20px;display:grid}.account-dot.large{border-radius:14px;width:48px;height:48px}.account-card h3{margin:0 0 3px;font:500 18px Georgia,serif}.account-card p{color:var(--muted);margin:0 0 5px;font-size:11px}.account-card small{color:#8a918d;font-size:9px}.state{color:#3c715a;background:#deebe3;border-radius:999px;padding:5px 8px;font-size:9px}.state.syncing{color:#56708b;background:#e7ebef}.provider-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.provider-grid button{border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;border-radius:15px;flex-direction:column;align-items:flex-start;min-height:220px;padding:24px;display:flex}.provider-grid button:hover{border-color:#8ca298;transform:translateY(-2px)}.provider-grid button>span{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:24px;font-weight:700;display:grid}.provider-grid strong{margin-bottom:8px;font:500 17px Georgia,serif}.provider-grid small{color:var(--muted);line-height:1.6}.provider-grid b{color:var(--orange);margin-top:auto;font-size:10px}.safety-callout{border-left:3px solid var(--orange);background:#eee9de;margin-top:18px;padding:18px 20px}.safety-callout strong{font-size:11px}.safety-callout p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.6}.status-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.status-grid article{background:var(--paper);border:1px solid var(--line);border-radius:13px;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:20px;display:grid}.status-light{background:#4f9873;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4f987318}.status-light.waiting{background:#bd8a4c;box-shadow:0 0 0 4px #bd8a4c18}.status-grid strong,.status-grid small{display:block}.status-grid strong{font-size:12px}.status-grid small{color:var(--muted);margin-top:3px;font-size:9px}.status-grid em{color:var(--muted);font-size:9px;font-style:normal}.activity-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;margin-top:16px;padding:22px}.activity-card h2{margin:0 0 14px;font:500 18px Georgia,serif}.activity-card p{color:#5f6864;border-top:1px solid #e6e3da;margin:0;padding:10px 0;font-size:10px}.activity-card time{color:#959b97;width:50px;display:inline-block}.mobile-nav{display:none}.login-page{background:radial-gradient(circle at 30% 10%,#e7dfd0,#f3f0e7 48%);place-items:center;min-height:100vh;padding:30px;display:grid}.login-card{border:1px solid var(--line);background:var(--paper);border-radius:20px;width:min(430px,100%);padding:38px 40px;box-shadow:0 24px 80px #243b3217}.login-card .brand{color:var(--ink);padding:0 0 38px}.login-card .brand small{color:var(--muted)}.login-card h1{margin:6px 0 8px;font:500 38px Georgia,serif}.login-card>p:not(.eyebrow){color:var(--muted);margin:0 0 25px;font-size:12px;line-height:1.6}.login-card form{gap:14px;display:grid}.login-card label{color:#52615b;gap:6px;font-size:10px;font-weight:700;display:grid}.login-card input{background:#fff;border:1px solid #d7d5cb;border-radius:9px;outline:none;width:100%;padding:11px 12px}.login-card input:focus{border-color:#648477;box-shadow:0 0 0 3px #64847716}.login-card form button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;margin-top:4px;padding:12px;font-weight:700}.login-card form button:disabled{opacity:.65}.login-card>small{color:#929793;margin-top:20px;font-size:9px;line-height:1.6;display:block}.form-error{color:#a94736;font-size:10px}.loading-mark{color:#fff;background:var(--green);border-radius:16px;place-items:center;width:54px;height:54px;font:700 24px Georgia,serif;display:grid}@media (width<=900px){.app-shell{padding-bottom:64px;display:block}.sidebar{display:none}.workspace{min-width:0}.topbar{flex-wrap:wrap;height:auto;padding:13px 18px}.mobile-brand{flex:1;display:block}.mobile-brand .brand{padding:0}.mobile-brand .brand small{display:none}.mobile-brand .brand-mark{border-radius:10px;width:32px;height:32px}.round-button{margin-left:0}.search-box{flex-basis:100%;order:5;max-width:none}.search-box kbd{display:none}.page{padding:28px 18px 50px}.page-heading{align-items:flex-start}.page-heading h1{font-size:34px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article:last-child{display:none}.message-row{padding:15px 14px}.message-detail{padding:24px 20px 40px}.provider-grid{grid-template-columns:1fr}.provider-grid button{min-height:170px}.status-grid{grid-template-columns:1fr}.mobile-nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#c5d0cb;background:#132a24f2;border-top:1px solid #ffffff18;grid-template-columns:repeat(4,1fr);height:64px;display:grid;position:fixed;inset:auto 0 0}.mobile-nav a{place-content:center;justify-items:center;gap:2px;display:grid}.mobile-nav span{font-size:12px;font-weight:700}.mobile-nav small{font-size:8px}}@media (width<=560px){.page-heading{display:block}.page-heading>:last-child{margin-top:15px;display:inline-block}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stats-grid article{min-height:110px;padding:15px}.stats-grid strong{font-size:32px}.message-row{grid-template-columns:32px 1fr;gap:10px}.sender-avatar{border-radius:10px;width:32px;height:32px}.preview{max-width:68vw}.account-card{grid-template-columns:42px 1fr}.account-card .state{grid-column:2;justify-self:start}.account-dot.large{width:42px;height:42px}.detail-actions{flex-wrap:wrap}.local-badge{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}