:root{--ground:#fbfaf6;--paper:#fff;--ink:#16182b;--ink-2:#2c2f45;--ink-3:#4a4d62;--muted:#6b6e80;--faint:#8a8d9e;--line:#e4e2da;--line-2:#eceae3;--accent:#315cf5;--accent-ink:#fff;--accent-soft:#dcebff;--accent-strong:#2447c7;--good:#1e9e6a;--good-soft:#ddf4e8;--good-ink:#157a52;--warn-soft:#ffe3d5;--warn-ink:#c2461c;--butter:#fff1c2;--butter-ink:#9a5b00;--violet-soft:#e9e5ff;--violet-ink:#5a46d6;--bad-soft:#fde8e6;--bad-ink:#b3261e;--radius:22px;--radius-s:14px;--font:"Manrope", "Segoe UI", system-ui, sans-serif;--display:"Sora", "Manrope", sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15.5px;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.page{position:relative;overflow:hidden}.blob{opacity:.55;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.blob.b1{background:var(--good-soft);width:420px;height:420px;top:60px;left:-140px}.blob.b2{background:var(--butter);width:360px;height:360px;top:-40px;right:-120px}.blob.b3{background:var(--violet-soft);width:220px;height:220px;display:none;top:620px;right:8%}@media (width>=1100px){.blob.b3{display:block}}.wrap{z-index:1;max-width:1280px;margin:0 auto;padding-inline:16px;position:relative}@media (width>=900px){.wrap{padding-inline:40px}}.top{align-items:center;gap:28px;height:72px;display:flex}.brand{color:var(--ink);font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand-mark{background:var(--accent);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-6deg)}.nav{gap:24px;font-size:15px;font-weight:600;display:none}.nav a{color:var(--ink-3)}@media (width>=760px){.nav{display:flex}}.spacer{flex:1}.lang-switcher{gap:4px;font-size:12.5px;font-weight:700;display:flex}.lang-switcher a{color:var(--ink-3);border-radius:8px;padding:4px 8px}.lang-switcher a.active{background:var(--accent-soft);color:var(--accent-strong)}.btn{border-radius:var(--radius-s);border:1px solid var(--line);background:var(--paper);height:46px;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.btn:hover{border-color:#cfcdc4}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 8px 18px -8px #315cf58c}.btn.primary:hover{filter:brightness(.96)}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.pill{background:var(--butter);border-color:var(--butter);color:var(--ink);border-radius:999px;height:44px}.btn.icon{width:46px;padding:0}.btn.sm{border-radius:9px;height:34px;padding:0 10px;font-size:13px}.btn.sm.icon{width:34px}.btn:disabled{opacity:.6;cursor:default}.hero{flex-direction:column;gap:40px;padding:28px 0 8px;display:flex}@media (width>=980px){.hero{flex-direction:row;align-items:center;gap:48px;padding-top:36px}}.hero-copy{flex-direction:column;flex:1 1 0;gap:16px;min-width:0;display:flex}.eyebrow-pill{background:var(--paper);border:1px solid var(--line);color:var(--good-ink);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}h1{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,5.5vw,58px);font-weight:800;line-height:1.03}.lede{color:var(--ink-3);max-width:46ch;margin:0;font-size:18px}.address-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;max-width:620px;padding:18px 20px;display:flex;box-shadow:0 18px 40px -24px #16182b59}.address-top{align-items:center;gap:14px;display:flex}.address-main{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:11.5px;font-weight:700}.address{font-family:var(--mono);color:var(--ink);white-space:normal;overflow-wrap:anywhere;font-size:clamp(15px,2.6vw,24px);font-weight:600}.ring{flex-shrink:0;width:64px;height:64px;position:relative}.ring svg{transform:rotate(-90deg)}.ring-label{font-family:var(--mono);flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:1.1;display:flex;position:absolute;inset:0}.ring-label small{color:var(--faint);font-size:9px;font-family:var(--font);font-weight:700}.address-actions{flex-wrap:wrap;gap:10px;display:flex}.domain-menu{position:relative}.menu{z-index:10;background:var(--paper);border:1px solid var(--line);border-radius:12px;min-width:260px;padding:6px;position:absolute;top:52px;left:0;box-shadow:0 16px 40px -20px #16182b66}.menu button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:14px;font-weight:600;display:flex}.menu button:hover{background:var(--ground)}.menu .age{color:var(--faint);margin-left:auto;font-size:12px;font-weight:600}.error-bar{background:var(--bad-soft);color:var(--bad-ink);border-radius:12px;max-width:620px;padding:12px 16px;font-size:14px;font-weight:600}.illustration{flex-shrink:0;width:100%;max-width:480px;margin:0 auto}@media (width>=980px){.illustration{width:460px;margin:0}}.illustration svg{width:100%;height:auto;display:block}.inbox-section{flex-direction:column;gap:14px;margin-top:44px;display:flex}.inbox-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.count-badge{background:var(--ink);color:#fff;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}.live{color:var(--good);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.dot{background:currentColor;border-radius:50%;width:8px;height:8px}.live .dot{animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hint{color:var(--muted);font-size:13.5px}.cards{flex-direction:column;gap:10px;display:flex}.card{background:var(--paper);border:1.5px solid var(--line);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.card.open{border-color:var(--accent)}.card-head{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;align-items:center;gap:14px;padding:16px 18px;display:flex}.avatar{width:44px;height:44px;font-family:var(--display);border-radius:14px;flex-shrink:0;place-items:center;font-size:17px;font-weight:800;display:grid}.card-body-summary{flex-direction:column;flex:1 1 0;gap:2px;min-width:0;display:flex}.card-from-row{align-items:center;gap:8px;display:flex}.card-from{font-size:15px;font-weight:700}.card-time{color:var(--faint);white-space:nowrap;font-size:12.5px;font-weight:600}.card-subject{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.tag{white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.tag.code{font-family:var(--mono);letter-spacing:2px;background:var(--butter);color:var(--ink);font-size:15px}.tag.link{background:var(--accent-soft);color:var(--accent-strong)}.tag.phish{background:var(--bad-soft);color:var(--bad-ink)}.unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.chev{color:var(--faint);flex-shrink:0;transition:transform .15s}.chev.open{transform:rotate(180deg)}.card-detail{flex-direction:column;gap:14px;padding:0 18px 18px 76px;display:flex}@media (width<=560px){.card-detail{padding-left:18px}}.strip{border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.strip.code{background:var(--ink);color:#fff}.strip.link{background:var(--accent-soft);color:var(--ink)}.strip.warn{background:var(--bad-soft);color:#7a1b15;font-size:14px;font-weight:600}.strip .k{letter-spacing:.1em;text-transform:uppercase;color:#a9adc4;font-size:11.5px;font-weight:700}.strip .big{font-family:var(--mono);letter-spacing:.14em;font-size:32px;font-weight:600}.frame{background:var(--ground);border-radius:14px;overflow:hidden}.frame iframe{background:#fff;border:0;width:100%;height:380px;display:block}.frame pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font);color:var(--ink-2);margin:0;padding:16px 18px;font-size:15px;line-height:1.6}.att-list{flex-wrap:wrap;gap:8px;display:flex}.att{border:1px solid var(--line);background:var(--paper);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.att small{color:var(--faint)}.meta-row{color:var(--faint);flex-wrap:wrap;align-items:center;gap:14px;font-size:12.5px;display:flex}.meta-row a,.meta-row button{color:var(--accent);background:0 0;border:0;padding:0;font-weight:600}.meta-row button.danger{color:var(--bad-ink)}.detail-loading{color:var(--muted);padding:20px;font-size:14px}.empty{text-align:center;color:var(--muted);background:var(--paper);border:1.5px dashed var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty strong{color:var(--ink);font-family:var(--display)}.empty-icon{animation:2.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.empty-live{margin-top:6px}.how{flex-direction:column;gap:16px;margin-top:48px;display:flex}.steps{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=760px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.step{border-radius:20px;flex-direction:column;gap:12px;padding:22px;display:flex}.step.s1{background:var(--good-soft)}.step.s2{background:var(--butter)}.step.s3{background:var(--violet-soft)}.step-head{justify-content:space-between;align-items:center;display:flex}.step-num{font-family:var(--display);letter-spacing:.04em;font-size:13px;font-weight:800}.step h3{font-family:var(--display);margin:0;font-size:18px;font-weight:700}.step p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.5}.trust{grid-template-columns:1fr;gap:12px;margin-top:26px;display:grid}@media (width>=700px){.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1040px){.trust{grid-template-columns:repeat(4,minmax(0,1fr))}}.trust-item{background:var(--paper);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.trust-ico{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.dev{background:var(--ink);color:#fff;border-radius:20px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px;padding:20px 22px;display:flex}.dev .ico{background:#ffffff1f;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.dev-copy{flex-direction:column;flex:240px;gap:2px;min-width:0;display:flex}.dev-copy strong{font-family:var(--display);font-size:15.5px}.dev-copy span{color:#c5c8da;font-size:13.5px}.dev.premium-strip{background:var(--accent)}.dev.premium-strip .dev-copy span{color:var(--accent-soft)}.link-btn.have-key{color:var(--ink-3);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:0;font-size:13px;text-decoration:underline}.key-form{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.key-form input{border-radius:var(--radius-s);border:1px solid var(--line);font-family:var(--mono);flex:240px;padding:10px 14px;font-size:13.5px}.key-form-error{color:var(--bad-ink,#b3261e);flex-basis:100%;font-size:13px}.modal-backdrop{z-index:80;background:#16182b73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius);background:var(--paper);text-align:center;width:100%;max-width:480px;padding:28px;box-shadow:0 30px 60px -20px #16182b80}.modal-card h2{font-family:var(--display);margin:0 0 12px;font-size:22px}.modal-card p{color:var(--ink-3);margin:0 0 4px;font-size:14.5px;line-height:1.6}.qr-box{border-radius:var(--radius-s);border:1px solid var(--line);background:#fff;width:fit-content;margin:18px auto 10px;padding:10px}.qr-box svg{display:block}.key-box{border-radius:var(--radius-s);background:var(--ground);border:1px solid var(--line);align-items:center;gap:10px;margin:18px 0;padding:14px 16px;display:flex}.key-box code{font-family:var(--mono);word-break:break-all;text-align:left;flex:1;font-size:13px}.admin-wrap{max-width:900px;margin:40px auto}.admin-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-key-form{gap:10px;margin-top:20px;display:flex}.admin-key-form input{border-radius:var(--radius-s);border:1px solid var(--line);flex:1;padding:10px 14px}.admin-notice{border-radius:var(--radius-s);background:var(--good-soft);color:var(--good-ink);margin-bottom:16px;padding:10px 14px;font-size:13.5px}.admin-section{margin-top:28px}.admin-section h2{font-family:var(--display);margin-bottom:12px;font-size:18px}.admin-stats-grid{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.admin-stat{border:1px solid var(--line);border-radius:var(--radius-s);flex-direction:column;gap:2px;min-width:120px;padding:12px 16px;display:flex}.admin-stat .k{color:var(--ink-3);font-size:12px}.admin-stat .v{font-size:20px;font-weight:700;font-family:var(--display)}.admin-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:13px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}.admin-search{gap:10px;margin-bottom:14px;display:flex}.admin-search input{border-radius:var(--radius-s);border:1px solid var(--line);flex:1;padding:8px 12px}.admin-actions{gap:6px;display:flex}.btn.danger{color:#b3261e;border-color:#f0c4bd}.faq{flex-direction:column;gap:14px;margin-top:26px;display:flex}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-list details{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:4px 18px}.faq-list summary{cursor:pointer;padding:14px 0;font-size:15px;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--faint);font-size:20px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--ink-2);margin:0 0 16px;font-size:14.5px;line-height:1.6}footer{z-index:1;color:var(--faint);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-top:40px;padding:18px 0 40px;font-size:12.5px;display:flex;position:relative}footer a{color:var(--faint)}.ad-slot{color:#a6a9b8;border:1px dashed #d5d3ca;border-radius:12px;place-items:center;width:100%;max-width:728px;height:90px;font-weight:600;display:grid}.toast{background:var(--ink);color:#fff;z-index:90;border-radius:10px;padding:10px 16px;font-size:13.5px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #0006}@media (prefers-reduced-motion:reduce){.live .dot,.empty-icon{animation:none}.chev{transition:none}}