.overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#0f172a;border:1px solid #1e293b;border-radius:1rem;width:100%;max-width:24rem;padding:1.5rem;box-shadow:0 25px 50px #00000080}.modal h2{color:#fff;margin:0;font-size:1.125rem}.modal-subtitle{color:#cbd5e1;font-size:.75rem;line-height:1.5}.modal-actions{gap:.75rem;display:flex}.modal-actions>*{flex:1;justify-content:center}.success-mark{color:#052e16;background:#34d399;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;font-size:1.5rem;font-weight:800;display:grid}.success-value{overflow-wrap:anywhere;color:#a7f3d0;margin-top:.5rem;font-size:.75rem;display:block}.email-reader{flex-direction:column;gap:16px;margin-top:28px;display:flex}.reader-toolbar,.email-meta,.extractor-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.reader-brand,.reader-tools,.extractor-title,.view-tabs,.meta-chip{align-items:center;gap:8px;display:flex}.reader-brand{color:#d7f9ff;font-size:14px;font-weight:700}.reader-back{color:#67e8f9;background:#0c1e2d;border:1px solid #164e63;border-radius:8px;margin-left:10px;padding:5px 8px;font-size:11px;font-weight:700}.reader-brand svg,.extractor-title svg{color:#00e5ff}.reader-tools{gap:8px}.email-meta{color:#94a3b8;flex-wrap:wrap;font-size:11px}.meta-chip{background:#0c1422;border:1px solid #1e3445;border-radius:999px;padding:6px 9px}.extractor-card{background:linear-gradient(135deg,#0c1e2d,#101526);border:1px solid #00e5ff4d;border-radius:16px;padding:16px;box-shadow:0 0 24px #00e5ff14}.extractor-title{color:#5eead4;letter-spacing:.08em;font-size:11px;font-weight:800}.extractor-row{margin-top:12px}.extractor-row span{color:#94a3b8;font-size:12px;display:block}.extractor-row strong{color:#f8fafc;letter-spacing:.08em;margin-top:4px;font-size:30px;display:block}.view-tabs{border-bottom:1px solid #1e293b;overflow-x:auto}.view-tabs button{color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 12px;font-size:12px;font-weight:700;display:inline-flex}.view-tabs button.active{color:#67e8f9;border-color:#00e5ff}.email-paper{color:#172033;background:#fff;border-radius:16px;padding:28px 24px;box-shadow:0 16px 40px #00000040}.google-mark{color:#64748b;font-size:13px;font-weight:700}.google-mark span{color:#4285f4;margin-right:8px;font-size:24px}.email-paper h2{margin:26px 0 10px;font-size:26px}.email-paper p{color:#526074;max-width:520px;line-height:1.6}.verification-code{text-align:center;color:#1d4ed8;letter-spacing:.12em;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin:24px auto;padding:18px;font:700 26px ui-monospace,monospace}.email-note{font-size:12px!important}.plain-email,.raw-email{white-space:pre-wrap;overflow-wrap:anywhere;color:#334155;margin:0;font:13px/1.6 ui-monospace,monospace}@media (max-width:600px){.reader-toolbar,.extractor-row{align-items:flex-start}.extractor-row{flex-direction:column}.extractor-row .primary{justify-content:center;width:100%}.email-paper{padding:22px 16px}.email-paper h2{font-size:22px}.email-meta{flex-direction:column;align-items:flex-start}.meta-chip{overflow-wrap:anywhere;max-width:100%}}.section-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.clear-inbox,.delete-message{color:#fda4af;background:#1d1420;border:1px solid #3b2430;border-radius:9px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.clear-inbox:hover,.delete-message:hover{background:#3b1724}.message-toggle{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;display:grid}.message-toggle:hover{background:#151c2b}.message-summary{min-width:0;overflow:hidden}.message-summary strong,.sender-address{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sender-address{color:#64748b;margin-top:2px;font-size:11px}.message-summary p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chevron{color:#5eead4;font-size:22px}.message-row.expanded{border-color:#00a98e}.message-details{color:#94a3b8;padding:0 16px 16px 60px;font-size:13px;line-height:1.55}.message-details p{margin:7px 0}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#e2e8f0}.email-html{color:#111827;background:#fff;border:1px solid #1e293b;border-radius:12px;width:100%;min-height:260px;margin:12px 0}.message-details strong{color:#cbd5e1}.message-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.reader-action{color:#a5f3fc;background:#111827;border:1px solid #1e293b;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.reader-action:hover{background:#1e293b}.delete-message{margin-top:0}.copy-toast{z-index:60}@media (max-width:600px){.message-toggle{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.message-toggle time{display:none}.message-details{padding-left:16px}.section-heading{align-items:flex-start}.section-actions{justify-content:flex-end}.mailbox-header-actions{flex-direction:column;align-items:flex-end}.claim-input-row{flex-direction:column;align-items:stretch}.claim-input-row .sub{width:100%}}.segmented{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.segmented button{border-radius:12px;padding:8px 4px;font-size:12px;font-weight:600;color:#e2e8f0!important;background:#0e131d!important;border:1px solid #1e293b!important}.segmented button.active{box-shadow:0 0 12px #00e5bf59;color:#000!important;background:#00e5bf!important;border-color:#00e5bf!important}.segmented button:hover{color:#fff!important;background:#1e293b!important}.brand-name{background:linear-gradient(90deg,#00e5bf,#c4b5fd);letter-spacing:.08em;-webkit-background-clip:text;background-clip:text;font-weight:900;color:#0000!important}.logo-icon{border:1px solid #00e5bf;border-radius:10px;box-shadow:0 0 15px #00e5bf40}.temp-badge{color:#00e5bf;letter-spacing:.08em;border:1px solid #00e5bf80;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:800}.quick-action{white-space:nowrap;border-radius:12px;padding:8px 10px;font-size:11px;background:#111622!important;border:1px solid #1e2638!important}.quick-action:hover{box-shadow:0 0 15px #00e5bf40;color:#00e5bf!important;border-color:#00e5bf!important}.notice.toast{z-index:50;color:#00e5bf;background:#111622;border:1px solid #00e5bf;border-radius:12px;padding:10px 16px;animation:.2s ease-out toast-in;position:fixed;bottom:24px;left:auto;right:24px;transform:none;box-shadow:0 0 20px #00e5bf40}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.theme-cyber,.theme-cyber body,body{color:#fff;background:#0a0d14}.theme-cyber .card,.theme-cyber .navbar,.theme-cyber .modal,.theme-cyber .reader-modal,.card,.navbar,.modal,.reader-modal{color:#fff;background:#111622;border:1px solid #1e2638;border-radius:16px}.theme-cyber h1,.theme-cyber h2,.theme-cyber h3,.theme-cyber p,.theme-cyber label,.theme-cyber button,.theme-cyber a{color:#fff}.theme-cyber .muted,.theme-cyber small,.theme-cyber time,.theme-cyber .meta{color:#94a3b8}.theme-cyber input,.theme-cyber select,.theme-cyber textarea,.field{color:#fff;background:#111622;border:1px solid #1e2638}.theme-cyber input::placeholder,.theme-cyber textarea::placeholder{color:#94a3b8}.theme-cyber .tabs button,.theme-cyber .tab{color:#94a3b8;background:#161c2b;border:1px solid #1e2638}.theme-cyber .tabs button.active,.theme-cyber .tab.active{color:#00e5bf;background:#00e5bf1a;border-color:#00e5bf;box-shadow:0 0 15px #00e5bf40}.theme-cyber button.primary,.theme-cyber button.otp-pill,.theme-cyber .saved-toggle.is-open,.theme-cyber .copy-key{color:#000;background:#00e5bf;border-color:#00e5bf;font-weight:700;box-shadow:0 0 15px #00e5bf40}.theme-cyber .overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617c7}.theme-cyber .modal,.theme-cyber .reader-modal{border-radius:24px}.theme-cyber .email,.theme-cyber .otp-pill,.theme-cyber code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.saved-list{flex-direction:column;gap:8px;margin:12px 0;display:flex}.saved-list p{color:#71717a;text-align:center;font-size:12px}.restore-form{gap:6px;margin:10px 0;display:flex}.restore-form .field{flex:1;min-width:0}.saved-row{align-items:center;gap:8px;min-width:0;display:flex}.saved-row code{overflow-wrap:anywhere;word-break:break-word;flex:1;min-width:0}.saved-row .sub,.saved-row .trash-button{flex:none}.message-links{flex-direction:column;gap:6px;margin-top:8px;display:flex}.message-links a{color:#5eead4;overflow-wrap:anywhere;text-decoration:underline}.saved-row{align-items:center;gap:5px;display:flex}.action-button,.restore-form .sub,.generate-button{transition:background .15s,color .15s,border-color .15s,transform .1s,opacity .15s}.action-button:hover,.restore-form .sub:hover,.generate-button:hover{color:#00e5bf;background:#00e5bf1f;border-color:#00e5bf}.action-button:active,.restore-form .sub:active,.generate-button:active{background:#fed7aa;transform:translateY(1px)}.saved-toggle.is-open{color:#fff;background:#f97316;border-color:#ea580c}.save-email.is-saved{color:#fff;background:#16a34a;border-color:#15803d}.save-email.is-saved:hover{color:#fff;background:#15803d}.action-button:focus-visible,.restore-form .sub:focus-visible,.generate-button:focus-visible{outline-offset:2px;outline:3px solid #00e5bf}.saved-toggle.is-open:hover{color:#fff;background:#ea580c}.generate-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.copy-key{color:#fff;cursor:pointer;white-space:nowrap;background:#f97316;border:0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;box-shadow:0 1px 2px #0000001f}.copy-key:hover{color:#fff;background:#ffedd5}.email,.otp-pill,.saved-item{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.saved-item{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;display:flex}.saved-item:hover{color:#0f172a;background:#f8fafc}.saved-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-item b{color:#fff;background:#f97316;border-radius:999px;flex:none;padding:3px 7px;font-size:10px}.delete-button{color:#f87171;cursor:pointer;background:#ef444433;border:1px solid #ef444466;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;font-weight:700;display:flex}.icon-delete{font-size:12px;line-height:1}.reader-modal{background:#fff;border-radius:18px;width:min(100%,540px);max-height:88vh;padding:20px;position:relative;overflow:auto;box-shadow:0 24px 60px #00000040}.reader-header{align-items:center;gap:12px;padding-right:28px;display:flex}.reader-avatar{color:#f97316;background:#fff0e6;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.reader-header strong,.reader-header small{display:block}.reader-header strong{overflow-wrap:anywhere;font-size:13px}.reader-header small{color:#71717a;margin-top:3px;font-size:11px}.reader-modal h2{overflow-wrap:anywhere;margin:18px 0 14px;font-size:18px;line-height:1.35}.reader-body{border-top:1px solid #f4f4f5;padding-top:16px}.reader-body .message-body{background:#fff;margin:0}.reader-body .email-frame{min-height:420px}.notice{z-index:30;color:#9a3412;background:#fff8f5;border:1px solid #fed7aa;border-radius:999px;max-width:calc(100% - 32px);padding:8px 14px;font-size:12px;font-weight:700;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000001f}.delete-button:hover{background:#fee2e2}.clear-button{color:#dc2626;cursor:pointer;background:#fef2f2;border:0;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800}.mail-item{align-items:center;gap:8px;display:flex}.mail-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0}.mail-main b,.mail-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mail-main small{color:#71717a;margin-top:4px}.saved-item:hover{background:#ffedd5}.embedded-link{color:#f97316;word-break:break-word;font-weight:700;text-decoration:underline;display:inline-block}.overlay{z-index:20;background:#18181b99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(100%,520px);max-height:85vh;padding:22px;position:relative;overflow:auto;box-shadow:0 20px 40px #0003}.modal h2{margin:0 32px 8px 0;font-size:16px}.close{color:#71717a;cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:10px;right:14px}.meta{color:#71717a;margin:0 0 12px;font-size:11px}.message-body{white-space:pre-wrap;word-break:break-word;background:#fafafa;border:1px solid #f4f4f5;border-radius:10px;padding:14px;font-size:13px;line-height:1.6}.email-frame{background:#fff;border:1px solid #f4f4f5;border-radius:10px;width:100%;min-height:360px;display:block}.otp-strip{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.otp-pill{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.otp-pill:hover{color:#fff;background:#f97316}.custom-name{max-width:150px}.preferences{display:none!important}.delete-button{color:#f87171;background:#ef444433;border:1px solid #ef444466}.delete-button:hover{color:#fff;background:#ef4444}.live{animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{box-shadow:0 0 #00e5bf00}50%{box-shadow:0 0 15px #00e5bf40}}.preferences{color:#71717a;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;font-size:11px;display:flex}.preferences label{align-items:center;gap:5px;display:flex}.text-button,.icon-button{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.nav-tools{align-items:center;gap:10px;display:flex}.qr-modal{text-align:center}.qr-image{aspect-ratio:1;width:min(320px,100%);height:auto;image-rendering:pixelated;background:#fff;border-radius:10px;margin:14px auto;padding:10px;display:block}.qr-modal code{overflow-wrap:anywhere;color:#71717a;font-size:11px;display:block}.attachment-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.attachment-item{background:#fff8f5;border:1px solid #fed7aa;border-radius:10px;align-items:center;gap:8px;padding:7px;font-size:11px;display:flex}.attachment-item img{object-fit:cover;border-radius:6px;width:42px;height:42px}.custom-generator{grid-template-columns:1.2fr 1fr auto;gap:6px;margin:12px 0;display:grid}.custom-generator .field{min-width:0}.brand-name{color:#0f172a;font-weight:800}.clear-button{float:right;color:#f87171;background:#450a0a33;border:1px solid #ef44444d;border-radius:6px;align-items:center;margin:4px 0 8px;padding:4px 12px;font-size:12px;display:inline-flex}.clear-button:hover{background:#7f1d1d66}body{color:#e2e8f0;background:#0a0d14;font-family:Arial,Inter,sans-serif}.card,.navbar,.modal,.reader-modal{background:#0f172ae6;border-color:#1e293b;box-shadow:0 12px 35px #00e5bf0a}.primary,.otp-pill,.saved-toggle.is-open{color:#042f2e;background:#00e5bf;border-color:#00e5bf;box-shadow:0 0 22px #00e5bf1a}.primary:hover,.otp-pill:hover,.saved-toggle.is-open:hover{color:#042f2e;background:#2fffdc}.primary.copied{color:#020617;background:#34d399;font-weight:800}.logo,.hero h1,.card h2{color:#f8fafc}.logo span,.muted,.card p{color:#94a3b8}.field{color:#f8fafc;background:#0f172a;border-color:#334155}.field::placeholder{color:#64748b}.live{color:#34d399;background:#10b9811a;border-color:#10b9814d}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617c7}.modal,.reader-modal{border-radius:24px}.dark body{color:#f8fafc;background:#0a0d14}.dark .brand-name{color:#fff}.dark .clear-button{color:#f87171;background:#450a0a33;border-color:#ef44444d}.dark .clear-button:hover{background:#7f1d1d66}.dark .icon-button{color:#fff;background:#0f172a;border-color:#475569}.icon-button{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.dark input,.dark select,.dark textarea{color:#fff!important;background:#0f172a!important;border-color:#334155!important}.dark .saved-item{border-color:#e2e8f0;color:#0f172a!important;background:#fff!important}.dark .saved-item b{color:#fff}.dark .saved-item .copy-key{color:#c2410c;background:#fff7ed}.dark .live{color:#34d399;background:#10b9811a;border-color:#10b9814d}.dark input::placeholder,.dark textarea::placeholder{color:#94a3b8!important}.dark button{color:#f8fafc}.dark .sub,.dark .text-button,.dark .icon-button{background:#1e293b;border-color:#475569}.dark .primary{color:#fff;background:#f97316}.dark option{color:#fff;background:#0f172a}.dark .card,.dark .navbar,.dark .modal,.dark .reader-modal{color:#f8fafc;background:#0f172a;border-color:#334155}.dark .field,.dark .message-body{color:#f8fafc;background:#1e293b;border-color:#475569}.dark .hero h1,.dark .card h2,.dark .card strong{color:#f8fafc}.dark .mail-item{background:#1e293b;border-color:#334155}.preferences-modal{width:min(100% - 24px,560px);max-height:calc(100dvh - 24px);padding:24px;overflow-y:auto;border-radius:24px!important}.preferences-modal h2{margin:8px 0;font-size:clamp(1.5rem,6vw,2.25rem)}.preferences-modal .modal-subtitle{color:#94a3b8;margin-bottom:20px;font-size:14px;line-height:1.5}.preference-card{background:#161c2b;border:1px solid #263149;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:16px;display:flex}.preference-copy{gap:5px;min-width:0;display:grid}.preference-copy strong,.preference-group>strong{color:#fff;font-size:15px}.preference-copy span{color:#94a3b8;font-size:12px;line-height:1.5}.preference-group{gap:10px;padding:8px 0;display:grid}.test-sound{justify-self:start}.refresh-badge{color:#6ee7b7;background:#064e3b;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.switch{flex:none;width:48px;height:28px;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{cursor:pointer;background:#334155;border-radius:999px;position:absolute;inset:0}.switch span:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:#00e5bf}.switch input:checked+span:before{transform:translate(20px)}.preferences-modal label{color:#fff;margin:12px 0;display:block}.preference-pills{gap:8px;margin:10px 0 16px;display:flex}.preference-pills button{color:#94a3b8;background:#161c2b;border:1px solid #1e2638;border-radius:999px;padding:7px 12px}.preference-pills button.active{color:#000;background:#00e5bf;border-color:#00e5bf;box-shadow:0 0 15px #00e5bf40}.enabled-badge{color:#00e5bf;border:1px solid #00e5bf59;border-radius:999px;padding:3px 7px;font-size:11px}.feature-section{width:100%;min-width:0;overflow:hidden}.address-display{background:#0a0d14;border:1px solid #1e2638;border-radius:12px;width:100%;padding:12px 14px;display:block;overflow:hidden}.address-display code{overflow-wrap:anywhere;word-break:break-word;color:#00e5bf;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700;line-height:1.5;display:block}.address-copy{text-align:left;cursor:pointer;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:12px;display:flex;color:#fff!important;background:#0a0d14!important;border:1px solid #1e2638!important}.address-copy code{overflow-wrap:anywhere;word-break:break-word;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700;display:block;color:#00e5bf!important}.address-copy span{flex-shrink:0}.address-copy code{overflow-wrap:anywhere}.address-copy span{color:#00e5bf;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.address-copy:hover code{-webkit-text-decoration:underline #00e5bf;text-decoration:underline #00e5bf}.address-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.address-row code{overflow-wrap:anywhere;flex:1;min-width:0}.copy-button,.address-pill{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.live{white-space:nowrap;font-size:12px}.hero h1 span{color:#00e5bf!important;background:0 0!important}.copy-button,.sub,.address-pill,.expiry button,.trash-button{color:#fff!important;background:#161c2b!important;border:1px solid #1e2638!important}.copy-button.copied{color:#020617!important;background:#34d399!important}.trash-button:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.wrap{min-width:0;overflow:hidden}.navbar,.logo{min-width:0}.brand-name{white-space:nowrap}.temp-badge{flex:none}.stats{flex-wrap:wrap;gap:8px}.feature-stack{grid-template-columns:1fr;gap:16px;width:100%;min-width:0;max-width:36rem;margin:0 auto;padding:0 16px;display:grid}.feature-card{overflow-wrap:anywhere;min-width:0}.feature-card h3{font-size:1rem;line-height:1.35}.feature-card p{font-size:.8rem;line-height:1.6}@media (min-width:768px){.feature-stack{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}}.feature-section{max-width:1100px;margin:42px auto}.feature-section .eyebrow{color:#00e5bf;letter-spacing:.14em;text-align:center;font-size:12px;font-weight:800}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{background:#111622;border:1px solid #1e2638;border-radius:16px;padding:24px;box-shadow:0 0 15px #00e5bf14}.feature-check{color:#000;background:#00e5bf;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;font-weight:900;display:inline-flex}.feature-card h3{color:#fff;margin:18px 0 8px}.feature-card p{color:#94a3b8;margin:0;line-height:1.6}.faq-section details{background:#0c1422;border:1px solid #1e3445;border-radius:12px;transition:border-color .2s,background .2s;overflow:hidden}.faq-section details[open]{background:#0d1b2a;border-color:#155e75}.faq-section summary{color:#d7f9ff;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-size:13px;font-weight:700;line-height:1.45;list-style:none;display:flex}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:"+";color:#22d3ee;flex:none;font-size:18px;font-weight:400}.faq-section details[open] summary:after{content:"−"}.faq-section details p{color:#94a3b8;margin:0;padding:0 16px 16px;font-size:12px;line-height:1.65}.faq-section{max-width:760px;margin:34px auto}.faq-section .eyebrow{color:#00e5bf;letter-spacing:.14em;font-size:11px;font-weight:800}.faq-section details{border-bottom:1px solid #1e2638;padding:16px 0}.faq-section summary{color:#fff;cursor:pointer;font-weight:700}.faq-section details p{color:#94a3b8;margin:10px 0 0;line-height:1.6}.site-footer{text-align:center;color:#71717a;padding:28px 16px 40px;font-size:11px}.info-card{margin-top:16px}.info-card h2{margin:0 0 10px;font-size:15px;font-weight:800}.info-card p{color:#52525b;margin:0 0 16px;font-size:13px;line-height:1.6}.info-features{flex-direction:column;gap:14px;display:flex}.info-features article{flex-direction:column;gap:3px;padding-left:38px;display:flex;position:relative}.info-features article:before{content:"✓";color:#f97316;background:#fff0e6;border-radius:8px;place-items:center;width:26px;height:26px;font-weight:800;display:grid;position:absolute;top:0;left:0}.info-features strong{font-size:13px}.info-features span{color:#52525b;font-size:12px;line-height:1.5}*{box-sizing:border-box}html,body{color:#18181b;background:#fff9f6;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}.navbar{z-index:5;background:#fff;border-bottom:1px solid #feebe3;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.logo{color:#18181b;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.logo-icon{color:#f97316;background:#fff0e6;border:1.5px solid #f97316;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.logo span{color:#f97316}.live{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:700;display:flex}.dot{background:#16a34a;border-radius:50%;width:7px;height:7px}.wrap{max-width:520px;margin:auto;padding:20px 16px 50px}.stats{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;display:flex}.pill.visits{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.pill{border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700}.received{color:#15803d;background:#dcfce7}.sent{color:#0369a1;background:#e0f2fe}.hero{text-align:center;margin-bottom:20px}.hero h1{letter-spacing:-.8px;margin:0 0 12px;font-size:26px;font-weight:900;line-height:1.25}.hero h1 span{color:#18181b;text-underline-offset:2px;-webkit-text-decoration:underline #86efac;text-decoration:underline #86efac;text-decoration-thickness:4px}.features{flex-wrap:wrap;justify-content:center;gap:8px 14px;display:flex}.feature{color:#52525b;font-size:12px;font-weight:600}.feature b{color:#16a34a}.card{background:#fff;border:1px solid #fee4d7;border-radius:20px;margin-bottom:20px;padding:20px;box-shadow:0 10px 30px -10px #f9731614}.field{background:#fafafa;border:1.5px solid #f1f1f4;border-radius:12px;outline:none;width:100%;margin-bottom:10px;padding:13px 14px}.field:focus{background:#fff;border-color:#f97316}.email{padding-left:16px;font-weight:700}.primary{color:#fff;cursor:pointer;background:#f97316;border:0;border-radius:12px;width:100%;margin-bottom:12px;padding:13px;font-weight:800}.primary:hover{background:#ea580c}.mailbox-header{color:#94a3b8;border-bottom:1px solid #1e293b99;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.live-badge{color:#34d399;background:#064e3b99;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:10px;font-weight:500;display:flex}.live-badge i{background:#34d399;border-radius:999px;width:6px;height:6px;animation:1.5s infinite pulse}.refresh-pill{color:#5eead4;background:#102a2b;border:1px solid #1e8b75;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.compose-description{color:#94a3b8;margin:12px 0 18px;font-size:13px;line-height:1.6}.compose-form{gap:14px;display:grid}.compose-form label{color:#cbd5e1;gap:7px;font-size:13px;font-weight:700;display:grid}.compose-form textarea{resize:vertical;min-height:120px}.compose-footer{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.compose-footer [role=status]{color:#94a3b8;font-size:13px}.compose-card .section-heading>span{color:#64748b;font-size:12px}.mailbox-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.claim-button{color:#67e8f9;background:#082f49;border:1px solid #155e75;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:800}.claim-button:hover{color:#ecfeff;background:#0e7490}.claim-input-row{align-items:center;gap:8px;margin:16px 0;display:flex}.claim-input-row .field{flex:1;min-width:0}.mailbox-warning{color:#fda4af;background:#2a1117;border:1px solid #7f1d1d;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:12px;line-height:1.5}.custom-controls{gap:10px;margin-top:14px;display:grid}.restore-row{gap:8px;min-width:0;display:flex}.restore-row .restore-field{flex:1;min-width:0}.actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sub{color:#c2410c;cursor:pointer;background:#fff8f5;border:1px solid #fed7aa;border-radius:10px;padding:9px 4px;font-size:12px;font-weight:700}.tabs{border-bottom:1.5px solid #f4f4f5;gap:8px;margin-top:16px;padding-bottom:8px;display:flex}.tab{color:#52525b;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:800}.tab.active{color:#f97316;background:#fff7ed}.inbox-head{justify-content:space-between;align-items:center;margin:12px 0;display:flex}.inbox-head strong{font-size:14px}.timer{color:#9a3412;background:#fff7ed;border:1px solid #ffedd5;border-radius:20px;padding:3px 8px;font-size:11px}.mail-list{flex-direction:column;gap:10px;min-height:120px;display:flex}.mail{cursor:pointer;background:#fafafa;border:1px solid #f4f4f5;border-radius:14px;align-items:center;gap:12px;padding:13px 15px;display:flex}.mail:hover{background:#fff;border-color:#fed7aa}.avatar{color:#f97316;background:#fff0e6;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.mail-info{flex:1;min-width:0}.subject,.sender{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.subject{margin-bottom:2px;font-size:13px;font-weight:800}.sender{color:#52525b;font-size:11px}.empty{text-align:center;color:#a1a1aa;padding:32px 10px;font-size:13px}.title{margin:0 0 14px;font-size:15px;font-weight:800}.about{color:#52525b;font-size:13px;line-height:1.6}.about h3{color:#18181b;margin:14px 0 2px;font-size:13px}.modal{z-index:20;background:#18181b99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:min(480px,100%);max-height:85vh;padding:20px}.modal-head{border-bottom:1px solid #f4f4f5;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.close{cursor:pointer;background:0 0;border:0;font-size:18px}@media (max-width:380px){.actions{grid-template-columns:1fr}.sub{padding:10px}}
