*{box-sizing:border-box}html{background:#f6f4f1;color:#191919}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f4f1;color:#191919}a{color:#473a34}button,.button{appearance:none;border:0;border-radius:999px;background:#1d1d1d;color:#fff;padding:.85rem 1.2rem;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.button.secondary,button.secondary{background:#735a4c}.button.ghost,button.ghost{background:#fff;color:#25201d;border:1px solid #cfc9c4}.button.small{padding:.55rem .8rem;font-size:.9rem}.danger{background:#7a2525}.link-button{background:none;color:#473a34;padding:0;border-radius:0;text-decoration:underline;font-weight:500}.topbar{height:66px;background:#171717;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,54px);position:sticky;top:0;z-index:20}.brand{color:#fff;text-decoration:none;font-weight:850;letter-spacing:.08em}.brand span{font-weight:400;color:#ccc}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav a{color:#e9e9e9;text-decoration:none}.nav-toggle{display:none;background:transparent;padding:.5rem}.shell{max-width:1440px;margin:auto;padding:40px clamp(18px,4vw,50px) 70px}.shell-narrow{max-width:760px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1;margin:.2rem 0 .8rem}.page-head p{max-width:850px;color:#68615d;font-size:1.08rem;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:#815e49}.card,.mini-card,.stat{background:#fff;border:1px solid #e0dbd6;border-radius:22px;box-shadow:0 7px 24px rgba(25,20,15,.03)}.card{padding:30px;margin:22px 0}.card h1,.card h2,.card h3{margin-top:0}.stats,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{padding:28px}.stat strong{display:block;font-size:2.4rem}.stat span,.muted,.hint{color:#746d68}.mini-card{padding:24px}.notice{padding:16px 18px;border-radius:14px;margin-bottom:20px}.notice.success{background:#e9f7ef;color:#17643d;border:1px solid #bfe5ce}.notice.error{background:#fff0f0;color:#842b2b;border:1px solid #efc6c6}.form-grid,.compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}fieldset{border:1px solid #ddd5cf;border-radius:18px;padding:22px}legend{font-size:1.08rem;font-weight:800;padding:0 8px}.smtp-legend{margin-top:22px}label{display:flex;flex-direction:column;gap:7px;font-weight:700;margin-bottom:16px}input,select,textarea{width:100%;border:1px solid #cfc8c2;background:#fff;border-radius:13px;padding:13px 14px;font:inherit;color:#191919}textarea{resize:vertical;line-height:1.45}.span-all{grid-column:1/-1}.actions,.compose-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-card{padding:0;overflow:hidden}.table-card h2{padding:24px 28px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:18px 20px;border-bottom:1px solid #eee9e5;vertical-align:top}th{text-transform:uppercase;font-size:.78rem;letter-spacing:.06em;color:#6f6762}.row-actions{display:flex;gap:12px;align-items:center;white-space:nowrap}.row-actions form{display:flex;gap:10px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.check{padding:14px;border-radius:13px;background:#f4f2ef}.check.ok span{color:#187a4b}.check.bad span{color:#a52b2b}.security-cleanup{margin-top:22px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hidden{display:none!important}
/* mail */.mail-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}.mail-sidebar{background:#fff;border:1px solid #e0dbd6;border-radius:20px;padding:14px;position:sticky;top:86px}.mailbox-picker select{margin-bottom:12px}.folder-list{display:flex;flex-direction:column;gap:3px}.folder-list a{padding:10px 12px;border-radius:11px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-list a.active{background:#191919;color:#fff}.compose-mobile{width:100%;margin-bottom:10px}.mail-main{min-width:0}.mail-list-head,.message-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.mail-list-head h2{font-size:2rem;margin:0}.mail-search{display:flex;gap:8px;max-width:480px;width:100%}.mail-search button{padding:.7rem 1rem}.message-list{background:#fff;border:1px solid #e0dbd6;border-radius:18px;overflow:hidden}.message-row{display:grid;grid-template-columns:minmax(150px,28%) minmax(0,1fr) 150px;gap:18px;padding:15px 18px;text-decoration:none;border-bottom:1px solid #eee9e5;color:#28231f;align-items:center}.message-row:last-child{border-bottom:0}.message-row.unread{background:#fffdf7;font-weight:780}.message-from,.message-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-date{text-align:right;color:#77706b;font-size:.88rem}.pager{display:flex;justify-content:space-between;gap:16px;padding:16px 4px;color:#756e69}.message-card{background:#fff;border:1px solid #e0dbd6;border-radius:20px;padding:26px}.message-card h2{font-size:2rem;margin:0 0 16px}.message-meta{color:#665f5a;display:grid;gap:5px;margin-bottom:18px}.remote-note{background:#fff9df;border:1px solid #eee1a7;border-radius:12px;padding:10px 12px;margin-bottom:12px}.email-frame{width:100%;height:560px;border:1px solid #e5e0dc;border-radius:14px;background:#fff}.attachment-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.attachment-list h3{width:100%;margin-bottom:4px}.attachment-chip{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #ddd4ce;border-radius:999px;text-decoration:none;background:#faf9f7}.attachment-chip span{color:#756e69;font-size:.85rem}.empty-state{padding:38px;text-align:center;color:#77706b}
/* compose */.compose-card{max-width:1050px;margin-left:auto;margin-right:auto}.compose-grid{grid-template-columns:1fr 2fr}.compose-tabs{display:flex;gap:8px;border-bottom:1px solid #ddd6d0;padding-bottom:10px}.compose-tabs .tab{background:#eee9e5;color:#312b27;padding:.55rem .85rem}.compose-tabs .tab.active{background:#191919;color:#fff}.compose-preview{width:100%;height:500px;border:1px solid #d8d0ca;border-radius:14px;background:#fff}.existing-files{display:flex;flex-direction:column;gap:6px;background:#f7f4f1;padding:14px;border-radius:12px}.inline-check{flex-direction:row;align-items:center;font-weight:500}.inline-check input{width:auto}.status-pill{padding:5px 9px;border-radius:999px;background:#eee;font-size:.82rem}.status-scheduled{background:#e6efff;color:#244b8a}.status-draft{background:#f3eee6}.status-failed{background:#ffe9e9;color:#8a2828}.status-sent{background:#e6f5eb;color:#22653c}.error-small{color:#a12929;font-size:.8rem;margin-top:5px}
@media(max-width:900px){.topbar nav{display:none;position:absolute;top:66px;left:0;right:0;background:#171717;padding:18px 24px;flex-direction:column;align-items:flex-start}.topbar nav.open{display:flex}.nav-toggle{display:block}.stats,.cards,.form-grid,.compose-grid{grid-template-columns:1fr}.mail-layout{grid-template-columns:1fr}.mail-sidebar{position:static}.folder-list{flex-direction:row;overflow-x:auto;padding-bottom:4px}.folder-list a{flex:0 0 auto}.message-row{grid-template-columns:1fr auto}.message-subject{grid-column:1/-1;grid-row:2}.message-date{grid-column:2;grid-row:1}.mail-list-head{align-items:stretch;flex-direction:column}.mail-search{max-width:none}.message-toolbar{align-items:flex-start;flex-direction:column}.email-frame{height:500px}.page-head{flex-direction:column}.row-actions{white-space:normal}.check-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.shell{padding:24px 12px 60px}.topbar{padding:0 14px}.page-head h1{font-size:2.6rem}.card{padding:20px;border-radius:16px}.message-card{padding:18px}.message-row{padding:13px 12px}.message-from{font-size:.9rem}.message-date{font-size:.78rem}.email-frame{height:440px}.mail-sidebar{border-radius:14px}.check-grid{grid-template-columns:1fr}.compose-actions>*{flex:1 1 45%}.compose-tabs{overflow:auto}.compose-tabs .tab{white-space:nowrap}}

.conversation-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e0dbd6;border-radius:14px;padding:10px 12px;margin-bottom:12px}.conversation-strip a{padding:6px 9px;border-radius:9px;background:#f3f0ed;text-decoration:none;font-size:.86rem}.conversation-strip a.current{background:#191919;color:#fff}

/* v0.1.4 mobile-first hardening */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;overflow-x:hidden}
body{width:100%;max-width:100%;overflow-x:hidden}
.topbar{width:100%;max-width:100vw;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
.shell,.mail-layout,.mail-sidebar,.mail-main,.message-list,.mail-list-head,.mail-search{min-width:0;max-width:100%}
.mobile-folder-picker{display:none}

@media(max-width:900px){
  .topbar{height:58px}
  .brand{font-size:.92rem;white-space:nowrap}
  .nav-toggle{display:flex!important;width:44px;height:44px;align-items:center;justify-content:center;font-size:1.2rem;flex:0 0 auto}
  .topbar nav{top:58px;left:0;right:0;width:100vw;max-width:100vw;padding:14px max(18px,env(safe-area-inset-right)) 18px max(18px,env(safe-area-inset-left));gap:0;box-shadow:0 12px 24px rgba(0,0,0,.22)}
  .topbar nav a{width:100%;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.1);font-size:1rem}
  .topbar nav a:last-child{border-bottom:0}
  .shell{width:100%;padding:22px 14px 56px}
  .page-head{margin-bottom:18px;gap:12px}
  .page-head>div{min-width:0}
  .page-head h1{font-size:2.35rem;margin:.15rem 0 .55rem}
  .page-head p{font-size:.98rem;line-height:1.5;margin:0}
  .page-head>.button{display:none}
  .mail-layout{display:block;width:100%}
  .mail-sidebar{position:static;width:100%;max-width:100%;padding:12px;margin:0 0 16px;border-radius:16px;overflow:hidden}
  .mailbox-picker{width:100%;margin:0}
  .mailbox-picker select{width:100%;max-width:100%;margin-bottom:10px;font-size:16px}
  .compose-mobile{display:flex;width:100%;margin:0 0 10px;padding:.8rem 1rem}
  .folder-list{display:none!important}
  .mobile-folder-picker{display:block;width:100%;margin:0}
  .mobile-folder-picker label{margin:0;gap:5px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#6f6762}
  .mobile-folder-picker select{font-size:16px;margin:0}
  .mail-main{width:100%;max-width:100%}
  .mail-list-head{display:block;margin-bottom:12px}
  .mail-list-head h2{font-size:1.55rem;margin:0 0 10px}
  .mail-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%}
  .mail-search input{min-width:0;font-size:16px}
  .mail-search button{padding:.75rem 1rem}
  .message-list{width:100%;border-radius:14px}
  .message-row{width:100%;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:13px 12px;align-items:start}
  .message-from{grid-column:1;grid-row:1;min-width:0;font-size:.93rem}
  .message-date{grid-column:2;grid-row:1;white-space:nowrap;font-size:.75rem;padding-top:2px}
  .message-subject{grid-column:1/-1;grid-row:2;min-width:0;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3;font-size:.94rem}
  .pager{font-size:.86rem;padding:14px 2px;align-items:center}
  .message-toolbar{gap:10px;margin-bottom:12px}
  .message-toolbar>div{display:flex;gap:7px;flex-wrap:wrap;width:100%}
  .message-toolbar .button{flex:1 1 auto;padding:.7rem .8rem}
  .message-card{width:100%;max-width:100%;padding:16px;border-radius:15px;overflow:hidden}
  .message-card h2{font-size:1.45rem;overflow-wrap:anywhere}
  .message-meta{font-size:.9rem;overflow-wrap:anywhere}
  .conversation-strip{max-width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .conversation-strip>*{flex:0 0 auto}
  .email-frame{width:100%;max-width:100%;height:58vh;min-height:360px}
  .attachment-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .card,.mini-card,.stat{max-width:100%}
  .table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
  input,select,textarea{font-size:16px}
}

@media(max-width:560px){
  .shell{padding:18px 10px 50px}
  .page-head h1{font-size:2.1rem}
  .page-head p{font-size:.94rem}
  .eyebrow{font-size:.7rem}
  .mail-sidebar{padding:10px;border-radius:13px}
  .mail-search{grid-template-columns:1fr}
  .mail-search button{width:100%}
  .message-row{padding:12px 10px}
  .message-from{font-size:.9rem}
  .message-subject{font-size:.92rem}
  .message-date{font-size:.72rem}
  .pager{flex-wrap:wrap;justify-content:center;text-align:center}
  .pager span{order:-1;width:100%}
  .message-toolbar>div{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .message-toolbar>div .button:first-child{grid-column:1/-1}
  .message-card{padding:14px}
  .message-card h2{font-size:1.3rem}
  .email-frame{height:60vh;min-height:340px;border-radius:10px}
  .compose-card{padding:16px}
  .compose-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .compose-actions>*{width:100%;min-width:0}
  .compose-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  fieldset{padding:16px}
}

/* v0.1.5 conversation/reply status */
.message-status{font-size:.78rem;color:#6e665f;white-space:nowrap}.message-status.replied{font-weight:700}.conversation-strip strong{margin-right:4px}.conversation-strip a span{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#756e69}.conversation-strip a.current span{color:#ddd}.message-row:has(.message-status){grid-template-columns:minmax(150px,26%) minmax(0,1fr) auto 150px}@media(max-width:900px){.message-status{grid-column:2;grid-row:2;align-self:start}.message-row:has(.message-status){grid-template-columns:minmax(0,1fr) auto}.message-row:has(.message-status) .message-subject{grid-column:1;grid-row:2;padding-right:8px}}

/* v0.1.6 daily-use polish */
.nav-reload{background:transparent;color:#e9e9e9;padding:0;border-radius:0;font-weight:500}.nav-reload:hover{color:#fff}.folder-list a{display:flex;align-items:center;justify-content:space-between;gap:8px}.folder-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#eee8e3;color:#4b433e;font-size:.75rem}.folder-list a.active .folder-count{background:#fff;color:#191919}.sync-status{font-size:.84rem;color:#746d68;margin-top:4px}.refresh-link{font-weight:700;text-decoration:none}.refresh-link:hover{text-decoration:underline}.message-secondary-actions{margin:-4px 0 16px}.message-secondary-actions form{display:flex;gap:8px;flex-wrap:wrap}.star-indicator{color:#8a643f}.message-primary-actions{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:900px){.nav-reload{padding:.2rem 0}.message-secondary-actions form{display:grid;grid-template-columns:1fr 1fr;width:100%}.message-secondary-actions button{width:100%}.sync-status{margin-bottom:8px}}
@media(max-width:560px){.message-secondary-actions form{grid-template-columns:1fr 1fr}.sync-status{font-size:.78rem}.folder-count{min-width:22px;height:22px}}