@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Serif+SC:wght@600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#252822;background:#f4f3ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:inherit}.eyebrow{margin:0 0 10px;color:#9a6c43;font-size:11px;font-weight:600;letter-spacing:.18em}.brand-mark{display:grid;width:52px;height:52px;border-radius:16px;place-items:center;background:#28342c;color:#f4e9d8;font:700 28px "Noto Serif SC",serif;box-shadow:0 10px 28px #25352d24}.brand-mark.small{width:36px;height:36px;border-radius:11px;font-size:19px}.primary{width:100%;border:0;border-radius:10px;padding:13px 18px;background:#283b31;color:#fff;font-weight:600;cursor:pointer}.primary:disabled{opacity:.6}.text-button{border:0;background:none;color:#7e5939;cursor:pointer}.form-error{padding:10px 12px;border-radius:8px;background:#fff0ea;color:#a8462d;font-size:13px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#e9e6dc}.auth-story{display:flex;flex-direction:column;justify-content:center;padding:12vw;background:radial-gradient(circle at 20% 20%,#fff9e8 0,transparent 38%),linear-gradient(145deg,#e9e5d9,#d9dfd5)}.auth-story h1{font:700 clamp(42px,5vw,76px)/1.22 "Noto Serif SC",serif;margin:28px 0;color:#26352d}.auth-story>p:last-child{color:#667168;font-size:17px}.auth-card{align-self:center;width:min(380px,80%);margin:auto;padding:46px;background:#fbfaf7;border:1px solid #ddd9ce;border-radius:20px;box-shadow:0 24px 70px #35423916}.auth-card h2,.modal h2{font:700 29px "Noto Serif SC",serif;margin:0 0 30px}.auth-card label,.modal label{display:grid;gap:8px;margin:16px 0;color:#5a5e57;font-size:13px}.auth-card input,.modal input,.modal select,.modal textarea{width:100%;border:1px solid #d6d4ca;border-radius:9px;background:#fff;padding:11px 12px;outline:none}.auth-card input:focus,.modal input:focus,.modal textarea:focus{border-color:#7d917f;box-shadow:0 0 0 3px #829b8420}.auth-card .primary{margin:10px 0 16px}.mail-shell{height:100vh;display:grid;grid-template-columns:250px 370px minmax(400px,1fr);overflow:hidden}.sidebar{display:flex;flex-direction:column;padding:22px 14px;background:#e7e6dd;border-right:1px solid #d4d4ca}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;margin-bottom:24px}.compose-button{border:0;border-radius:11px;background:#2d4135;color:#fff;padding:13px;cursor:pointer;box-shadow:0 8px 20px #2d413522}.section-title{margin:23px 11px 8px;color:#96978e;font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.mailbox-button{display:flex;width:100%;align-items:center;gap:10px;border:0;border-radius:10px;background:none;padding:10px;text-align:left;cursor:pointer}.mailbox-button:hover,.mailbox-button.active{background:#f5f4ee}.mailbox-button span:last-child,.profile span{display:grid;min-width:0}.mailbox-button strong{font-size:13px}.mailbox-button small,.profile small{overflow:hidden;color:#85877f;font-size:10px;text-overflow:ellipsis}.add-mailbox{border:0;background:none;padding:10px;color:#766047;text-align:left;cursor:pointer}.profile{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px 5px;border-top:1px solid #d0d0c6}.avatar{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:50%;background:#c9d4ca;color:#294133;font-weight:600}.profile button{margin-left:auto;border:0;background:none;color:#8b6750;font-size:11px;cursor:pointer}.message-list{overflow:auto;background:#f8f7f2;border-right:1px solid #deddd5}.message-list>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:30px 26px 20px;background:#f8f7f2e8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.message-list h1{margin:0;font:700 20px "Noto Serif SC",serif}.icon-button{width:34px;height:34px;border:1px solid #deddd4;border-radius:9px;background:#fff;cursor:pointer}.message-row{display:block;width:calc(100% - 24px);margin:2px 12px;padding:17px 14px;border:0;border-bottom:1px solid #e5e3da;border-radius:8px;background:none;text-align:left;cursor:pointer}.message-row:hover,.message-row.selected{background:#eeeee7}.message-row.unread{box-shadow:inset 3px 0 #a36e42}.message-meta{display:flex;justify-content:space-between;gap:8px}.message-meta strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.message-meta time{color:#99998f;font-size:10px}.message-row h3{margin:7px 0 4px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.message-row p{margin:0;overflow:hidden;color:#95958d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.empty{padding:80px 30px;color:#989b92;text-align:center}.empty span{font-size:32px}.empty h3{color:#5b625b}.reader{overflow:auto;background:#fff}.reader article{max-width:820px;margin:auto;padding:54px clamp(35px,6vw,88px)}.reader article>header{padding-bottom:25px;border-bottom:1px solid #eceae3}.reader h1{margin:0 0 24px;font:700 clamp(25px,3vw,38px)/1.35 "Noto Serif SC",serif}.sender-line{display:flex;align-items:center;gap:11px}.sender-line span{display:grid}.sender-line small{color:#989990;font-size:11px}.plain-body{padding:36px 0;color:#3f443f;line-height:1.85;white-space:pre-wrap}.reader iframe{width:100%;min-height:520px;margin-top:28px;border:0}.reader-placeholder{display:grid;height:100%;place-content:center;color:#93958f;text-align:center}.reader-placeholder .seal{display:grid;width:70px;height:70px;margin:auto;place-items:center;border:1px solid #c6c9c2;border-radius:50%;font:700 28px "Noto Serif SC",serif;color:#607066}.reader-placeholder h2{color:#4c554f;font:600 21px "Noto Serif SC",serif}.modal-backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#20302766;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;width:min(480px,100%);padding:38px;border-radius:18px;background:#faf9f5;box-shadow:0 30px 100px #14211b66}.modal.compose{width:min(620px,100%)}.modal-close{position:absolute;top:18px;right:18px;border:0;background:none;font-size:25px;cursor:pointer}.address-input{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px}.modal textarea{resize:vertical}.toast{position:fixed;z-index:20;right:26px;bottom:26px;padding:13px 18px;border-radius:10px;background:#263c30;color:#fff;box-shadow:0 12px 34px #1c2c2466}@media (max-width:950px){.mail-shell{grid-template-columns:210px 1fr}.reader{position:fixed;z-index:3;top:0;right:0;bottom:0;left:210px}.reader:has(.reader-placeholder){display:none}.auth-shell{grid-template-columns:1fr}.auth-story{display:none}}@media (max-width:620px){.mail-shell{grid-template-columns:1fr}.sidebar{display:none}.reader{top:0;right:0;bottom:0;left:0}.auth-card{width:90%;padding:34px}.message-list>header{padding-top:20px}}