:root{font-family:"Yu Gothic UI","Meiryo",sans-serif;color:#17324d;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}.primary{background:#0b6fc2;color:white;border:0;border-radius:8px;padding:9px 16px}.ghost,.linkbtn{background:white;border:1px solid #b9c9d8;border-radius:8px;padding:8px 12px;color:#17324d;text-decoration:none}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92vw);background:white;padding:32px;border-radius:18px;box-shadow:0 18px 60px #17324d22}.brand{font-size:28px;font-weight:800;color:#0b5fa5}.sub{margin:4px 0 24px;color:#60778c}.login-card label{display:block;margin:14px 0}.login-card input{width:100%;padding:12px;border:1px solid #c7d2dc;border-radius:8px;margin-top:6px}.login-card .primary{width:100%}.error{background:#fff0f0;color:#a21b1b;padding:10px;border-radius:8px}header{height:62px;background:linear-gradient(90deg,#0b5fa5,#0b6fc2);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px}header b{font-size:22px}header span{margin-left:10px;font-size:12px;opacity:.9}.header-actions{display:flex;gap:9px;align-items:center}.header-actions .linkbtn{background:#ffffff18;color:white;border-color:#ffffff55}.layout{display:grid;grid-template-columns:270px 1fr;height:calc(100vh - 62px)}aside{background:white;border-right:1px solid #d6e0ea;padding:14px;overflow:auto}aside section{margin-bottom:20px}aside h3{margin:6px 0 8px;font-size:15px}.mini{font-size:11px;color:#6a7b8b}aside select{width:100%;padding:8px;border:1px solid #c7d2dc;border-radius:7px}.account-list button,#nav button{width:100%;text-align:left;background:transparent;border:0;border-radius:7px;padding:9px;margin:2px 0}.account-list button:hover,#nav button:hover,#nav button.active,.account-list button.active{background:#eaf4ff;color:#075895}.toolbar{height:54px;background:white;border-bottom:1px solid #d6e0ea;display:flex;gap:8px;align-items:center;padding:8px 12px}.toolbar input{min-width:280px;max-width:480px;flex:1;padding:9px;border:1px solid #c7d2dc;border-radius:8px}.toolbar button{padding:8px 12px;border:1px solid #c7d2dc;background:white;border-radius:8px}.toolbar span{margin-left:auto;font-size:12px;color:#5b7288}.content-grid{display:grid;grid-template-columns:minmax(360px,43%) 1fr;height:calc(100% - 54px)}#listPane{background:white;border-right:1px solid #d6e0ea;overflow:auto}#detailPane{overflow:auto;padding:20px;background:#fbfcfe}.msg{padding:12px 14px;border-bottom:1px solid #edf1f5;cursor:pointer}.msg:hover{background:#f5f9fd}.msg.unread{font-weight:700;background:#f2f8ff}.msg .top{display:flex;gap:8px;align-items:center}.msg .sender{flex:1}.msg .date{font-size:11px;color:#6b7d8f}.msg .subject{margin-top:5px}.badge{font-size:10px;padding:2px 6px;border-radius:10px;background:#e9eef3}.badge.warning{background:#fff4cc;color:#8c6700}.badge.danger{background:#ffe1e1;color:#9d1111}.empty{color:#7d8c99;text-align:center;margin-top:80px}.mail-head{background:white;padding:18px;border-radius:12px;border:1px solid #e0e7ee}.mail-head h2{margin:0 0 10px}.mail-body{margin-top:14px;background:white;padding:20px;border-radius:12px;border:1px solid #e0e7ee;min-height:250px}.attachments{margin-top:12px}.attachments a{display:inline-block;margin:4px;padding:6px 9px;border:1px solid #c8d4df;border-radius:7px;text-decoration:none}.modal{position:fixed;inset:0;background:#0b1f3377;display:grid;place-items:center;z-index:50;padding:20px}.modal-card{width:min(680px,96vw);max-height:94vh;overflow:auto;background:white;border-radius:14px;padding:18px;box-shadow:0 22px 70px #0004}.modal-card.wide{width:min(1100px,98vw)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h2{margin:0}.modal-head button{border:0;background:transparent;font-size:26px}.compose-fields label{display:grid;grid-template-columns:80px 1fr;align-items:center;margin:6px 0}.compose-fields input,.compose-fields select,.form-grid input,.form-grid textarea,.modal-card>label select{width:100%;padding:8px;border:1px solid #c9d4de;border-radius:7px}.row{display:flex;gap:6px}.row input{flex:1}.editorbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#f2f6fa;border:1px solid #d8e1e9;border-bottom:0;border-radius:8px 8px 0 0}.editorbar button,.editorbar select{border:1px solid #c7d2dc;background:white;border-radius:5px;padding:5px 8px}.colorctl{font-size:11px;display:flex;align-items:center;gap:3px}.editor{min-height:300px;background:white;border:1px solid #d8e1e9;padding:12px;outline:none}.compose-bottom{display:flex;align-items:center;gap:10px;margin-top:10px}.compose-bottom .primary{margin-left:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{font-size:12px}.span2{grid-column:1/-1}.right{text-align:right;margin-top:12px}.contact-row,.member-row{display:grid;grid-template-columns:32px 1.3fr 1.2fr 1.5fr auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #edf1f5}.member-row{grid-template-columns:1.5fr 1.5fr 180px}.picker-actions{margin-top:12px;display:flex;gap:8px;justify-content:flex-end}@media(max-width:900px){.layout{grid-template-columns:220px 1fr}.content-grid{grid-template-columns:1fr}#detailPane{position:fixed;inset:62px 0 0 0;z-index:20;display:none}#detailPane.open{display:block}.toolbar input{min-width:120px}}@media(max-width:650px){header span,#meName{display:none}.layout{grid-template-columns:1fr}aside{position:fixed;left:0;top:62px;bottom:0;width:250px;z-index:30;transform:translateX(-100%)}.content-grid{height:calc(100vh - 116px)}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.compose-fields label{grid-template-columns:1fr}.contact-row{grid-template-columns:28px 1fr}.contact-row>*:nth-child(n+3){display:none}}

:root{--user-font:'Yu Gothic';--user-size:14px}body{font-family:var(--user-font),system-ui,sans-serif;font-size:var(--user-size)}
.settings-card{width:min(1100px,96vw);height:min(820px,92vh);display:flex;flex-direction:column}.settings-layout{display:grid;grid-template-columns:210px 1fr;min-height:0;flex:1}.settings-nav{border-right:1px solid #e5e7eb;padding:8px;overflow:auto}.settings-nav button{display:block;width:100%;text-align:left;padding:11px 12px;margin:3px 0;border:0;background:transparent;border-radius:8px}.settings-nav button.active{background:#eaf2ff;color:#1d4ed8;font-weight:700}.settings-content{padding:18px 22px;overflow:auto}.settings-content>label{display:block;margin:12px 0}.settings-content select,.settings-content input:not([type=checkbox]),.settings-content textarea{width:100%;max-width:620px}.setting-check{display:flex!important;align-items:center;gap:9px;padding:8px 0}.setting-check input{width:auto!important}.settings-footer{display:flex;justify-content:space-between;border-top:1px solid #e5e7eb;padding:12px 18px}.tag-row,.folder-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:9px;border-bottom:1px solid #e5e7eb}.tag-dot{width:16px;height:16px;border-radius:50%}.security-box{margin-top:18px;padding:15px;border:1px solid #dbeafe;border-radius:12px}.security-box label{display:block;margin:10px 0}body[data-theme="dark"]{background:#111827;color:#e5e7eb}body[data-theme="dark"] header,body[data-theme="dark"] aside,body[data-theme="dark"] main,body[data-theme="dark"] .modal-card{background:#111827;color:#e5e7eb}body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea,body[data-theme="dark"] .msg,body[data-theme="dark"] .settings-nav button{background:#1f2937;color:#e5e7eb;border-color:#374151}body[data-theme="dark"] .settings-nav button.active{background:#1e3a5f}.dark-message .mail-body{background:#111827!important;color:#e5e7eb!important;padding:14px;border-radius:10px}@media(prefers-color-scheme:dark){body[data-theme="system"]{background:#111827;color:#e5e7eb}body[data-theme="system"] header,body[data-theme="system"] aside,body[data-theme="system"] main,body[data-theme="system"] .modal-card{background:#111827;color:#e5e7eb}body[data-theme="system"] input,body[data-theme="system"] select,body[data-theme="system"] textarea{background:#1f2937;color:#e5e7eb;border-color:#374151}}@media(max-width:760px){.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #e5e7eb}.settings-nav button{min-width:120px}.settings-card{height:96vh}}

/* v1.8.3 folders + rules */
.folder-head{display:flex;align-items:center;justify-content:space-between}.folder-head h3{margin:6px 0 8px}.folder-add{border:1px solid #c7d2dc;background:#fff;border-radius:6px;width:28px;height:28px;font-weight:700}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rule-grid label{display:flex;flex-direction:column;gap:5px}.rule-grid input,.rule-grid select{width:100%;padding:9px;border:1px solid #c9d4de;border-radius:7px}.rule-grid .checkline{flex-direction:row;align-items:center}.rule-grid .checkline input{width:auto}.rule-row{display:grid;grid-template-columns:38px minmax(250px,1.6fr) minmax(150px,.8fr) auto;gap:10px;align-items:center;padding:10px 8px;border-bottom:1px solid #e5e7eb}.rule-row button{margin:2px}.rule-no{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#1d4ed8;font-weight:700}.rule-actions{display:flex;gap:10px;margin-top:14px}.small-empty{margin-top:20px;margin-bottom:20px}#moveFolder{max-width:240px;padding:6px;border:1px solid #c7d2dc;border-radius:6px}@media(max-width:760px){.rule-grid{grid-template-columns:1fr}.rule-row{grid-template-columns:32px 1fr}.rule-row>span:nth-child(3),.rule-row>div:nth-child(4){grid-column:2}}