:root{color-scheme:light;--bg: #f7f6f2;--surface: #f0eee7;--card: #ffffff;--invert-bg: #17150f;--invert-fg: #f5f3ec;--border: #e7e3da;--border-soft: #efece5;--border-strong: #d6d1c4;--ink: #1b1915;--muted: #6c665c;--faint: #9a948a;--accent: #f5a524;--accent-hover: #e3960f;--accent-soft: #fdf1dc;--on-accent: #1b1509;--live: #22c55e;--ok-ink: #15803d;--ok-soft: #e8f7ee;--ok-border: #b6e5c6;--info: #3b82f6;--danger: #b91c1c;--danger-soft: #fdeceb;--danger-border: #f4c7c3;--code-bg: #101010;--code-fg: #e8e5dd;--r-panel: 18px;--r-card: 14px;--r-control: 10px;--container: 1120px;--font: "General Sans", "Be Vietnam Pro", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;--shadow-hero: 0 30px 70px rgba(24, 20, 10, .14);--shadow-card: 0 10px 26px rgba(24, 20, 10, .08);--shadow-pop: 0 8px 22px rgba(245, 165, 36, .35)}[data-theme=dark]{color-scheme:dark;--bg: #100f0d;--surface: #191813;--card: #1d1c17;--invert-bg: #f5f3ec;--invert-fg: #17150f;--border: #2b2922;--border-soft: #24221c;--border-strong: #3c382f;--ink: #f3f1ea;--muted: #a8a298;--faint: #7b766c;--accent: #f5a524;--accent-hover: #ffb63a;--accent-soft: #2a2113;--on-accent: #1b1509;--live: #22c55e;--ok-ink: #4ade80;--ok-soft: #12261a;--ok-border: #1f5133;--info: #60a5fa;--danger: #f87171;--danger-soft: #2a1614;--danger-border: #4d2a26;--shadow-hero: 0 30px 70px rgba(0, 0, 0, .55);--shadow-card: 0 10px 26px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5{line-height:1.2;margin:0 0 .5rem;letter-spacing:-.02em;font-weight:600}p{margin:0 0 .85rem}code,pre,output{font-family:var(--mono)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.page{min-height:60vh}.icon{flex:none}.muted{color:var(--muted)}.micro{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--faint)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:padding-box}.btn-primary,.btn-accent,.btn-secondary,.btn-ghost,.btn-light,.btn-icon,.btn-inline{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.btn-primary,.btn-accent{background:var(--accent);color:var(--on-accent);border:1px solid transparent;border-radius:var(--r-control);height:42px;padding:0 18px}.btn-primary:hover,.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-pop)}.btn-primary:active,.btn-accent:active,.btn-secondary:active,.btn-icon:active,.btn-light:active{transform:translateY(0)}.btn-secondary{background:var(--card);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--r-control);height:42px;padding:0 16px}.btn-secondary:hover{background:var(--surface)}.btn-secondary:disabled,.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--card);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--r-control);height:42px;padding:0 18px}.btn-ghost:hover{background:var(--surface);border-color:var(--accent)}.btn-light{background:var(--invert-bg);color:var(--invert-fg);border:1px solid transparent;border-radius:var(--r-control);height:46px;padding:0 22px}.btn-light:hover{transform:translateY(-1px)}.btn-icon{background:var(--card);border:1px solid var(--border-strong);color:var(--ink);width:42px;height:42px;border-radius:var(--r-control)}.btn-icon:hover:not(:disabled){background:var(--surface)}.btn-inline{background:none;border:none;color:inherit;text-decoration:underline;padding:0;font-weight:700}.copy-btn{display:inline-flex;align-items:center;gap:7px;background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);border-radius:var(--r-control);padding:0 14px;height:42px;font:inherit;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.copy-btn:hover{background:var(--card)}.copy-btn.is-copied{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok-ink)}.copy-btn.btn-accent{background:var(--accent);border-color:transparent;color:var(--on-accent)}.copy-btn.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-pop)}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent}.site-header.is-scrolled{border-bottom-color:var(--border)}.header-inner{display:flex;align-items:center;gap:22px;height:60px}.brand{display:inline-flex;align-items:center;gap:9px;margin-right:auto}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--invert-bg);color:var(--accent)}.brand-word{font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.brand-tld{color:var(--accent)}.main-nav{display:flex;align-items:center}.main-nav ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}.nav-link{font-size:14px;font-weight:600;color:var(--ink);transition:color .15s ease}.nav-link:hover,.nav-link.is-active{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle,.mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-control);border:none;background:transparent;color:var(--ink);cursor:pointer;transition:background .15s ease,color .15s ease}.theme-toggle:hover,.mobile-toggle:hover{background:var(--surface);color:var(--accent)}.mobile-toggle{display:none;border:1px solid var(--border-strong)}.header-cta{height:34px;padding:0 14px;font-size:14px;border-radius:var(--r-control)}.hero{position:relative;padding:72px 0 40px;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:-200px -10% auto;height:520px;background:radial-gradient(520px 300px at 20% 40%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),radial-gradient(560px 320px at 82% 20%,color-mix(in srgb,var(--info) 16%,transparent),transparent 70%);pointer-events:none;z-index:-1}.hero-inner{max-width:820px;margin:0 auto}.live-badge{display:inline-flex;align-items:center;gap:8px;background:var(--invert-bg);color:var(--accent);border-radius:var(--r-control);padding:8px 14px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:var(--shadow-card)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--faint)}.live-dot.is-on{background:var(--live);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00}}.hero h1{margin:24px auto 20px;max-width:17ch;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.04;letter-spacing:-.035em}.hero-lead{max-width:56ch;margin:0 auto 26px;font-size:1.12rem;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hero .hero-actions{justify-content:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;color:var(--accent);margin:0 0 12px}.hero-points{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:24px 0 0;padding:0;font-size:13px;font-weight:600;color:var(--muted)}.hero-points li,.tick-list li{display:flex;align-items:center;gap:7px}.hero-points .icon,.tick-list .icon{color:var(--ok-ink)}.mailapp{max-width:980px;margin:34px auto 0;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--shadow-hero);overflow:hidden;scroll-margin-top:84px}.mailapp-head{padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.mailapp-head .live-badge{background:transparent;color:var(--ok-ink);padding:0;box-shadow:none;font-size:11px;letter-spacing:.06em}.address-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.address-value{flex:1 1 320px;min-width:0;display:block;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--r-control);padding:11px 14px;font-size:15px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailapp-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-bottom:1px solid var(--border)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:12px}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;color:var(--muted)}.pill-accent{background:var(--accent);border-color:transparent;color:var(--on-accent);font-weight:700}.sync{font-size:12px;color:var(--faint)}.switch{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--muted);cursor:pointer}.switch input{accent-color:var(--accent);width:15px;height:15px}.notify-toggle{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--border-strong);background:var(--card);color:var(--muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.notify-toggle:hover{color:var(--ink)}.notify-toggle.is-on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent)}.notify-toggle.is-on .icon{color:var(--accent)}.alert{margin:12px 16px 0;padding:11px 14px;border-radius:var(--r-control);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--ink);font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.alert code{background:color-mix(in srgb,var(--accent) 18%,transparent);padding:1px 6px;border-radius:5px}.alert-error{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.mailapp-grid{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);min-height:340px}.inbox-panel{border-right:1px solid var(--border);min-width:0}.list-head{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 14px;border-bottom:1px solid var(--border-soft)}.list-count{font-size:11px;color:var(--faint)}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:44px 22px;color:var(--faint);min-height:300px}.inbox-empty p{margin:0;font-size:13px;color:var(--muted);font-weight:600}.inbox-empty span{font-size:12.5px;max-width:240px}.message-list{list-style:none;margin:0;padding:0;max-height:520px;overflow-y:auto}.message-list li{border-bottom:1px solid var(--border-soft)}.message-item{width:100%;display:flex;flex-direction:column;gap:3px;text-align:left;background:transparent;border:1px solid transparent;border-left:2px solid transparent;padding:11px 14px;cursor:pointer;font:inherit;color:var(--ink);transition:background .14s ease,border-color .14s ease}.message-item:hover{background:var(--surface)}.message-item.is-active{background:var(--surface);border-left-color:var(--accent)}.message-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.message-from{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.is-unread .message-from{color:var(--ink);font-weight:600}.unread-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.message-time{font-size:11px;color:var(--faint);white-space:nowrap}.message-subject{font-size:13.5px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.is-unread .message-subject{font-weight:700}.reader-panel{min-width:0}.reader{display:flex;flex-direction:column;height:100%}.reader-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:44px 26px;min-height:340px;color:var(--faint)}.reader-empty .icon{color:var(--border-strong)}.reader-empty h3{margin:4px 0 0;font-size:15px;color:var(--ink)}.reader-empty p{margin:0;font-size:13px;max-width:300px}.reader-head{padding:16px 20px;border-bottom:1px solid var(--border)}.reader-subject{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reader-subject h3{margin:0;font-size:17px;font-weight:600}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer}.icon-btn:hover{color:var(--accent);border-color:var(--accent)}.reader-meta{display:flex;flex-wrap:wrap;gap:6px 26px;margin:14px 0 0}.reader-meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--faint)}.reader-meta dd{margin:2px 0 0;font-size:13px;color:var(--ink);word-break:break-word}.code-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;background:var(--ok-soft);border:1px solid var(--ok-border);border-radius:var(--r-control)}.code-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--ok-ink)}.copy-btn.code-chip{background:var(--card);border-color:var(--ok-border);color:var(--ok-ink);height:34px;font-family:var(--mono);letter-spacing:.12em;font-size:15px;padding:0 14px}.copy-btn.code-chip.is-copied{background:var(--ok-ink);border-color:var(--ok-ink);color:#fff}.reader-tabs{display:flex;gap:6px;padding:12px 20px 0}.reader-tabs button{font:inherit;font-size:12.5px;font-weight:600;color:var(--faint);background:none;border:none;border-bottom:2px solid transparent;padding:4px 2px;cursor:pointer}.reader-tabs button.is-active{color:var(--ink);border-bottom-color:var(--accent)}.reader-body{flex:1;padding:16px 20px}.reader-frame{width:100%;min-height:340px;border:1px solid var(--border);border-radius:var(--r-control);background:#fff}.reader-text{margin:0;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.7;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-control);padding:16px}.reader-attachments{padding:0 20px 20px}.reader-attachments h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-bottom:10px}.attachment-list{display:flex;flex-wrap:wrap;gap:10px}.attachment{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:8px 13px;font-size:13px;color:var(--muted)}.attachment:hover{border-color:var(--accent);color:var(--accent)}.attachment.is-static{cursor:default}.att-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-size{color:var(--faint);font-size:12px}.spinner{width:24px;height:24px;border-radius:50%;border:2.5px solid var(--border-strong);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stats-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);margin-top:56px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats-grid div{padding:28px 16px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.stats-grid div:last-child{border-right:none}.stats-grid strong{font-size:26px;letter-spacing:-.03em;color:var(--ink)}.stats-grid span{font-size:12.5px;color:var(--muted)}.section{padding:74px 0}.section-tint{background:var(--surface)}.section-flat{padding:32px 0;border-bottom:1px solid var(--border)}.section-flat:last-of-type{border-bottom:none}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-head h2{font-size:clamp(1.5rem,3vw,1.9rem);margin:0}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:600;font-size:14px;white-space:nowrap}.text-link:hover{color:var(--accent-hover)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:20px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-card)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--accent);color:var(--on-accent);margin-bottom:14px}.feature-card h3{font-size:15px;margin-bottom:8px}.feature-card p{font-size:14px;color:var(--muted);margin:0}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:20px}.step-number{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--accent);color:var(--on-accent);font-family:var(--mono);font-size:12px;font-weight:600}.step-card:nth-child(2) .step-number{background:var(--live);color:#fff}.step-card:nth-child(3) .step-number{background:var(--info);color:#fff}.step-card h4{margin-top:14px;font-size:15px}.step-card p{font-size:14px;color:var(--muted);margin:0}.step-row{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--border)}.step-row:last-child{border-bottom:none}.step-row .step-number{flex:none;margin-top:2px}.step-row h3{margin-bottom:5px;font-size:16px}.step-row p{margin:0;color:var(--muted);font-size:14px}.tick-list{list-style:none;margin:16px 0 22px;padding:0;display:grid;gap:10px;font-size:14px;color:var(--muted)}.tick-list strong{color:var(--ink);font-weight:600}.cta-band{background:var(--invert-bg);color:var(--invert-fg);padding:54px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cta-inner h2{color:var(--invert-fg);margin-bottom:6px}.cta-inner p{color:color-mix(in srgb,var(--invert-fg) 72%,transparent);margin:0;max-width:520px}.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:40px;padding:26px 28px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--border)}.inline-cta h3{margin-bottom:4px;font-size:17px}.inline-cta p{margin:0;color:var(--muted);font-size:14px}.page-pad{padding-top:56px;padding-bottom:80px}.page-pad.narrow{max-width:840px}.page-head{margin-bottom:24px}.page-head h1{font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.03em;margin-bottom:12px}.page-head .lead{font-size:17px;color:var(--muted);max-width:640px}.page-head .hero-actions{justify-content:flex-start;margin-top:20px}.section-flat h2{font-size:22px;margin:4px 0 10px}.section-flat p{color:var(--muted)}.prose h2{font-size:19px;margin-top:28px}.prose p{color:var(--muted)}.limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.limit-card{display:flex;flex-direction:column;gap:3px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-control);padding:16px 18px}.limit-card span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:600}.limit-card strong{font-size:15px;font-weight:600}.faq-list{display:grid;gap:8px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:2px 18px;transition:border-color .15s ease}.faq-item[open]{border-color:var(--border-strong)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-weight:600;font-size:15px;padding:15px 0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:var(--r-control);background:var(--surface);color:var(--muted);transition:transform .22s ease,background .16s ease,color .16s ease}.faq-item[open] summary .icon{background:var(--accent);color:var(--on-accent);transform:rotate(45deg)}.faq-item p{margin:0 0 16px;color:var(--muted);font-size:14px;max-width:62ch}.toast{position:fixed;left:50%;bottom:24px;z-index:60;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-control);background:var(--invert-bg);color:var(--invert-fg);font-size:13px;font-weight:500;box-shadow:var(--shadow-card);opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.toast .icon{color:var(--accent)}.toast.is-visible{opacity:1;transform:translate(-50%)}.notfound{text-align:center}.notfound-code{display:block;font-family:var(--mono);font-size:3.4rem;font-weight:600;color:var(--border-strong);line-height:1}.notfound .hero-actions{margin-top:22px}.site-footer{border-top:1px solid var(--border);padding:52px 0 30px;background:var(--bg)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}.footer-brand .brand-mark{width:32px;height:32px;margin-bottom:12px}.footer-brand h4{font-size:16px}.footer-brand p{font-size:13.5px;color:var(--muted);max-width:300px}.footer-contact{font-weight:600;color:var(--ink)!important}.footer-col h5{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);margin-bottom:14px}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.footer-col a{font-size:13.5px;color:var(--muted);transition:color .15s ease}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:38px;padding-top:20px;border-top:1px solid var(--border)}.footer-bottom p{margin:0;font-size:12.5px;color:var(--faint)}.admin-login{display:flex;justify-content:center;padding:80px 24px 100px}.admin-login-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-panel);box-shadow:var(--shadow-hero);padding:30px;display:flex;flex-direction:column;gap:6px}.admin-login-card h1{font-size:22px;margin:14px 0 2px}.admin-login-card>p{color:var(--muted);font-size:14px;margin:0 0 10px}.field{display:flex;flex-direction:column;gap:6px;margin:8px 0}.field span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--faint)}.field input{font:inherit;font-size:14px;padding:11px 13px;border-radius:var(--r-control);border:1px solid var(--border-strong);background:var(--bg);color:var(--ink);outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.admin-login-card .btn-primary{margin-top:10px}.admin-error{color:var(--danger);font-size:13px;margin:4px 0 0}.admin-back{text-align:center;font-size:13px;color:var(--muted);margin-top:12px}.admin-back:hover{color:var(--accent)}.admin{padding:40px 24px 80px}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.admin-head h1{font-size:clamp(1.6rem,3vw,2.1rem);margin:0}.admin-sub{color:var(--muted);font-size:13px;margin:4px 0 0}.admin-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 0;color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-stat{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:18px 20px}.admin-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--faint)}.admin-stat strong{font-size:28px;letter-spacing:-.03em}.admin-stat-sub{font-size:12px;color:var(--muted)}.admin-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:22px;margin-bottom:18px}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.admin-card-head h2{font-size:17px;margin:0}.admin-note{font-size:13px;color:var(--muted);margin:0 0 14px}.admin-empty{font-size:13px;color:var(--faint);margin:0}.admin-chart{display:flex;align-items:flex-end;gap:6px;height:150px}.admin-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}.admin-bar{width:100%;max-width:34px;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,var(--accent),var(--accent-hover));min-height:2px;transition:height .3s ease}.admin-bar-wrap span{font-size:10px;color:var(--faint);font-family:var(--mono)}.admin-filters{display:flex;gap:6px;flex-wrap:wrap}.admin-filters button{font:inherit;font-size:12px;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 12px;cursor:pointer}.admin-filters button.is-active{background:var(--accent);border-color:transparent;color:var(--on-accent)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-control)}.admin-table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}.admin-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:600;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border);white-space:nowrap}.admin-table td{padding:10px 14px;border-bottom:1px solid var(--border-soft);color:var(--muted);vertical-align:top}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:var(--surface)}.admin-table td strong{color:var(--ink);font-weight:600}.admin-table .num{font-family:var(--mono);color:var(--ink)}.admin-table .nowrap{white-space:nowrap}.admin-table .ellipsis{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);white-space:nowrap}.event-message_received{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok-ink)}.event-address_generated{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent)}.event-message_opened{background:color-mix(in srgb,var(--info) 14%,transparent);border-color:color-mix(in srgb,var(--info) 40%,transparent);color:var(--info)}.admin-danger{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-color:var(--danger-border)}.admin-danger h2{font-size:16px;margin-bottom:4px}.admin-danger .admin-note{margin:0}.btn-danger{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--r-control);border:1px solid var(--danger-border);background:var(--danger-soft);color:var(--danger);font:inherit;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}@media (max-width: 980px){.feature-grid,.step-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.limit-grid,.admin-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 820px){.mobile-toggle{display:inline-flex}.header-cta{display:none}.main-nav{position:absolute;top:60px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-card);padding:8px 24px 16px;display:none}.main-nav.is-open{display:block}.main-nav ul{flex-direction:column;align-items:stretch;gap:0}.nav-link{display:block;padding:12px 0;border-bottom:1px solid var(--border-soft)}.mailapp-grid{grid-template-columns:1fr}.inbox-panel{border-right:none;border-bottom:1px solid var(--border)}.message-list{max-height:280px}.inbox-empty,.reader-empty{min-height:200px}}@media (max-width: 620px){.feature-grid,.step-grid,.stats-grid,.footer-grid,.limit-grid{grid-template-columns:1fr}.stats-grid div{border-right:none;border-bottom:1px solid var(--border)}.stats-grid div:last-child{border-bottom:none}.section{padding:52px 0}.section-head{flex-direction:column;align-items:flex-start}.hero{padding:52px 0 32px}.address-value{flex:1 1 100%;font-size:13.5px}.reader-body,.reader-head,.reader-attachments,.reader-tabs{padding-left:14px;padding-right:14px}.admin-stats{grid-template-columns:1fr}.admin-head-actions{width:100%}}@media (prefers-reduced-motion: reduce){*,.live-dot.is-on,.spinner{animation:none!important;transition:none!important}}