:root{--bg:#fff8df;--panel:#fffefb;--panel-2:#fffbee;--line:#e9dfc9;--line-strong:#a08d6b;--text:#433b35;--muted:#786b5d;--primary:#f4d56a;--primary-hover:#e8c44f;--primary-fg:#43372e;--emphasis:#43372e;--selected:#fff0be;--hover:#fff7dc;--pink:#edb8c4;--blue:#b6dceb;--focus:#8b6a26;--accent:#8b6a26;--danger:#aa3f50;--danger-weak:#fbe6ea;--danger-line:#eec3cb;--warn:#72551d;--warn-weak:#fff4cd;--ok:#3f8a4f;--field:#fff;--line-soft:#f1e6cc;--divider:#f3ead6;--line-hover:#d8c9a8;--focus-glow:#f4d56a73;--placeholder:#a39582;--tab-on-line:#ecd58d;--chip-base:#fff;--chip-fg:#43372e;--star:#e0a91c;--star-idle:#b9ab95;--star-hover:#a07a1a;--star-hover-bg:#f4d56a59;--warn-line:#efd98f;--notice-line:#e8cf7d;--danger-text:#7a2735;--pdf-bg:#f6c9cf;--pdf-fg:#9b2c3c;--status-idle:#c9bba1;--status-ok:#6aaf72;--overlay:#43372e47;--drop-bg:#fff0bed9;--check-accent:#c9a227;--mail-paper:#fff;--nav-bg:#433b35;--nav-text:#fffefb;--nav-muted:#d9cbb2;--nav-selected:#5a4f47;--nav-w:200px;--shadow:0 3px 16px #5f4a210d;--shadow-pop:0 14px 40px #5f4a212e;--r-panel:18px;--r-control:14px;--r-small:10px;--ease:cubic-bezier(.2, 0, 0, 1);--dur:.16s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){:root{--dur:0s}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}.warn{color:var(--warn)}.ok{color:var(--ok)}.spacer{flex:1}.grow{overflow-wrap:anywhere;flex:1;min-width:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.icon{flex:none}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing iframe{pointer-events:none}input,select,textarea{border:1px solid var(--line);background:var(--field);border-radius:var(--r-small);min-width:0;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:8px 12px}input:hover,select:hover,textarea:hover{border-color:var(--line-hover)}input::placeholder,textarea::placeholder{color:var(--placeholder)}input:focus,select:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-glow);outline:none}.primary,.ghost,.soft{border-radius:var(--r-small);white-space:nowrap;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform 80ms;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-weight:600;display:inline-flex}.primary{background:var(--primary);color:var(--primary-fg)}.primary:hover:not(:disabled){background:var(--primary-hover)}.primary:active:not(:disabled),.ghost:active:not(:disabled),.soft:active:not(:disabled){transform:translateY(1px)}.ghost{background:var(--field);border-color:var(--line);color:var(--text);font-weight:500}.ghost:hover:not(:disabled){background:var(--hover);border-color:var(--line-hover)}.ghost.danger{color:var(--danger)}.soft{background:var(--field);border:1.5px solid var(--primary);color:var(--emphasis);border-radius:var(--r-control);padding:9px 22px}.soft:hover{background:var(--hover)}.small-btn{padding:5px 14px;font-size:13px}.icon-btn{border-radius:var(--r-small);width:40px;height:40px;color:var(--muted);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn.small{width:28px;height:28px}.round-btn{border:1px solid var(--line);background:var(--field);width:44px;height:44px;color:var(--text);transition:background-color var(--dur) var(--ease);border-radius:50%;flex:none;place-items:center;display:inline-grid}.round-btn:hover{background:var(--hover)}.link{color:var(--focus);text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.link:hover{color:var(--text)}.app{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100%;padding:0 16px;display:grid;overflow:hidden}.topbar{align-items:center;gap:12px;height:84px;display:flex;position:relative}.brand{flex:none;align-items:center;gap:8px;display:flex}.brand-name{letter-spacing:.02em;white-space:nowrap;font-family:HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO,Hiragino Maru Gothic ProN,Yu Gothic UI,sans-serif;font-size:27px;font-weight:700}.search{background:var(--field);border:1px solid var(--line);border-radius:var(--r-control);min-width:180px;max-width:700px;height:50px;color:var(--muted);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex:1;align-items:center;gap:10px;margin:0 8px 0 18px;padding:0 8px 0 16px;display:flex}.search:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus-glow)}.search input{height:100%;box-shadow:none;color:var(--text);background:0 0;border:none;flex:1;padding:0;font-size:15px}.search input::placeholder{color:var(--placeholder)}.compose-btn{border-radius:var(--r-control);flex:none;height:50px;padding:0 22px;font-size:15px}.tabs{scrollbar-width:thin;gap:10px;padding:2px 2px 12px;display:flex;overflow-x:auto}.tab{--c:var(--primary);border:1px solid var(--line);background:var(--field);height:44px;color:var(--text);white-space:nowrap;max-width:280px;transition:background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), opacity var(--dur);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 16px;display:inline-flex;position:relative}.tab:hover{background:var(--hover)}.tab.on{background:var(--selected);border-color:var(--tab-on-line);box-shadow:inset 0 -3px 0 var(--focus);font-weight:700}.tab-name{text-overflow:ellipsis;overflow:hidden}.tab-dot{background:var(--c);border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 0 1px #0000000f}.count{background:color-mix(in srgb, var(--c) 35%, var(--chip-base));min-width:26px;color:var(--chip-fg);text-align:center;border-radius:999px;padding:0 8px;font-size:12px;font-weight:700;line-height:22px}.tab.movable{cursor:grab;-webkit-user-select:none;user-select:none}.tab.dragging{opacity:.85;cursor:grabbing;z-index:2;box-shadow:var(--shadow-pop);transition:none}.tab.drop-before:before,.tab.drop-after:after{content:"";background:var(--focus);border-radius:3px;width:3px;position:absolute;top:6px;bottom:6px}.tab.drop-before:before{left:-7px}.tab.drop-after:after{right:-7px}.tab-add{width:44px;color:var(--muted);justify-content:center;padding:0}.main{min-height:0;display:grid}.main.narrow{grid-template-columns:minmax(0,1fr)}.panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-panel);min-width:0;min-height:0;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.splitter{cursor:col-resize;touch-action:none;place-items:center;display:grid;position:relative}.splitter-grip{background:var(--line);width:4px;height:44px;transition:background-color var(--dur), height var(--dur);border-radius:4px}.splitter:hover .splitter-grip,.splitter:focus-visible .splitter-grip,body.resizing .splitter-grip{background:var(--line-strong);height:64px}.listpane{container-type:inline-size}.folders{scrollbar-width:none;gap:2px;padding:12px 10px 4px;display:flex;overflow-x:auto}.folder{height:40px;color:var(--muted);white-space:nowrap;transition:background-color var(--dur) var(--ease), color var(--dur);background:0 0;border:none;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.folder:hover{background:var(--hover);color:var(--text)}.folder.on{background:var(--selected);color:var(--emphasis);font-weight:700}@container (width<=470px){.folder:not(.on) span{display:none}.folder:not(.on){padding:0 11px}}.searchbar{border-radius:var(--r-small);background:var(--warn-weak);color:var(--warn);justify-content:space-between;align-items:center;gap:8px;margin:12px 12px 4px;padding:10px 14px;font-size:13px;display:flex}.list-head{justify-content:space-between;align-items:baseline;padding:10px 22px 8px;font-weight:600;display:flex}.list-head .muted{font-weight:500}.list{flex:1;padding:0 8px 8px;overflow-y:auto}.list-empty{color:var(--muted);flex:1;place-items:center;padding:24px;display:grid}.empty-state{text-align:center;justify-items:center;gap:12px;display:grid}.empty-state p{color:var(--muted);margin:0;font-size:15px}.row{border-bottom:1px solid var(--divider);cursor:pointer;transition:background-color var(--dur) var(--ease);border-radius:12px;grid-template-columns:12px 40px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 10px 12px 8px;display:grid;position:relative}.row:hover{background:var(--hover)}.row.selected{background:var(--selected);box-shadow:inset 3px 0 0 var(--focus);border-bottom-color:#0000}.row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.row-dot{justify-items:center;padding-top:15px;display:grid}.dot{background:var(--focus);border-radius:50%;width:8px;height:8px;display:inline-block}.avatar{color:#fff;text-shadow:0 1px 1px #0000001f;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:grid}.avatar.small{width:40px;height:40px;font-size:16px}.row-main{gap:1px;min-width:0;display:grid}.row-top{align-items:baseline;gap:8px;min-width:0;display:flex}.row-from{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-size:14.5px;font-weight:600;overflow:hidden}.row.unread .row-from{color:var(--text);font-weight:700}.row-date{color:var(--muted);flex:none;font-size:12px}.row.unread .row-date{color:var(--focus);font-weight:700}.row-subject{align-items:center;gap:4px;min-width:0;font-size:14px;display:flex}.row.unread .row-subject{font-weight:700}.row-bottom{min-width:0;display:flex}.row-snippet{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-size:12.5px;overflow:hidden}.row-meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.row-side{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:2px;height:100%;padding-top:22px;display:flex}.star-btn{width:32px;height:32px;color:var(--star-idle);background:0 0;border:none;border-radius:8px;place-items:center;display:inline-grid}.star-btn:hover{background:var(--star-hover-bg);color:var(--star-hover)}.star-btn.on{color:var(--star)}.acct-chip{--c:var(--primary);color:var(--chip-fg);background:color-mix(in srgb, var(--c) 22%, var(--chip-base));white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:1px 9px;font-size:11.5px;font-weight:600;line-height:20px;display:inline-flex}.acct-chip:before{content:"";background:var(--c);border-radius:50%;width:7px;height:7px}.folder-chip{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:0 8px;font-size:11.5px;line-height:20px}.risk-badge{border-radius:999px;padding:0 8px;font-size:11.5px;font-weight:700;line-height:20px}.risk-badge.danger{background:var(--danger-weak);color:var(--danger);border:1px solid var(--danger-line)}.risk-badge.caution{background:var(--warn-weak);color:var(--warn);border:1px solid var(--warn-line)}.more{width:100%;color:var(--focus);background:0 0;border:none;padding:14px;font-weight:700}.list-end{color:var(--muted);justify-content:center;align-items:center;gap:6px;padding:10px 0 4px;font-size:12px;display:flex}.readpane{position:relative}.reader{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.reader-empty{color:var(--muted);text-align:center;flex:1;place-content:center;justify-items:center;gap:10px;padding:24px;font-size:15px;display:grid}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:2px;min-height:56px;padding:6px 12px;display:flex}.act{border-radius:var(--r-small);height:40px;color:var(--text);transition:background-color var(--dur) var(--ease);background:0 0;border:none;align-items:center;gap:6px;padding:0 11px;font-size:13.5px;display:inline-flex}.act:hover:not(:disabled){background:var(--hover)}.act.danger{color:var(--danger)}.menu-wrap{position:relative}.menu{z-index:5;background:var(--field);border:1px solid var(--line);min-width:280px;box-shadow:var(--shadow-pop);border-radius:12px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.menu button{text-align:left;overflow-wrap:anywhere;background:0 0;border:none;border-radius:8px;padding:10px 12px}.menu button:hover:not(:disabled){background:var(--hover)}.reader-scroll{flex:1;min-height:0;display:flex;container-type:inline-size}.reader-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.reader-gutter{pointer-events:none;flex:none;justify-content:center;align-items:flex-end;width:150px;padding:0 8px 10px 0;display:none}@container (width>=900px){.reader-gutter{display:flex}}.msg-head{padding:22px 28px 14px}.msg-head h1{overflow-wrap:anywhere;margin:0 0 16px;font-size:23px;font-weight:700;line-height:1.45}.msg-from{align-items:flex-start;gap:14px;display:flex}.msg-from-text{overflow-wrap:anywhere;flex:1;gap:1px;min-width:0;display:grid}.msg-name{font-size:15.5px;font-weight:700}.msg-date{text-align:right;color:var(--muted);white-space:nowrap;justify-items:end;gap:6px;font-size:13px;display:grid}.notice{background:var(--warn-weak);color:var(--warn);border-radius:12px;align-items:center;gap:10px;margin:0 28px 10px;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}.notice .ghost{border-color:var(--notice-line);margin-left:auto}.risk-banner{border-radius:14px;margin:0 28px 12px;padding:14px 16px;font-size:13.5px}.risk-banner.danger{background:var(--danger-weak);border:1px solid var(--danger-line);color:var(--danger-text)}.risk-banner.caution{background:var(--warn-weak);border:1px solid var(--warn-line);color:var(--warn)}.risk-title{align-items:center;gap:8px;font-size:15px;display:flex}.risk-banner ul{overflow-wrap:anywhere;gap:3px;margin:8px 0;padding-left:1.4em;display:grid}.risk-banner p{margin:0 0 8px}.risk-actions{flex-wrap:wrap;gap:8px;display:flex}.risk-actions .ghost{padding:6px 12px;font-size:13px}.body-frame{background:var(--mail-paper);border:none;border-radius:12px;flex:1 0 300px;width:auto;min-height:300px;margin:0 16px}.body-frame.plain{background:var(--panel)}.atts{gap:10px;padding:12px 28px 4px;display:grid}.thumbs{flex-wrap:wrap;gap:8px;display:flex}.thumbs img{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:120px;height:90px;display:block}.att-list{flex-wrap:wrap;gap:10px;display:flex}.att-card{border:1px solid var(--line);background:var(--field);border-radius:12px;align-items:center;gap:12px;min-width:240px;max-width:360px;padding:10px 12px;display:inline-flex}.att-icon{background:var(--panel-2);width:36px;height:36px;color:var(--muted);border-radius:8px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.att-icon.pdf{background:var(--pdf-bg);color:var(--pdf-fg)}.att-text{flex:1;min-width:0;display:grid}.att-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600;text-decoration:none;overflow:hidden}a.att-name:hover{text-decoration:underline}.att-dl{color:var(--muted);border-radius:8px;padding:6px;display:inline-grid}.att-dl:hover{color:var(--text);background:var(--hover)}.reader-foot{padding:14px 28px 20px}.statusbar{min-height:30px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:4px 6px;font-size:12px;display:flex}.statusbar.has-error{color:var(--danger)}.status-left{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.status-dot{background:var(--status-idle);border-radius:50%;flex:none;width:9px;height:9px}.status-dot.ok{background:var(--status-ok)}.status-dot.busy{background:var(--primary-hover)}.overlay{background:var(--overlay);z-index:10;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.compose,.settings{background:var(--panel);border-radius:var(--r-panel);width:min(840px,100%);height:min(86vh,900px);box-shadow:var(--shadow-pop);flex-direction:column;display:flex;position:relative;overflow:hidden}.settings{width:min(660px,100%)}.compose.dragging{outline:3px dashed var(--focus);outline-offset:-8px}.drop-hint{background:var(--drop-bg);color:var(--emphasis);pointer-events:none;place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;inset:0}.compose-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 12px 12px 22px;display:flex}.compose-head h2{margin:0;font-size:17px}.compose-head .icon-btn{margin-left:auto}.restored{background:var(--warn-weak);color:var(--warn);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.compose-fields{border-bottom:1px solid var(--line)}.field{border-bottom:1px solid var(--divider);align-items:center;gap:10px;padding:4px 22px;display:flex}.field:last-child{border-bottom:none}.field>span:first-child{width:56px;color:var(--muted);flex:none;font-size:13px;font-weight:600}.field input,.field select,.field .addr{flex:1}.field input,.field select,.addr input{box-shadow:none;background:0 0;border:none;border-radius:0;width:100%;padding:10px 0}.field-toggles{gap:12px;display:flex}.field-toggles .link{text-decoration:none}.addr{position:relative}.suggest{z-index:5;background:var(--field);border:1px solid var(--line);box-shadow:var(--shadow-pop);border-radius:12px;max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.suggest li{cursor:pointer;border-radius:8px;padding:7px 10px}.suggest li.active,.suggest li:hover{background:var(--selected)}.compose-body{resize:none;background:var(--panel);border:none;border-radius:0;flex:1;padding:18px 24px;font-size:15px;line-height:1.8}.compose-body:focus{box-shadow:none}.compose-atts{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:10px 22px;display:flex}.compose-atts .att{border:1px solid var(--line);background:var(--field);border-radius:10px;align-items:center;gap:6px;max-width:100%;padding:6px 8px 6px 12px;display:inline-flex}.compose-atts .att-name{max-width:260px;font-weight:500}.compose-atts .att.uploading{opacity:.7}.compose>.warn,.compose>.error{border-top:1px solid var(--line);align-items:center;gap:6px;margin:0;padding:8px 22px;display:flex}.compose>.warn{background:var(--warn-weak)}.compose>.error{background:var(--danger-weak)}.compose-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px 12px 22px;display:flex}.compose-foot .primary{border-radius:var(--r-control);padding:10px 24px}.check{align-items:center;gap:7px;font-size:13px;display:inline-flex}.check input{width:17px;height:17px;accent-color:var(--check-accent)}.settings-body{flex:1;padding:8px 24px 24px;overflow-y:auto}.settings-body h3{color:var(--text);margin:22px 0 8px;font-size:14px;font-weight:700}.acc-list,.plain-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.acc-list li,.plain-list li{border:1px solid var(--line);background:var(--field);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.acc-dot{border-radius:50%;flex:none;width:12px;height:12px}.acc-text{overflow-wrap:anywhere;flex:1;min-width:0}.acc-form{gap:14px;padding-top:12px;display:grid}.seg{border:1px solid var(--line);background:var(--field);border-radius:12px;width:fit-content;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);background:0 0;border:none;padding:8px 18px}.seg button.on{background:var(--primary);color:var(--primary-fg);font-weight:700}.form-row{gap:5px;display:grid}.form-row>span{font-size:13px;font-weight:600}.grid2{grid-template-columns:1fr 110px;align-items:end;gap:12px;display:grid}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid var(--panel);width:28px;height:28px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.swatch.on{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--focus)}.test-result{background:var(--panel-2);border-radius:12px;gap:4px;padding:10px 12px;font-size:13px;display:grid}.test-result>div{align-items:center;gap:6px;display:flex}.form-actions{align-items:center;gap:8px;padding-top:4px;display:flex}.welcome{place-items:center;min-height:0;padding:24px;display:grid}.welcome-card{text-align:center;background:var(--panel);border-radius:var(--r-panel);border:1px solid var(--line-soft);max-width:480px;box-shadow:var(--shadow);justify-items:center;gap:12px;padding:28px 32px 32px;display:grid}.welcome-card h1{margin:0;font-size:21px}.welcome-card p{margin:0}.toast{background:var(--field);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-pop);z-index:20;border-radius:14px;align-items:center;gap:10px;max-width:min(680px,92vw);padding:12px 20px;font-weight:600;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.toast.error{background:var(--field);color:var(--danger);border-color:var(--danger-line)}.toast.celebrate{padding:6px 22px 6px 10px}@media (width<=1060px){.compose-btn span{display:none}.compose-btn{padding:0 14px}.brand-name{font-size:22px}}@media (width<=899px){.app{padding:0 8px}.topbar{gap:8px;height:68px}.brand-name{display:none}.search{min-width:0;height:44px;margin:0;padding-left:12px}.topbar .round-btn{width:40px;height:40px}.compose-btn,.round-btn{height:44px}.msg-head,.reader-foot{padding-left:18px;padding-right:18px}.msg-from{flex-wrap:wrap}.msg-date{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.act{padding:0 8px}.notice,.risk-banner{margin-left:16px;margin-right:16px}.body-frame{margin:0 8px}.overlay{padding:0}.compose,.settings{border-radius:0;height:100%}}.auth-wrap{min-height:100%;padding:24px 16px calc(24px + env(safe-area-inset-bottom));place-items:center;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-panel);width:min(440px,100%);box-shadow:var(--shadow);justify-items:center;gap:4px;padding:8px 28px 28px;display:grid}.auth-card h1{margin:-8px 0 8px}.auth-title{font-size:26px;display:block!important}.auth-form{gap:14px;width:100%;display:grid}.auth-form .primary{border-radius:var(--r-control);height:48px;font-size:16px}.auth-form .link{justify-self:center;font-weight:500}.code-input{letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums;font-size:22px}.qr{border:1px solid var(--line);background:#fff;border-radius:12px;justify-self:center;width:220px;height:220px;padding:6px}.secret{background:var(--panel-2);letter-spacing:.08em;overflow-wrap:anywhere;border-radius:8px;margin-top:6px;padding:8px 10px;font-size:14px;display:block}.recovery{grid-template-columns:1fr 1fr;gap:6px 18px;margin:4px 0;padding-left:1.4em;display:grid}.recovery code{letter-spacing:.08em;font-size:16px}@media print{.auth-card{box-shadow:none;border:none}.auth-card button,.auth-card .check{display:none!important}}.order-btns{flex-direction:column;display:inline-flex}.order-btns .icon-btn.small{width:30px;height:22px;font-size:13px}.small-seg{margin-top:10px}.small-seg button{padding:7px 14px;font-size:13px}.check.link-mode{border-top:1px solid var(--line);align-items:flex-start;margin:0;padding:10px 22px}.check.link-mode input{margin-top:3px}.check.link-mode.on{background:var(--selected)}@media (display-mode:standalone){.app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (width<=899px){.app{padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right))}.toolbar .act span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toolbar .act{justify-content:center;width:40px;padding:0}.toolbar>.act:first-child span{clip:auto;width:auto;height:auto;position:static}.toolbar>.act:first-child{width:auto;padding:0 8px}.reader-foot .soft{justify-content:center;width:100%}}.app.layout-sidebar{grid-template-columns:var(--nav-w) minmax(0, 1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"nav head""nav tabs""nav main""nav status";padding-left:0;padding-right:0}.layout-sidebar>.sidenav{grid-area:nav}.layout-sidebar>.topbar{grid-area:head}.layout-sidebar>.tabs{grid-area:tabs}.layout-sidebar>.main,.layout-sidebar>.welcome{grid-area:main}.layout-sidebar>.statusbar{grid-area:status}.sidenav{background:var(--nav-bg);min-height:0;color:var(--nav-text);flex-direction:column;padding:0 12px 16px;display:flex;overflow-y:auto}.sidenav :focus-visible{outline-color:var(--nav-text)}.sidenav-brand{flex:none;align-items:center;gap:10px;height:64px;padding:0 4px;display:flex}.sidenav-brand .brand-name{color:var(--nav-text)}.sidenav-compose{flex:none;height:44px;margin:4px 0 20px;font-size:15px}.sidenav-label{color:var(--nav-muted);padding:0 10px 6px;font-size:12px}.sidenav-folders{gap:2px;display:grid}.sidenav-folder{border-radius:var(--r-small);height:42px;color:var(--nav-muted);text-align:left;transition:background-color var(--dur) var(--ease), color var(--dur);background:0 0;border:none;align-items:center;gap:12px;padding:0 12px;font-size:14px;display:flex;position:relative}.sidenav-folder:hover{background:color-mix(in srgb, var(--nav-selected) 60%, transparent);color:var(--nav-text)}.sidenav-folder.on{background:var(--nav-selected);color:var(--nav-text);box-shadow:inset 3px 0 0 var(--primary);font-weight:600}.sidenav-folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidenav-count{color:var(--nav-text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.topbar-title{white-space:nowrap;margin:0;font-size:21px;font-weight:700}.topbar-btn{flex:none;gap:6px;height:40px;padding:0 14px}.layout-sidebar .topbar{background:var(--panel);border-bottom:1px solid var(--line);gap:16px;height:64px;padding:0 24px}.layout-sidebar .search{margin:0 auto 0 12px}.layout-sidebar .tabs{background:var(--panel);border-bottom:1px solid var(--line);padding:0 16px}.layout-sidebar .main{background:var(--panel)}.layout-sidebar .panel{box-shadow:none;border:none;border-radius:0}.layout-sidebar .splitter:before{content:"";background:var(--line);width:1px;position:absolute;top:0;bottom:0;left:50%}.layout-sidebar .splitter-grip{opacity:0;transition:opacity var(--dur);position:relative}.layout-sidebar .splitter:hover .splitter-grip,.layout-sidebar .splitter:focus-visible .splitter-grip,body.resizing .layout-sidebar .splitter-grip{opacity:1}.layout-sidebar .statusbar{background:var(--panel);border-top:1px solid var(--line);padding:3px 16px}@media (width<=1179px){.app.layout-sidebar{--nav-w:64px}.sidenav{align-items:center;padding:0 10px 12px}.sidenav-brand{justify-content:center;padding:0}.sidenav .brand-name,.sidenav-label,.sidenav-compose span,.sidenav-folder-name{display:none}.sidenav-compose{width:44px;padding:0}.sidenav-folder{justify-content:center;width:44px;padding:0}.sidenav-count{background:var(--primary);min-width:18px;color:var(--primary-fg);text-align:center;border-radius:999px;padding:0 4px;font-size:10.5px;line-height:16px;position:absolute;top:2px;right:0}.topbar-btn span{display:none}.topbar-btn{width:40px;padding:0}}.deco{-webkit-user-select:none;user-select:none;pointer-events:none;flex:none;height:auto;display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skin-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px;display:grid}.skin-card{border:1px solid var(--line);background:var(--field);color:var(--text);text-align:left;transition:border-color var(--dur), box-shadow var(--dur);border-radius:12px;gap:8px;padding:12px;display:grid}.skin-card:hover{border-color:var(--line-hover)}.skin-card.on{border-color:var(--focus);box-shadow:0 0 0 2px var(--focus);font-weight:700}.skin-swatches{display:flex}.skin-swatches span{border:2px solid var(--field);width:26px;height:26px;box-shadow:0 0 0 1px var(--line);border-radius:50%;margin-right:-6px}.character-sticker{--sticker-ratio:.500631;width:calc(var(--sticker-height,96px) * var(--sticker-ratio));height:var(--sticker-height,96px);vertical-align:middle;pointer-events:none;-webkit-user-select:none;user-select:none;background-image:url(/assets/character-stickers-crpHOEU7.png);background-position:0 0;background-repeat:no-repeat;background-size:499.496% 100%;flex:none;padding:0;display:inline-block}.character-sticker--usagi-envelope{--sticker-ratio:.500631;background-position:0 0;background-size:499.496% 100%}.character-sticker--usagi-letter{--sticker-ratio:.499369;background-position:25.0158% 0;background-size:500.758% 100%}.character-sticker--usagi-celebrating{--sticker-ratio:.525851;background-position:50.6386% 0;background-size:475.54% 100%}.character-sticker--chiikawa{--sticker-ratio:.474149;background-position:75.2956% 0;background-size:527.394% 100%}.character-sticker--hachiware{--sticker-ratio:.500631;background-position:100% 0;background-size:499.496% 100%}.brand-sticker{margin:-14px -2px -14px -10px}.corner-friends{flex:none;align-items:center;margin:-19px -10px -19px 4px;display:flex}.corner-friends .character-sticker+.character-sticker{margin-left:-10px}.toast-sticker{animation:hop .3s var(--ease) 1}@keyframes hop{0%{transform:translateY(6px)scale(.92)}60%{transform:translateY(-4px)scale(1.04)}to{transform:none}}@media (prefers-reduced-motion:reduce){.toast-sticker{animation:none}}@media (width<=1279px){.corner-friends{display:none}}@media (width<=899px){.brand-sticker{margin:-8px -4px -8px -8px;--sticker-height:76px!important}}@media print{.character-sticker{display:none!important}}:root[data-skin=buncho]{--bg:#eaf4ef;--panel:#fffefb;--panel-2:#f6f9f6;--field:#fffefb;--line:#dce7e1;--line-soft:#dce7e1;--divider:#e6eee9;--line-hover:#b9cbc1;--line-strong:#82988c;--text:#353c3a;--muted:#66756d;--placeholder:#8a9a91;--primary:#e66f73;--primary-hover:#d85e64;--primary-fg:#241317;--emphasis:#b64754;--selected:#fcebec;--hover:#f0f6f2;--pink:#f3c6c9;--blue:#bcdcd0;--focus:#547365;--accent:#547365;--sage:#547365;--sage-soft:#ddede4;--focus-glow:#54736538;--tab-on-line:#dce7e1;--chip-base:#fffefb;--chip-fg:#353c3a;--star:#e0a91c;--star-idle:#a7b5ad;--star-hover:#b07d10;--star-hover-bg:#e0a91c24;--danger:#ad3e4e;--danger-weak:#fbe8ea;--danger-line:#efc5cb;--danger-text:#7c2533;--warn:#70501f;--warn-weak:#fff5e3;--warn-line:#f0dbb3;--notice-line:#e7cd98;--ok:#3f7d5c;--pdf-bg:#fcdcdd;--pdf-fg:#ad3e4e;--status-idle:#a7b5ad;--status-ok:#5aa57a;--overlay:#353c3a47;--drop-bg:#ddede4e6;--check-accent:#547365;--shadow:0 3px 16px #324a3d0a;--shadow-pop:0 14px 40px #324a3d29;--r-panel:16px;--r-control:14px;--r-small:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-skin=buncho] .brand{gap:10px}[data-skin=buncho] .brand-logo{margin:-4px 0}[data-skin=buncho] .brand-name{font-size:28px}[data-skin=buncho] .corner-pair{margin:0 -4px 0 4px}@media (width<=1279px){[data-skin=buncho] .corner-pair{display:none!important}}[data-skin=buncho] .tab.on{background:var(--panel);box-shadow:inset 0 -3px 0 var(--primary);font-weight:700}[data-skin=buncho] .folder.on{background:var(--sage-soft);color:var(--sage)}[data-skin=buncho] .row.selected{box-shadow:inset 3px 0 0 var(--primary)}[data-skin=buncho] .dot{background:var(--primary)}[data-skin=buncho] .row.unread .row-date{color:var(--emphasis)}[data-skin=buncho] .soft{border-color:var(--sage);color:var(--sage)}[data-skin=buncho] .soft:hover{background:var(--sage-soft)}[data-skin=buncho] .toast-bird{margin:-4px 0}[data-skin=buncho] .reader-empty .buncho-asset-frame,[data-skin=buncho] .empty-state .buncho-asset-frame{margin-bottom:4px}@media (width<=899px){[data-skin=buncho] .brand-logo{--buncho-size:44px!important}}.buncho-asset{width:min(var(--buncho-size,160px), 100%);object-fit:contain;flex-shrink:0;max-width:100%;height:auto;display:block}.buncho-asset--header{--buncho-size:48px}.buncho-asset--empty{--buncho-size:240px}.buncho-asset--decoration{--buncho-size:96px}.buncho-asset-frame{background:var(--buncho-frame-background,#edf7f3);border-radius:16px;place-items:center;padding:16px;display:grid}.buncho-asset-frame--white{--buncho-frame-background:#fff}.buncho-asset-frame--dark{--buncho-frame-background:#17263e}:root[data-skin=zeus]{--bg:#f3f5f8;--panel:#fff;--panel-2:#f3f5f8;--field:#fff;--line:#e2e7ef;--line-soft:#e2e7ef;--divider:#e2e7ef;--line-hover:#c3ccd9;--line-strong:#8996aa;--text:#18263a;--muted:#617086;--placeholder:#8996aa;--primary:#245ce6;--primary-hover:#1d4ece;--primary-fg:#fff;--emphasis:#1d4ece;--selected:#eaf0ff;--hover:#f5f7fb;--pink:#f2c4ce;--blue:#c3d4fb;--focus:#245ce6;--accent:#245ce6;--focus-glow:#245ce638;--tab-on-line:transparent;--chip-base:#fff;--chip-fg:#18263a;--star:#e0a91c;--star-idle:#a3aebd;--star-hover:#b07d10;--star-hover-bg:#e0a91c24;--danger:#b23a48;--danger-weak:#fbe9eb;--danger-line:#efc3c9;--danger-text:#7f2232;--warn:#795818;--warn-weak:#fff6e5;--warn-line:#f0dcae;--notice-line:#e5c98a;--ok:#2f7d47;--pdf-bg:#fbe0e3;--pdf-fg:#b23a48;--status-idle:#a3aebd;--status-ok:#2fa45a;--overlay:#17263e59;--drop-bg:#eaf0ffeb;--check-accent:#245ce6;--nav-bg:#17263e;--nav-text:#f1f5fa;--nav-muted:#aebbd0;--nav-selected:#263e63;--shadow:none;--shadow-pop:0 12px 32px #17263e2e;--r-panel:0;--r-control:8px;--r-small:6px;--dur:.14s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-skin=zeus][data-mode=dark]{--bg:#0d141f;--panel:#131c2a;--panel-2:#192335;--field:#192335;--line:#273246;--line-soft:#273246;--divider:#222c3e;--line-hover:#3a475e;--line-strong:#5d6b82;--text:#e3e9f2;--muted:#9aa7ba;--placeholder:#6f7d92;--primary:#3b6ff0;--primary-hover:#5182ff;--primary-fg:#fff;--emphasis:#9db8ff;--selected:#1b2b49;--hover:#182234;--pink:#6b3a46;--blue:#2c4170;--focus:#7aa2ff;--accent:#8fb0ff;--focus-glow:#7aa2ff4d;--chip-base:#131c2a;--chip-fg:#e3e9f2;--star:#f5c04a;--star-idle:#5d6b82;--star-hover:#f5c04a;--star-hover-bg:#f5c04a24;--danger:#ff8a97;--danger-weak:#3a1d25;--danger-line:#5c2a35;--danger-text:#ffc2ca;--warn:#f0cf8a;--warn-weak:#30271a;--warn-line:#574627;--notice-line:#6b5630;--ok:#6fcf86;--pdf-bg:#4a2228;--pdf-fg:#ffb3bd;--status-idle:#5d6b82;--status-ok:#4fbf6b;--overlay:#0000008c;--drop-bg:#1b2b49eb;--check-accent:#7aa2ff;--nav-bg:#0a101a;--nav-text:#e9eef6;--nav-muted:#94a3b8;--nav-selected:#1b2b49;--shadow-pop:0 14px 40px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-skin=zeus] .brand-name{letter-spacing:.01em;font-family:inherit;font-size:19px;font-weight:700}[data-skin=zeus] .zeus-brand{align-items:center;display:flex}[data-skin=zeus] .zeus-wordmark{width:168px;max-width:100%}[data-skin=zeus] .zeus-bolt{width:auto;height:30px;display:none}@media (width<=1179px){[data-skin=zeus] .layout-sidebar .zeus-wordmark{display:none}[data-skin=zeus] .layout-sidebar .zeus-bolt{display:block}}[data-skin=zeus] .app:not(.layout-sidebar) .zeus-wordmark{display:none}[data-skin=zeus] .app:not(.layout-sidebar) .zeus-bolt{height:24px;display:block}[data-skin=zeus] .app:not(.layout-sidebar) .zeus-brand{border-radius:var(--r-control);background:var(--nav-bg);justify-content:center;width:40px;height:40px}[data-skin=zeus] .zeus-logo-plate{background:var(--nav-bg);border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;padding:24px 16px;display:flex}[data-skin=zeus] .zeus-logo-plate .zeus-wordmark{width:220px}[data-skin=zeus] .search{background:var(--panel-2);max-width:760px;height:40px}[data-skin=zeus] .search input{font-size:14px}[data-skin=zeus] .compose-btn{height:44px;padding:0 18px}[data-skin=zeus] .round-btn{border-radius:var(--r-control);width:40px;height:40px}[data-skin=zeus] .primary,[data-skin=zeus] .ghost{border-radius:var(--r-small)}[data-skin=zeus] .soft{border-radius:var(--r-small);padding:8px 20px}[data-skin=zeus] .tabs{gap:2px}[data-skin=zeus] .tab{height:46px;color:var(--muted);background:0 0;border:none;border-radius:0;padding:0 14px}[data-skin=zeus] .tab:hover{background:var(--hover);color:var(--text)}[data-skin=zeus] .tab.on{color:var(--text);box-shadow:inset 0 -3px 0 var(--primary);background:0 0}[data-skin=zeus] .count{background:color-mix(in srgb, var(--c) 16%, var(--chip-base))}[data-skin=zeus] .tab-add{width:40px}[data-skin=zeus] .list{padding:0}[data-skin=zeus] .row{border-radius:0;padding:12px 14px 12px 8px}[data-skin=zeus] .row.selected{box-shadow:inset 3px 0 0 var(--primary)}[data-skin=zeus] .dot{background:var(--primary)}[data-skin=zeus] .row.unread .row-date{color:var(--primary)}[data-skin=zeus] .avatar{width:40px;height:40px;font-size:16px}[data-skin=zeus] .list-head{border-bottom:1px solid var(--line);padding:14px 16px 10px;font-size:16px}[data-skin=zeus] .folders{border-bottom:1px solid var(--line);padding:8px 10px}[data-skin=zeus] .folder{border-radius:var(--r-small)}[data-skin=zeus] .toolbar{min-height:52px}[data-skin=zeus] .msg-head{padding:24px 32px 14px}[data-skin=zeus] .msg-head h1{font-size:22px}[data-skin=zeus] .notice,[data-skin=zeus] .risk-banner{border-radius:var(--r-small);margin-left:32px;margin-right:32px}[data-skin=zeus] .body-frame{border-radius:var(--r-small);margin:0 20px}[data-skin=zeus] .att-card{border-radius:var(--r-small)}[data-skin=zeus] .atts,[data-skin=zeus] .reader-foot{padding-left:32px;padding-right:32px}[data-skin=zeus] .compose,[data-skin=zeus] .settings{border-radius:10px}[data-skin=zeus] .auth-card,[data-skin=zeus] .welcome-card{border-radius:10px;gap:10px;padding-top:28px}[data-skin=zeus] .auth-card h1{margin:0 0 8px}[data-skin=zeus] .toast,[data-skin=zeus] .menu,[data-skin=zeus] .suggest{border-radius:var(--r-control)}@media (width<=899px){[data-skin=zeus] .app{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}[data-skin=zeus] .topbar{background:var(--panel);border-bottom:1px solid var(--line);padding:0 10px}[data-skin=zeus] .tabs{background:var(--panel);border-bottom:1px solid var(--line);padding:0 8px}[data-skin=zeus] .panel{box-shadow:none;border:none;border-radius:0}[data-skin=zeus] .msg-head,[data-skin=zeus] .atts,[data-skin=zeus] .reader-foot{padding-left:18px;padding-right:18px}[data-skin=zeus] .notice,[data-skin=zeus] .risk-banner{margin-left:16px;margin-right:16px}[data-skin=zeus] .body-frame{margin:0 8px}[data-skin=zeus] .statusbar{background:var(--panel);border-top:1px solid var(--line);padding:3px 10px}}@media (width<=899px) and (display-mode:standalone){[data-skin=zeus] .app{background:var(--panel)}}