@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;src:url(/fonts/instrument-serif-latin-400-italic.woff2) format("woff2")}:root{--bg: #f3f4f7;--card: #ffffff;--soft: #f4f5f8;--soft-2: #eceef2;--hover: #f7f8fa;--line: #eceef2;--line-2: #e1e3e9;--text: #0f0f10;--text-2: #45464d;--muted: #868892;--faint: #b3b5bd;--accent: #0f0f10;--accent-ink: #ffffff;--blue: #3b6fe0;--blue-soft: rgba(59, 111, 224, .1);--red: #e5484d;--red-soft: rgba(229, 72, 77, .1);--amber: #e2a400;--green: #16a34a;--ring: rgba(15, 15, 16, .08);--shadow: 0 1px 2px rgba(16, 18, 27, .04), 0 10px 30px -14px rgba(16, 18, 27, .14);--shadow-pop: 0 24px 60px -18px rgba(16, 18, 27, .28), 0 0 0 1px var(--line);--page-bg: radial-gradient(1100px 700px at 0% 0%, #e7eefc 0%, transparent 55%), radial-gradient(900px 600px at 100% 0%, #fbeee6 0%, transparent 55%), radial-gradient(900px 700px at 100% 100%, #eef3f0 0%, transparent 55%), #f3f4f7;--sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.2, .7, .2, 1);--spring: cubic-bezier(.34, 1.36, .5, 1);color-scheme:light}:root[data-theme=dark]{--bg: #0d0d0f;--card: #161618;--soft: #1f1f23;--soft-2: #29292e;--hover: #1b1b1e;--line: #24242a;--line-2: #2f2f35;--text: #f2f2f3;--text-2: #c9cad0;--muted: #8b8c93;--faint: #5d5e65;--accent: #f2f2f3;--accent-ink: #111113;--blue: #8fb0ff;--blue-soft: rgba(143, 176, 255, .12);--ring: rgba(242, 242, 243, .12);--shadow: 0 0 0 1px #222226, 0 12px 30px -16px rgba(0, 0, 0, .8);--shadow-pop: 0 24px 60px -16px rgba(0, 0, 0, .8), 0 0 0 1px var(--line-2);--page-bg: radial-gradient(1000px 700px at 0% 0%, #1b2030 0%, transparent 55%), radial-gradient(900px 600px at 100% 0%, #24201f 0%, transparent 55%), #0d0d0f;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page-bg);background-attachment:fixed;color:var(--text);font:14px/1.5 var(--sans);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.006em;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}::selection{background:#3b6fe033}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.muted{color:var(--muted)}.faint{color:var(--faint)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}.mono{font-family:var(--mono);font-size:12.5px}.m-only{display:none!important}.wordmark{font-family:"Instrument Serif",Georgia,serif;font-style:italic;letter-spacing:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 15px;border:0;border-radius:999px;background:var(--soft);color:var(--text-2);font-weight:550;font-size:13.5px;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s var(--ease),color .15s var(--ease),transform .12s var(--ease),box-shadow .15s var(--ease)}.btn svg{width:16px;height:16px;flex:none}.btn:hover{background:var(--soft-2);color:var(--text)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 22px -12px #0f0f1099}.btn.primary:hover{filter:brightness(1.15)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--soft)}.btn.danger{color:var(--red);background:transparent}.btn.danger:hover{background:var(--red-soft)}.btn.sm{height:30px;padding:0 12px;font-size:12.5px}.btn.lg{height:46px;padding:0 22px;font-size:14.5px}.btn.block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border:0;border-radius:50%;background:transparent;color:var(--text-2);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),transform .12s var(--ease)}.icon-btn svg{width:17px;height:17px}.icon-btn:hover{background:var(--soft);color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn.on{color:var(--amber)}.icon-btn.sm{width:28px;height:28px}.icon-btn.sm svg{width:15px;height:15px}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;font-size:10.5px;font-weight:600;color:var(--muted);background:var(--soft);box-shadow:inset 0 -1px 0 var(--line-2)}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:90;padding:5px 9px;border-radius:8px;background:#111113;color:#fff;font-size:11.5px;font-weight:500;white-space:nowrap;pointer-events:none;animation:fade .12s var(--ease) .35s both}.app{display:grid;grid-template-columns:236px 392px minmax(0,1fr);gap:12px;height:100%;padding:12px 12px 12px 8px}.app.no-reader{grid-template-columns:236px minmax(0,1fr)}.card{background:var(--card);border-radius:22px;box-shadow:var(--shadow);min-width:0;min-height:0}.side{display:flex;flex-direction:column;min-height:0;padding:8px 4px 4px}.brand{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 18px}.brand .wordmark{font-size:30px;line-height:1}.compose-btn{margin:0 6px 16px;height:46px;border-radius:16px;font-size:14.5px;justify-content:flex-start;padding:0 18px}.compose-btn .kbd{margin-left:auto;background:#ffffff24;color:#ffffffb3;box-shadow:none}:root[data-theme=dark] .compose-btn .kbd{background:#0000001a;color:#00000080}.folders{flex:1;overflow-y:auto;padding:0 6px}.folder{display:flex;align-items:center;gap:12px;width:100%;height:40px;padding:0 12px;margin:1px 0;border:0;border-radius:12px;background:transparent;color:var(--text-2);font-weight:500;text-align:left;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.folder svg{width:17px;height:17px;flex:none;color:var(--muted)}.folder:hover{background:#ffffff8c;color:var(--text)}:root[data-theme=dark] .folder:hover{background:#ffffff0a}.folder.on{background:var(--card);color:var(--text);box-shadow:var(--shadow);font-weight:600}.folder.on svg{color:var(--text)}.folder .count{margin-left:auto;font-size:12px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.folder.drop{background:var(--blue-soft);box-shadow:inset 0 0 0 2px var(--blue)}.side-label{padding:18px 12px 6px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--faint);text-transform:uppercase}.side-foot{display:flex;align-items:center;gap:10px;padding:10px;margin:8px 2px 0;border-radius:16px;cursor:pointer;transition:background .15s}.side-foot:hover{background:var(--card);box-shadow:var(--shadow)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;font-size:14px;font-weight:650;color:#2b2b30;-webkit-user-select:none;user-select:none}.avatar.sm{width:30px;height:30px;font-size:12.5px}.avatar.lg{width:46px;height:46px;font-size:18px}.list{display:flex;flex-direction:column;overflow:hidden}.list-head{padding:16px 16px 8px}.list-title{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;padding:0 4px}.list-title h2{margin:0;font-size:21px;font-weight:700;letter-spacing:-.03em}.list-title .muted{font-size:12.5px}.search{display:flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 14px;border-radius:999px;background:var(--soft);transition:background .15s var(--ease),box-shadow .15s var(--ease)}.search:focus-within{background:var(--card);box-shadow:0 0 0 1px var(--line-2),0 0 0 5px var(--ring)}.search svg{width:16px;height:16px;color:var(--muted);flex:none}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent}.search input::placeholder{color:var(--faint)}.chips{display:flex;gap:6px;margin-top:10px;padding:0 2px}.chip{height:28px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:550;cursor:pointer;transition:all .15s var(--ease)}.chip:hover{color:var(--text);background:var(--soft)}.chip.on{background:var(--accent);color:var(--accent-ink)}.bulk{display:flex;align-items:center;gap:4px;margin-top:10px;padding:4px 4px 4px 12px;border-radius:999px;background:var(--accent);color:var(--accent-ink);animation:pop-in .2s var(--spring) both}.bulk .icon-btn{color:inherit}.bulk .icon-btn:hover{background:#ffffff24;color:inherit}:root[data-theme=dark] .bulk .icon-btn:hover{background:#0000001a}.rows{flex:1;overflow-y:auto;padding:4px 8px 12px;overscroll-behavior:contain}.mrow{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:12px;margin:2px 0;border-radius:16px;cursor:pointer;transition:background .14s var(--ease),transform .2s var(--ease),opacity .2s var(--ease);animation:row-in .25s var(--ease) both}.mrow:hover{background:var(--hover)}.mrow.sel{background:var(--soft)}.mrow.checked{background:var(--blue-soft)}.mrow .avatar{cursor:pointer;transition:transform .15s var(--spring)}.mrow .avatar:hover{transform:scale(1.06)}.mrow .check{position:absolute;left:12px;top:12px;width:36px;height:36px;border-radius:50%;display:none;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink)}.mrow.checked .check{display:flex}.mrow .l1{display:flex;align-items:baseline;gap:8px}.mrow .who{flex:1;min-width:0;font-weight:550;color:var(--text-2)}.mrow .date{flex:none;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.mrow .subj{margin-top:1px;color:var(--text-2)}.mrow .prev{margin-top:1px;font-size:13px;color:var(--muted)}.mrow.unread .who,.mrow.unread .subj{color:var(--text);font-weight:700}.mrow.unread:before{content:"";position:absolute;left:3px;top:21px;width:6px;height:6px;border-radius:50%;background:var(--blue)}.mrow .meta{display:inline-flex;gap:4px;align-items:center;color:var(--muted)}.mrow .meta svg{width:13px;height:13px}.mrow .meta .star{color:var(--amber)}.mrow .hover-acts{position:absolute;right:10px;top:8px;display:none;gap:2px;padding:3px;border-radius:999px;background:var(--card);box-shadow:0 6px 18px -8px #10121b40,0 0 0 1px var(--line)}.mrow:hover .hover-acts{display:flex;animation:fade .12s var(--ease) both}.mrow:hover .date{visibility:hidden}.list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70%;color:var(--muted);text-align:center;gap:6px}.list-empty .glyph{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--text-2);margin-bottom:8px}.list-empty h3{margin:0;color:var(--text);font-size:16px;font-weight:650}.load-more{display:flex;justify-content:center;padding:10px}.reader{display:flex;flex-direction:column;overflow:hidden}.reader-bar{display:flex;align-items:center;gap:6px;padding:12px 14px}.reader-bar .pager{white-space:nowrap}.reader-bar .sep{width:1px;height:20px;background:var(--line-2);margin:0 4px}.reader-scroll{flex:1;overflow-y:auto;padding:6px 32px 32px}.reader h1{margin:6px 0 18px;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.3}.sender{display:flex;align-items:flex-start;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.sender .name{font-weight:650}.sender .addr{color:var(--muted);font-size:13px}.sender .to{color:var(--muted);font-size:12.5px;margin-top:2px}.sender .when{margin-left:auto;color:var(--muted);font-size:12.5px;white-space:nowrap}.remote-banner{display:flex;align-items:center;gap:10px;margin:16px 0 0;padding:10px 14px;border-radius:14px;background:var(--soft);font-size:13px;color:var(--text-2)}.remote-banner svg{width:16px;height:16px;flex:none}.body-frame{display:block;width:100%;border:0;margin-top:18px;min-height:80px;background:transparent;border-radius:14px}.text-body{margin-top:18px;white-space:pre-wrap;word-break:break-word;line-height:1.75}.atts{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.att{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;background:var(--soft);text-decoration:none;max-width:260px;transition:background .15s}.att:hover{background:var(--soft-2)}.att .ico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--card);color:var(--text-2);flex:none}.att .ico svg{width:16px;height:16px}.att .nm{font-size:13px;font-weight:550}.att .sz{font-size:11.5px;color:var(--muted)}.quick-reply{display:flex;align-items:center;gap:10px;margin-top:28px;padding:14px 16px;border-radius:18px;background:var(--soft);color:var(--muted);cursor:text;transition:background .15s var(--ease),box-shadow .15s var(--ease)}.quick-reply:hover{background:var(--card);box-shadow:0 0 0 1px var(--line-2)}.reader-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;color:var(--muted)}.reader-empty .wordmark{font-size:64px;color:var(--soft-2);line-height:1}:root[data-theme=dark] .reader-empty .wordmark{color:#26262b}.reader-empty .hint{display:flex;gap:14px;font-size:12.5px}.reader-empty .hint span{display:inline-flex;align-items:center;gap:6px}.inv{display:flex;flex-direction:column;overflow:hidden}.inv-head{padding:16px 20px 6px}.inv-head .list-title{align-items:center;margin-bottom:14px}.inv-sync{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px}.inv-sync svg{width:14px;height:14px}.inv-stats{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:10px;margin-bottom:14px}.stat{padding:12px 16px;border-radius:16px;background:var(--soft);min-width:0}.stat label{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}.stat b{display:block;font-size:18px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat b small{font-size:12px;font-weight:550;color:var(--amber);letter-spacing:0}.stat.main{background:var(--accent);color:var(--accent-ink)}.stat.main label{color:inherit;opacity:.6}.stat.main b{font-size:22px}.inv-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inv-search{height:34px;width:220px;flex:none}.inv-actions{margin-left:auto;display:flex;gap:6px}.inv-bulk{margin-top:0}.inv-table{flex:1;overflow-y:auto;padding:6px 12px 16px;overscroll-behavior:contain}.inv-row{display:grid;grid-template-columns:28px 100px minmax(0,1fr) 210px 130px 92px;align-items:center;gap:12px;min-height:60px;padding:8px 10px;border-radius:14px;cursor:pointer;transition:background .14s var(--ease)}.inv-row:hover{background:var(--hover)}.inv-row.checked{background:var(--blue-soft)}.inv-th{min-height:34px;cursor:default;font-size:12px;color:var(--muted);font-weight:550;position:sticky;top:-6px;z-index:2;background:var(--card)}.inv-th:hover{background:var(--card)}.inv-item{border-radius:14px;animation:row-in .25s var(--ease) both}.inv-item.open{background:var(--soft)}.inv-item.open .inv-row:hover{background:transparent}.inv-check{width:20px;height:20px;padding:0;border:1.5px solid var(--line-2);border-radius:6px;background:var(--card);display:inline-flex;align-items:center;justify-content:center;color:transparent;cursor:pointer;transition:all .12s var(--ease)}.inv-check svg{width:13px;height:13px;stroke-width:3}.inv-check:hover{border-color:var(--muted)}.inv-check.on,.inv-check.some{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.inv-check.some svg{display:none}.inv-check.some:after{content:"";width:9px;height:2px;border-radius:2px;background:var(--accent-ink)}.c-date{font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-2)}.c-main{min-width:0}.c-main .seller{font-weight:600}.c-main .sub{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:12.5px;min-width:0}.c-num{font-size:12px}.c-main .m-date{display:none;font-variant-numeric:tabular-nums}.c-amt{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.c-amt b{font-weight:650;font-variant-numeric:tabular-nums}.c-amt small{font-size:11.5px;font-variant-numeric:tabular-nums}.inv-th .c-amt{display:block}.c-acts{display:flex;align-items:center;justify-content:flex-end;gap:2px}.c-acts .icon-btn{opacity:0;transition:opacity .12s var(--ease),background .15s var(--ease)}.inv-row:hover .c-acts .icon-btn,.inv-item.open .c-acts .icon-btn{opacity:1}.c-acts .chev{width:15px;height:15px;color:var(--faint);margin-left:2px;transition:transform .2s var(--ease);flex:none}.inv-item.open .chev{transform:rotate(180deg)}.tag{display:inline-flex;align-items:center;gap:3px;flex:none;height:20px;padding:0 7px;border-radius:6px;background:var(--soft-2);color:var(--text-2);font-size:11px;font-weight:600}.tag svg{width:11px;height:11px}.tag.blue{background:var(--blue-soft);color:var(--blue)}.tag.warn{background:#e2a40024;color:#a67800}:root[data-theme=dark] .tag.warn{color:var(--amber)}.inv-detail{padding:2px 16px 16px 50px;animation:fade .18s var(--ease) both}.inv-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0}.inv-detail dl>div{min-width:0}.inv-detail dl>.wide{grid-column:1 / -1}.inv-detail dt{font-size:12px;color:var(--muted);margin-bottom:2px}.inv-detail dd{margin:0;display:flex;flex-direction:column;gap:1px;min-width:0;font-size:13.5px}.inv-detail dd .mono,.inv-detail dd .muted{font-size:12px}.inv-detail .att{background:var(--card)}.att .ico .ext{font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--text-2)}.linkish{padding:0;border:0;background:none;color:var(--blue);cursor:pointer;text-align:left;font-size:inherit;max-width:100%}.linkish:hover{text-decoration:underline}.note .linkish{margin:0 2px}.composers{position:fixed;right:12px;bottom:12px;z-index:60;display:flex;align-items:flex-end;gap:12px;pointer-events:none}.composer{pointer-events:auto;width:600px;height:min(660px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--card);border-radius:22px;box-shadow:var(--shadow-pop);overflow:hidden;animation:slide-up .32s var(--spring) both;transition:height .25s var(--ease),width .25s var(--ease)}.composer.min{height:52px;width:300px}.composer.max{position:fixed;z-index:61;top:5vh;right:8vw;bottom:5vh;left:8vw;width:auto;height:auto;border-radius:24px;animation:pop-in .25s var(--spring) both}.composer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;background:#10121b40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s both;pointer-events:auto}.c-head{display:flex;align-items:center;gap:4px;height:52px;padding:0 10px 0 20px;flex:none;cursor:pointer}.c-head .title{flex:1;font-weight:650}.c-head .status{font-size:12px;color:var(--muted);margin-right:6px}.c-fields{padding:0 20px;flex:none}.c-field{display:flex;align-items:center;gap:10px;min-height:44px;border-bottom:1px solid var(--line)}.c-field>label{width:52px;flex:none;color:var(--muted);font-size:13px}.c-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;height:40px}.c-field .links{display:flex;gap:4px}.c-field .links button{border:0;background:transparent;color:var(--muted);font-size:12.5px;cursor:pointer;padding:4px 6px;border-radius:8px}.c-field .links button:hover{color:var(--text);background:var(--soft)}.rcpts{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 0;position:relative}.rcpt{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 4px 0 10px;border-radius:999px;background:var(--soft);font-size:13px;max-width:100%;animation:pop-in .18s var(--spring) both}.rcpt.bad{background:var(--red-soft);color:var(--red)}.rcpt button{width:20px;height:20px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.rcpt button:hover{background:var(--soft-2);color:var(--text)}.rcpts input{flex:1;min-width:120px;height:30px;border:0;outline:0;background:transparent}.suggest{position:absolute;left:0;top:calc(100% + 4px);z-index:5;width:320px;padding:6px;border-radius:16px;background:var(--card);box-shadow:var(--shadow-pop);animation:pop-in .15s var(--spring) both}.suggest div{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;cursor:pointer}.suggest div.on{background:var(--soft)}.c-tools{display:flex;align-items:center;gap:2px;padding:8px 14px;flex:none}.c-tools .seg{margin-left:auto;display:inline-flex;padding:3px;border-radius:999px;background:var(--soft)}.c-tools .seg button{height:26px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer}.c-tools .seg button.on{background:var(--card);color:var(--text);box-shadow:0 1px 3px #10121b1f}.c-body{flex:1;min-height:0;padding:0 20px;display:flex;flex-direction:column}.c-body textarea{flex:1;width:100%;resize:none;border:0;outline:0;background:transparent;line-height:1.7;font-size:14.5px;padding:6px 0}.c-body textarea::placeholder{color:var(--faint)}.c-preview{flex:1;overflow-y:auto;padding:6px 0;line-height:1.65}.c-quote-toggle{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:28px;margin:4px 0 10px;padding:0 12px;border:0;border-radius:999px;background:var(--soft);color:var(--muted);font-size:12.5px;font-weight:550;cursor:pointer}.c-quote-toggle:hover{background:var(--soft-2);color:var(--text)}.c-quote{flex:none;height:38%;min-height:120px;width:100%;resize:none;border:0;border-left:3px solid var(--line-2);outline:0;background:transparent;padding:2px 0 2px 12px;margin-bottom:8px;color:var(--muted);font-size:13.5px;line-height:1.65}.c-preview blockquote{margin:0 0 12px;padding:2px 0 2px 12px;border-left:3px solid var(--line-2);color:var(--muted)}.c-atts{display:flex;flex-wrap:wrap;gap:6px;padding:0 20px 8px;flex:none}.c-att{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 4px 0 10px;border-radius:999px;background:var(--soft);font-size:12.5px}.c-att .bar{width:50px;height:3px;border-radius:3px;background:var(--line-2);overflow:hidden}.c-att .bar i{display:block;height:100%;background:var(--accent);animation:progress 1.2s var(--ease) infinite;width:40%}.c-foot{display:flex;align-items:center;gap:6px;padding:12px 16px 16px;flex:none}.c-foot .hint{font-size:12px;color:var(--faint);display:inline-flex;align-items:center;gap:5px;margin-left:4px}.dropzone{position:absolute;top:52px;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#3b6fe014;border:2px dashed var(--blue);border-radius:0 0 22px 22px;color:var(--blue);font-weight:600;pointer-events:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#10121b47;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .18s both}.modal{position:fixed;z-index:71;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--card);border-radius:26px;box-shadow:var(--shadow-pop);animation:modal-in .25s var(--spring) both;max-height:86vh;overflow:hidden;display:flex;flex-direction:column}.palette{top:14vh;transform:translate(-50%);width:min(600px,calc(100vw - 32px));animation:palette-in .2s var(--spring) both}.palette .p-input{display:flex;align-items:center;gap:10px;height:56px;padding:0 20px;border-bottom:1px solid var(--line)}.palette .p-input input{flex:1;border:0;outline:0;background:transparent;font-size:15.5px}.palette .p-list{max-height:380px;overflow-y:auto;padding:8px}.palette .p-group{padding:10px 12px 4px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--faint)}.palette .p-item{display:flex;align-items:center;gap:12px;height:42px;padding:0 12px;border-radius:12px;cursor:pointer;color:var(--text-2)}.palette .p-item svg{width:16px;height:16px;color:var(--muted)}.palette .p-item.on{background:var(--soft);color:var(--text)}.palette .p-item .k{margin-left:auto;display:flex;gap:3px}.menu-pop{position:fixed;z-index:80;min-width:200px;padding:6px;border-radius:16px;background:var(--card);box-shadow:var(--shadow-pop);animation:pop-in .15s var(--spring) both}.menu-pop button{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--text-2);cursor:pointer;text-align:left}.menu-pop button svg{width:15px;height:15px;color:var(--muted)}.menu-pop button:hover{background:var(--soft);color:var(--text)}.menu-pop .sep{height:1px;background:var(--line);margin:5px 6px}body:has(.menu-pop) [data-tip]:after{display:none}.settings{width:min(860px,calc(100vw - 32px));height:min(640px,86vh);flex-direction:row}.set-nav{width:220px;flex:none;padding:22px 12px;background:var(--soft)}:root[data-theme=dark] .set-nav{background:#121214}.set-nav h2{margin:0 12px 16px;font-size:18px;font-weight:700;letter-spacing:-.02em}.set-nav button{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 12px;margin:2px 0;border:0;border-radius:12px;background:transparent;color:var(--text-2);font-weight:500;cursor:pointer;text-align:left}.set-nav button svg{width:16px;height:16px;color:var(--muted)}.set-nav button.on{background:var(--card);color:var(--text);box-shadow:var(--shadow);font-weight:600}.set-nav button.on svg{color:var(--text)}.set-body{flex:1;min-width:0;overflow-y:auto;padding:26px 32px 32px;position:relative}.set-body h3{margin:0 0 4px;font-size:19px;font-weight:700;letter-spacing:-.02em}.set-body .lead{margin:0 0 22px;color:var(--muted)}.set-close{position:absolute;top:16px;right:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field>label{font-size:12.5px;font-weight:600;color:var(--text-2)}.field .hint{font-size:12px;color:var(--muted)}.field .err{font-size:12px;color:var(--red)}.input{height:42px;padding:0 14px;border:1px solid transparent;border-radius:12px;background:var(--soft);outline:0;transition:all .15s var(--ease);width:100%}.input:focus{background:var(--card);border-color:var(--line-2);box-shadow:0 0 0 4px var(--ring)}textarea.input{height:auto;min-height:120px;padding:12px 14px;resize:vertical;line-height:1.6}.switch{position:relative;width:42px;height:24px;border-radius:999px;background:var(--line-2);border:0;cursor:pointer;transition:background .2s var(--ease);flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .25s var(--spring)}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(18px)}:root[data-theme=dark] .switch.on:after{background:#111}.conn-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;background:var(--soft);margin-bottom:18px}.conn-table td{padding:11px 14px;border-bottom:1px solid var(--line);font-size:13.5px}.conn-table tr:last-child td{border-bottom:0}.conn-table td:first-child{width:120px;color:var(--muted)}.conn-table .val{display:flex;align-items:center;gap:6px}.steps-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.steps-list{margin:0;padding-left:20px;line-height:1.9;color:var(--text-2)}.note{display:flex;gap:10px;padding:12px 14px;border-radius:14px;background:var(--soft);font-size:13px;color:var(--text-2);line-height:1.6}.note svg{width:16px;height:16px;flex:none;margin-top:2px}.theme-pick{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-pick button{padding:10px;border:0;border-radius:16px;background:var(--soft);cursor:pointer;text-align:left;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s}.theme-pick button.on{box-shadow:inset 0 0 0 2px var(--accent)}.theme-pick .sw{height:70px;border-radius:10px;margin-bottom:8px}.toasts{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px}.toast{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 18px;border-radius:999px;background:#111113;color:#f2f2f3;font-size:13.5px;box-shadow:0 16px 40px -12px #00000073;animation:toast-in .3s var(--spring) both}.toast.err{background:var(--red)}.toast button{height:28px;padding:0 12px;border:0;border-radius:999px;background:#ffffff24;color:#fff;font-weight:600;font-size:12.5px;cursor:pointer}.toast button:hover{background:#ffffff3d}:root[data-theme=dark] .toast{background:#f2f2f3;color:#111}:root[data-theme=dark] .toast button{background:#00000014;color:#111}.skel{border-radius:8px;background:linear-gradient(90deg,var(--soft) 25%,var(--soft-2) 50%,var(--soft) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}.spin{animation:spin .8s linear infinite}.login{display:flex;align-items:center;justify-content:center;min-height:100%;padding:32px 16px;overflow-y:auto}.login-card{width:100%;max-width:420px;padding:40px 36px 30px;border-radius:28px;background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 1px 2px #10121b0a,0 30px 70px -24px #10121b38;animation:modal-in-static .5s var(--ease) both}.login-card .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.login-card .top .wordmark{font-size:34px;line-height:1}.login-card .tag{font-size:11.5px;font-weight:600;color:var(--text-2);background:var(--soft);padding:5px 11px;border-radius:999px}.login-card h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.03em}.login-card .lead{margin:6px 0 26px;color:var(--muted)}.login-card form{display:flex;flex-direction:column;gap:12px}.login-field{display:flex;align-items:center;height:52px;padding:0 16px;border-radius:14px;background:var(--soft);transition:all .15s var(--ease)}.login-field:focus-within{background:var(--card);box-shadow:0 0 0 1px var(--line-2),0 0 0 5px var(--ring)}.login-field svg{width:17px;height:17px;color:var(--faint);flex:none}.login-field:focus-within svg{color:var(--text)}.login-field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0 10px;font-size:15px}.login-field .suffix{color:var(--muted);font-size:14px}.login-err{padding:10px 14px;border-radius:12px;background:var(--red-soft);color:var(--red);font-size:13px;animation:shake .35s var(--ease)}.login-foot{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}@keyframes fade{0%{opacity:0}}@keyframes row-in{0%{opacity:0;transform:translateY(4px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}}@keyframes modal-in-static{0%{opacity:0;transform:translateY(10px)}}@keyframes palette-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media (max-width: 1180px){.app{grid-template-columns:76px 360px minmax(0,1fr)}.app.no-reader{grid-template-columns:76px minmax(0,1fr)}.side .brand .wordmark,.folder span,.folder .count,.side-label,.side-foot .grow,.side-foot>svg,.compose-btn span,.compose-btn .kbd{display:none}.reader-bar .btn .lbl{display:none}.reader-bar .btn{width:36px;padding:0}.brand{justify-content:center;padding:10px 0 18px}.compose-btn{width:52px;height:52px;padding:0;justify-content:center;margin:0 auto 16px}.folder{justify-content:center;padding:0;width:48px;height:44px;margin:2px auto}.side-foot{justify-content:center}.inv-actions .lbl{display:none}.inv-actions .btn{width:34px;padding:0}.inv-row{grid-template-columns:28px 92px minmax(0,1fr) 170px 120px 84px}}@media (max-width: 860px){.m-only{display:inline-flex!important}.search .kbd,.compose-btn .kbd,.reader-empty .hint,.quick-reply .kbd{display:none}body{overflow:auto}.app,.app.no-reader{display:block;padding:0;height:100%}.app>.side{display:none}.app.m-side>.side{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--page-bg);padding:16px}.app.m-side>.side .wordmark,.app.m-side .folder span,.app.m-side .folder .count,.app.m-side .side-label,.app.m-side .side-foot .grow,.app.m-side .compose-btn span{display:initial}.app.m-side .folder{justify-content:flex-start;width:100%;padding:0 12px}.app.m-side .compose-btn{width:auto;padding:0 18px;justify-content:flex-start;margin:0 6px 16px}.card{border-radius:0;box-shadow:none;height:100%}.app.m-reader>.list{display:none}.app:not(.m-reader)>.reader{display:none}.reader-scroll{padding:6px 18px 28px}.composer,.composer.min{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border-radius:0}.composer.min{inset:auto 12px 12px;height:52px;border-radius:16px}.composers{right:0;left:0;bottom:0}.reader-bar .pager,.reader-bar .sep{display:none!important}.rows{padding-bottom:96px}.reader-bar{gap:2px;padding:10px}.app.m-side .side-foot>svg{display:initial}.app.m-reader .fab,.app.m-side .fab{display:none!important}.fab{position:fixed;right:18px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:40;width:56px;height:56px;border:0;border-radius:18px;background:var(--accent);color:var(--accent-ink);align-items:center;justify-content:center;box-shadow:var(--shadow-pop)}.fab svg{width:22px;height:22px}.settings{flex-direction:column;width:calc(100vw - 16px);height:90vh}.set-nav{width:auto;display:flex;overflow-x:auto;padding:12px;gap:4px}.set-nav h2{display:none}.set-nav button{width:auto;flex:none}.set-body{padding:20px}.inv{height:100%}.inv-head{padding:14px 16px 4px}.inv-head .btn .lbl{display:none}.inv-head .list-title .btn{width:34px;padding:0}.inv-sync{font-size:12px}.inv-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.inv-stats .stat.main{grid-column:1 / -1;padding:12px 16px}.inv-stats .stat.main b{font-size:24px}.inv-stats .stat:not(.main){padding:8px 12px;border-radius:14px}.inv-stats .stat:not(.main) label{font-size:11px}.inv-stats .stat:not(.main) b{font-size:14px}.stat b small{display:none}.inv-tools .chips{width:100%;overflow-x:auto}.inv-search{flex:1;width:auto}.inv-table{padding:4px 6px 96px}.inv-th{display:none}.inv-row{grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"ck main amt";gap:10px;padding:10px 8px}.inv-row>.inv-check{grid-area:ck}.inv-row .c-main{grid-area:main}.inv-row .c-amt{grid-area:amt}.inv-row .c-date,.inv-row .c-num,.inv-row .c-acts{display:none}.inv-detail{padding:0 12px 14px 42px}.inv-detail dl{grid-template-columns:1fr}.c-main .m-date{display:inline;flex:none}}