*{box-sizing:border-box}body{margin:0;font-family:BIZ UDPGothic,Noto Sans JP,system-ui,sans-serif;background:#f6f7f9;color:#1c2438}button{cursor:pointer}input,textarea,select{font:inherit}.wm-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#181f32,#24365e);padding:20px}.wm-login-card{background:#fff;border-radius:16px;padding:36px 32px;width:100%;max-width:380px;text-align:center;box-shadow:0 20px 60px #00000059}.wm-login-mark{width:72px;height:72px;border-radius:16px;object-fit:cover}.wm-login-card h1{margin:14px 0 2px;font-size:24px;color:#181f32}.wm-byline{color:#5b6b8c;font-size:13px;margin:0 0 20px;letter-spacing:.08em}.wm-login-card form{display:flex;flex-direction:column;gap:12px}.wm-login-card input{padding:12px 14px;border:1px solid #d5dae6;border-radius:10px}.wm-login-card select{padding:12px 14px;border:1px solid #d5dae6;border-radius:10px;background:#fff}.wm-hint{color:#8a94a8;font-size:12px;margin-top:16px}.wm-error{background:#fdecec;color:#b3261e;border-radius:8px;padding:10px 12px;font-size:14px}.wm-app{height:100vh;display:flex;flex-direction:column}.wm-topbar{display:flex;align-items:center;gap:10px;background:#181f32;color:#fff;padding:10px 14px;flex-wrap:wrap}.wm-hamburger{display:none;background:none;border:none;color:#fff;font-size:22px}.wm-topmark{width:32px;height:32px;border-radius:8px;object-fit:cover}.wm-toptitle{font-weight:700;font-size:17px;white-space:nowrap}.wm-search{display:flex;gap:6px;flex:1;min-width:200px}.wm-search input{flex:1;padding:8px 12px;border:none;border-radius:8px}.wm-search button{background:#50bdeb;color:#fff;border:none;border-radius:8px;padding:8px 12px}.wm-user{font-size:13px;color:#c6d0e4;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wm-btn{background:#2a3a5f;color:#fff;border:none;border-radius:8px;padding:8px 12px}.wm-btn-primary{background:#50bdeb;color:#fff;border:none;border-radius:10px;padding:12px;font-weight:700}.wm-body{display:flex;flex:1;min-height:0}.wm-folders{width:190px;flex:none;background:#fff;border-right:1px solid #e2e6ef;padding:10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.wm-folders-loading{padding:10px 12px;color:#8a94a8;font-size:13px}.wm-folders button{text-align:left;background:none;border:none;padding:10px 12px;border-radius:8px;font-size:14px}.wm-folders button.active{background:#e6f4fc;color:#0d6d99;font-weight:700}.wm-list{width:380px;flex:none;background:#fff;border-right:1px solid #e2e6ef;overflow-y:auto}.wm-msg{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #eef0f5;cursor:pointer}.wm-msg:hover{background:#f6f9fc}.wm-msg.selected{background:#e6f4fc}.wm-msg.unread .wm-subj,.wm-msg.unread .wm-from{font-weight:700}.wm-star{color:#e8a100;font-size:17px;flex:none}.wm-from{flex:none;width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.wm-subj{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.wm-date{flex:none;font-size:12px;color:#8a94a8}.wm-reader{flex:1;overflow-y:auto;padding:22px 26px;background:#fff;min-width:0}.wm-reader h2{margin:0 0 10px;font-size:21px}.wm-meta{color:#5b6b8c;font-size:13px;display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid #eef0f5}.wm-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.wm-actions button,.wm-actions select{padding:8px 12px;border-radius:8px;border:1px solid #d5dae6;background:#fff}.wm-atts{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0}.wm-atts a{background:#eef4fb;border-radius:8px;padding:8px 12px;text-decoration:none;color:#0d6d99;font-size:13px}.wm-bodyview iframe{width:100%;height:60vh;border:1px solid #e2e6ef;border-radius:10px;background:#fff}.wm-imgblock{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff7e0;border:1px solid #ecd28a;color:#6b5510;border-radius:10px;padding:8px 12px;margin-bottom:10px;font-size:13px}.wm-imgblock button{font:inherit;padding:4px 10px;border-radius:7px;border:1px solid #c9a93f;background:#fff;cursor:pointer}.wm-bodyview pre{white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.6}.wm-empty,.wm-loading{padding:40px 20px;text-align:center;color:#8a94a8}.wm-pager{display:flex;justify-content:space-between;align-items:center;padding:12px;font-size:13px}.wm-pager button{padding:8px 12px;border-radius:8px;border:1px solid #d5dae6;background:#fff}.wm-pager button:disabled{opacity:.4}.wm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a10208c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.wm-modal{background:#fff;border-radius:16px;padding:22px;width:100%;max-width:640px;max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.wm-modal h3{margin:0}.wm-modal input,.wm-modal textarea{padding:11px 13px;border:1px solid #d5dae6;border-radius:10px;width:100%}.wm-modal-actions{display:flex;gap:10px}.wm-modal-actions button{padding:11px 18px;border-radius:10px;border:1px solid #d5dae6;background:#fff}@media (max-width: 860px){.wm-hamburger{display:block}.wm-toptitle,.wm-user{display:none}.wm-folders{display:none;position:fixed;left:0;top:52px;bottom:0;z-index:40;box-shadow:4px 0 20px #00000026}.wm-folders.open{display:flex}.wm-body{flex-direction:column;overflow-y:auto}.wm-list{width:100%;flex:none;border-right:none;max-height:45vh}.wm-reader{padding:16px}.wm-from{width:90px}.wm-bodyview iframe{height:50vh}}