/* Alternative working view: a single column, quiet dividers, no card chrome. */
:root{background:#111315;color:#eceeed}
body{background:none}
main{max-width:820px;padding-top:48px}
header{margin-bottom:48px}
.brand{font-size:1.5rem;letter-spacing:-1px}
.brand span{font-size:.7rem}
.mailbox{padding:0 0 26px;background:none;border:0;border-bottom:1px solid #303432;border-radius:0;box-shadow:none}
.mailbox:focus-within{box-shadow:none;border-color:#303432}
.eyebrow{color:#a0aaa5;font-size:.75rem;letter-spacing:1px}
.address-row{gap:16px;margin:14px 0 24px}
#address{font-size:clamp(1rem,2.2vw,1.2rem);font-weight:500}
button{padding:9px 12px;font-size:.85rem;border-radius:6px;background:transparent;border-color:#3c443f}
button:hover{background:#232a25}
#copy{min-width:134px;background:#c5efab;border-color:#c5efab}
#copy:not(:disabled):hover{background:#d3f5bf;box-shadow:none}
.timer{gap:10px}
.timer span{font-size:1.25rem;font-weight:500}
.timer small{max-width:none;color:#a0aaa5;font-size:.8rem}
.track{display:none}
#status{font-size:.85rem;margin:10px 0;min-height:24px}
.inbox{border:0;border-radius:0}
.inbox-heading{padding:12px 0;border-bottom:1px solid #303432}
.inbox-heading button{border-color:transparent;color:#aab6ae}
h1{font-weight:500;font-size:.95rem}
#count{background:none;padding:0;color:#99a29b;font-weight:400}
.empty{padding:64px 16px}
.empty-icon{display:none}
.empty h2{font-size:.9rem;color:#929e95;font-weight:400;margin:0}
details{padding:18px 0;border-color:#303432}
summary{font-size:.95rem}
.meta{font-size:.8rem;color:#99a59d}
pre{background:#191d1a;padding:16px;border-radius:6px}
@media(max-width:640px){main{padding:28px 20px}.address-row{gap:14px}header{margin-bottom:36px}.timer{width:auto;margin:0 auto 0 0}.timer small{display:none}.controls button{flex:initial}.controls{gap:8px}}