@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}}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 24px;padding:4px;border-radius:11px;background:#eceae3}.auth-tabs button{border:0;border-radius:8px;padding:9px;background:transparent;color:#777a73;cursor:pointer}.auth-tabs button.active{background:#fff;color:#283b31;font-weight:600;box-shadow:0 2px 8px #26352d16}.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px}.auth-code-row button{border:1px solid #c9cec7;border-radius:9px;background:#eef1eb;color:#415348;cursor:pointer}.auth-code-row button:disabled{opacity:.55;cursor:default}.form-message{padding:10px 12px;border-radius:8px;background:#edf6ee;color:#376445;font-size:13px}.auth-loading{display:grid;min-height:100vh;place-items:center;background:#e9e6dc;color:#667168}.unified-auth{--auth-ink:#f2f5ff;--auth-ink-2:#d6dcee;--auth-muted:#8fa0c9;--auth-accent:#7db8ff;--auth-accent-2:#a5c8ff;--auth-glass:rgba(255,255,255,.06);--auth-glass-soft:rgba(255,255,255,.04);--auth-border:rgba(255,255,255,.14);--auth-border-strong:rgba(255,255,255,.22);position:relative;display:grid;grid-template-columns:1fr;min-height:100dvh;place-items:center;padding:28px 16px;overflow:hidden;color:var(--auth-ink);background:linear-gradient(135deg,#516275,#485464 40%,#3d4551)}.unified-auth:before{content:"";position:fixed;top:-10%;right:-10%;width:min(60vw,700px);height:min(60vw,700px);background:radial-gradient(circle,rgba(128,145,160,.85) 0%,rgba(128,145,160,.28) 50%,transparent 82%);filter:blur(20px);pointer-events:none}.unified-auth .auth-card{position:relative;width:min(100%,430px);margin:0;padding:34px 30px 30px;text-align:center;background:var(--auth-glass);border:1px solid var(--auth-border-strong);border-radius:28px;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)}.unified-auth .auth-logo{display:inline-flex;width:54px;height:54px;align-items:center;justify-content:center;color:var(--auth-accent-2);background:#7db8ff1f;border:1px solid rgba(125,184,255,.4);border-radius:18px;box-shadow:0 0 24px #7db8ff33}.unified-auth .auth-logo svg{width:28px;height:28px}.unified-auth .auth-kicker{margin:18px 0 6px;color:var(--auth-accent-2);font-size:12px;font-weight:700;letter-spacing:.16em}.unified-auth .auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:18px 0 22px;padding:4px;background:var(--auth-glass-soft);border:1px solid var(--auth-border);border-radius:999px}.unified-auth .auth-mode-tabs button{min-height:38px;color:var(--auth-muted);font-size:13px;font-weight:600;border:1px solid transparent;border-radius:999px;background:transparent;cursor:pointer}.unified-auth .auth-mode-tabs button.active{color:var(--auth-accent-2);background:#7db8ff1f;border-color:#7db8ff52}.unified-auth .auth-card h1{margin:0;color:var(--auth-ink);font:700 28px system-ui,sans-serif}.unified-auth .auth-subtitle{margin:10px auto 24px;color:var(--auth-muted);font-size:14px;line-height:1.65}.unified-auth .auth-form{text-align:left}.unified-auth .auth-form label{display:block;margin:14px 2px 8px;color:var(--auth-ink-2);font-size:13px;font-weight:600}.unified-auth .auth-form input{width:100%;height:48px;padding:0 15px;color:var(--auth-ink);background:var(--auth-glass-soft);border:1px solid var(--auth-border);border-radius:10px;outline:none}.unified-auth .auth-form input::placeholder{color:#d6dcee8c}.unified-auth .auth-form input:focus{background:var(--auth-glass);border-color:#7db8ff8c;box-shadow:0 0 0 4px #7db8ff33}.unified-auth .auth-code-row{grid-template-columns:1fr 126px;gap:10px}.unified-auth .auth-code-button,.unified-auth .auth-submit{color:var(--auth-ink);font-size:14px;font-weight:600;border:1px solid rgba(125,184,255,.4);border-radius:999px;background:#7db8ff1f;cursor:pointer}.unified-auth .auth-code-button:disabled,.unified-auth .auth-submit:disabled{opacity:.55;cursor:not-allowed}.unified-auth .auth-submit{width:100%;min-height:50px;margin-top:18px;color:#10223d;background:linear-gradient(135deg,var(--auth-accent-2),var(--auth-accent));box-shadow:0 8px 24px #4a8fef3d}.unified-auth .auth-message{margin:10px 2px 0;font-size:12px;line-height:1.5}.unified-auth .auth-message.success{color:#7dd8a6}.unified-auth .auth-message.error{color:#ff8a8a}.unified-auth .auth-text-button{margin-top:18px;padding:8px 14px;color:var(--auth-muted);font-size:13px;border:1px solid transparent;border-radius:999px;background:transparent;cursor:pointer}.unified-auth .auth-text-button:hover{color:var(--auth-accent-2);border-color:var(--auth-border);background:var(--auth-glass-soft)}@media (max-width:560px){.unified-auth .auth-card{width:min(100%,430px);padding:28px 20px 24px}.unified-auth .auth-code-row{grid-template-columns:1fr 112px}}