:root{--mp-bg: #f8fafc;--mp-bg-card: #ffffff;--mp-text: #1e293b;--mp-text-muted: #64748b;--mp-primary: #3b82f6;--mp-primary-hover: #2563eb;--mp-border: #e2e8f0;--mp-radius: 12px;--mp-radius-sm: 8px;--mp-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--mp-shadow-lg: 0 10px 25px rgba(0,0,0,.1);--mp-success: #10b981;--mp-danger: #ef4444;--mp-warning: #f59e0b;--mp-font: system-ui, -apple-system, sans-serif;--mp-font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--mp-container: 720px}@media (prefers-color-scheme: dark){.mp-dark,:root:not([data-theme=light]){--mp-bg: #0f172a;--mp-bg-card: #1e293b;--mp-text: #f1f5f9;--mp-text-muted: #94a3b8;--mp-border: #334155;--mp-shadow: 0 1px 3px rgba(0,0,0,.3);--mp-shadow-lg: 0 10px 25px rgba(0,0,0,.4)}}:root[data-theme=dark],.mp-dark{--mp-bg: #0f172a;--mp-bg-card: #1e293b;--mp-text: #f1f5f9;--mp-text-muted: #94a3b8;--mp-border: #334155;--mp-shadow: 0 1px 3px rgba(0,0,0,.3);--mp-shadow-lg: 0 10px 25px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--mp-font);background:var(--mp-bg);color:var(--mp-text);line-height:1.6;min-height:100vh}.mp-container{max-width:var(--mp-container);margin:0 auto;padding:0 16px}.mp-header{border-bottom:1px solid var(--mp-border);background:var(--mp-bg-card);position:sticky;top:0;z-index:10}.mp-header__inner{display:flex;align-items:center;justify-content:space-between;height:56px}.mp-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--mp-text);font-weight:700;font-size:1.25rem}.mp-logo__icon{font-size:1.5rem}.mp-nav{display:flex;align-items:center;gap:16px}.mp-nav__link{color:var(--mp-text-muted);text-decoration:none;font-size:.875rem}.mp-nav__link:hover{color:var(--mp-primary)}.mp-theme-toggle{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:4px}.mp-main{padding:32px 0;min-height:calc(100vh - 104px)}.mp-footer{border-top:1px solid var(--mp-border);padding:12px 0}.mp-footer__inner{text-align:center;font-size:.8rem;color:var(--mp-text-muted)}.mp-card{background:var(--mp-bg-card);border:1px solid var(--mp-border);border-radius:var(--mp-radius);box-shadow:var(--mp-shadow);padding:24px}.mp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--mp-radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .1s}.mp-btn:active{transform:scale(.98)}.mp-btn--primary{background:var(--mp-primary);color:#fff}.mp-btn--primary:hover{background:var(--mp-primary-hover)}.mp-btn--secondary{background:var(--mp-bg);color:var(--mp-text);border:1px solid var(--mp-border)}.mp-address{font-family:var(--mp-font-mono);font-size:1.1rem;padding:12px 16px;background:var(--mp-bg);border:1px solid var(--mp-border);border-radius:var(--mp-radius-sm);-webkit-user-select:all;user-select:all;text-align:center}.mp-email-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--mp-border);cursor:pointer;transition:background .1s}.mp-email-item:hover{background:var(--mp-bg)}.mp-email-item--unread{font-weight:600}.mp-email-item__from{font-size:.85rem;color:var(--mp-text-muted);min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-email-item__subject{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-email-item__time{font-size:.8rem;color:var(--mp-text-muted);white-space:nowrap}.mp-otp-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--mp-success);color:#fff;font-family:var(--mp-font-mono);font-size:.85rem;font-weight:700}.mp-empty{text-align:center;padding:48px 16px;color:var(--mp-text-muted)}.mp-empty__icon{font-size:3rem;margin-bottom:12px}