:root{--bg: #0b0b0e;--surface: #141416;--surface-2: #1f1f25;--text: #f4f1ea;--muted: #a9b0be;--border: #f4f1ea;--ink: #0b0b0e;--accent: #d9ff36;--accent-2: #ff3b30;--glow: rgba(217, 255, 54, .4);--glow-2: rgba(255, 59, 48, .4);--mail-bg: #ffffff;color-scheme:dark;interpolate-size:allow-keywords}[data-theme=light]{--bg: #f2f7f5;--surface: #ffffff;--surface-2: #e4e9e5;--text: #0b0b0e;--muted: #3d4451;--border: #0b0b0e;--ink: #0b0b0e;--accent: #65a30d;--accent-2: #dc2626;--glow: rgba(101, 163, 13, .3);--glow-2: rgba(220, 38, 38, .28);--mail-bg: #ffffff;color-scheme:light}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:monospace;background-color:var(--bg);color:var(--text);font-size:1.05rem}::selection{background:var(--accent);color:var(--ink)}section{padding-bottom:3rem}main{margin:0 auto;padding:2rem;max-width:80rem}h1,h2,h3{color:var(--text)}h1{font-weight:700;font-size:3rem;margin-bottom:1rem}@media (max-width: calc(48rem - 1px)){h1{font-size:1.75rem}}h2{font-weight:700;font-size:2rem}@media (max-width: calc(48rem - 1px)){h2{font-weight:700;font-size:1.75rem}}p{color:var(--muted)}input::placeholder{color:var(--muted);opacity:.8}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--bg)}*::-webkit-scrollbar-thumb{background:var(--surface-2);border:2px solid var(--border);border-radius:6px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 14px var(--glow)}nav{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0 2rem;background-color:var(--bg);border-bottom:2px solid var(--border)}nav>:first-child{font-weight:700;font-size:1.25rem;color:var(--text)}nav a{padding:1.5rem .5rem;text-decoration:none;color:var(--text);display:inline-block}nav .right-nav{display:flex;justify-content:space-around;align-items:center;gap:2rem}nav ul{display:flex;justify-content:space-around;align-items:center;gap:2rem;list-style:none}@media (max-width: calc(48rem - 1px)){nav ul{display:none}}nav ul a{position:relative}nav ul a:after{content:"";position:absolute;bottom:1.25rem;left:0;width:0;height:2px;background-color:var(--accent);box-shadow:0 0 8px var(--glow);transition:all ease .3s}nav ul a:hover:after{width:100%}nav .cta-btn{background-color:var(--bg);border:2px solid var(--text);color:var(--text);font-weight:700;padding:.65rem .75rem;border-radius:8px}nav .cta-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--accent)}nav .cta-btn:active{box-shadow:0 0 0 0 var(--shadow);transform:translate(4px,4px)}#home{min-height:50dvh;display:grid;grid-template-columns:repeat(2,1fr);align-items:center}@media (max-width: calc(48rem - 1px)){#home{grid-template-rows:1fr;grid-template-columns:1fr}}#home .highlight{background:var(--accent);color:var(--ink);padding:0 .35rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;border:2px solid var(--ink);box-shadow:3px 3px 0 0 var(--shadow),0 0 18px var(--glow);text-shadow:none}#home p{margin-bottom:3rem}#home .cta-group{display:flex;align-items:center;gap:2rem}#home .cta-group a{padding:.5rem 1rem;text-decoration:none;color:var(--ink);font-weight:700;background-color:var(--accent);transition:all ease .3s}#home .cta-group a:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--accent-2)}.features{list-style:none;margin-top:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);align-items:stretch}@media (max-width: calc(48rem - 1px)){.features{grid-template-columns:1fr}}.features .feature-card{display:block;background-color:var(--surface);padding:1.25rem 1rem;border-radius:4px;height:100%;border-top:6px solid var(--accent);transition:all ease .3s}.features .feature-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--accent)}.features .feature-card:nth-child(2n){border-top-color:var(--accent-2)}.features .feature-card:nth-child(2n):hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--accent-2)}.features .feature-card h3{margin-bottom:1rem;color:var(--text)}.features .feature-card p{line-height:1.5rem;color:var(--muted)}#cta{text-align:center;max-width:80%;margin:4rem auto}@media (max-width: calc(48rem - 1px)){#cta{max-width:100%}}#cta>*{margin-bottom:2rem}#cta h2{color:var(--text)}#cta a{display:inline-block;cursor:pointer;color:var(--text);background-color:var(--bg);font-size:1.1rem;font-weight:700;text-decoration:none;padding:.75rem 1rem;border:3px solid var(--text);transition:all ease .3s}#cta a:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--accent)}#faq h2{text-align:center;margin-bottom:1rem}#faq ul{margin:0 auto;max-width:80%;list-style:none;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: calc(48rem - 1px)){#faq ul{max-width:100%}}#faq ul .faq-item{border-radius:4px;background-color:var(--surface)}#faq ul .faq-item details::details-content{height:0;overflow:hidden;transition:all .3s ease}#faq ul .faq-item details[open]::details-content{height:max-content}#faq ul .faq-item p,#faq ul .faq-item summary{padding:.75rem 1rem}#faq ul .faq-item summary{font-weight:600;color:var(--text);position:relative;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}#faq ul .faq-item summary:after{content:"+";flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;font-weight:700;color:var(--ink);background:var(--accent);border:2px solid var(--border);border-radius:4px}#faq ul .faq-item summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}#faq ul .faq-item summary::marker{content:""}#faq ul .faq-item details[open] summary:after{content:"–";background:var(--accent-2)}#faq ul .faq-item p{border-top:2px solid var(--border)}footer{width:100%;padding:3rem 2rem;text-align:center;border-top:2px solid var(--border);background-color:var(--bg)}footer .footer-links{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}footer .footer-links a{color:var(--text);text-decoration:none}footer .footer-links a:hover{color:var(--accent);text-shadow:0 0 12px var(--glow)}footer p{color:var(--muted)}#welcome{text-align:center;max-width:80%;margin:0 auto;padding-top:8rem;padding-bottom:4rem}@media (max-width: calc(48rem - 1px)){#welcome{max-width:100%}}#inbox{display:flex;flex-direction:column;gap:1.5rem;color:var(--text)}#inbox .username-picker{display:flex;justify-content:center;align-items:center;gap:1rem;font-weight:600}#inbox .username-picker>:nth-child(1){width:6rem}#inbox .username-picker input,#inbox .username-picker select{padding:.5rem .25rem;background:var(--surface);color:var(--text);border:2px solid var(--border);font-family:inherit}#inbox .username-picker input:focus,#inbox .username-picker select:focus{border:1px solid;border-color:var(--accent);outline:none}#inbox .username-picker select option{background:var(--surface);color:var(--text)}#inbox .copy-address-container{margin:0 auto;display:flex;gap:1rem;align-items:center}#inbox .copy-address-container .copy-address{background:var(--surface);color:var(--text);padding:.5rem 1rem;border:2px solid var(--border);font-size:.9rem;cursor:pointer;transition:all ease .3s;margin-bottom:2rem}#inbox .copy-address-container .copy-address:hover{background:var(--surface-2);transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--accent)}#inbox .copy-address-container .copy-address:active{background:var(--surface-2);box-shadow:8px 8px 0 var(--accent);transform:translate(3px,3px)}#inbox .copy-address-container .spinner{box-sizing:border-box;display:block;width:2rem;height:2rem;margin:3px;margin-bottom:2rem;border:3px solid var(--surface-2);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,.5,.5,.5) infinite;border-color:var(--text) var(--text) var(--text) transparent}#inbox .inbox-table{border:2px solid var(--border);height:24rem;background:var(--surface);overflow:scroll;position:relative;transition:all ease .2s}#inbox .inbox-table:has(.mail-view[data-show=true]){height:32rem}#inbox .inbox-table>h2{position:absolute;font-size:1.5rem;font-weight:600;text-align:center;transform:translateY(-50%) translate(-50%);top:50%;left:50%;color:var(--muted)}#inbox .inbox-table table:not(.mail-detail){width:100%;font-size:.95rem;border-collapse:collapse;overflow:hidden;table-layout:fixed}#inbox .inbox-table table:not(.mail-detail) tr{cursor:pointer;background:var(--surface);color:var(--text);transition:background-color ease .15s;max-height:1rem;border-bottom:2px solid var(--border)}#inbox .inbox-table table:not(.mail-detail) tr:hover{background:var(--surface-2)}#inbox .inbox-table table:not(.mail-detail) tr>:nth-child(1) p{color:var(--text);font-weight:600;display:-webkit-box;line-clamp:1;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}#inbox .inbox-table table:not(.mail-detail) tr>:nth-child(2) p{color:var(--muted)}#inbox .inbox-table table:not(.mail-detail) tr>:nth-child(2) p .subject{color:var(--text);font-weight:600}@media(min-width:48rem){#inbox .inbox-table table:not(.mail-detail) tr>:nth-child(2) p{display:-webkit-box;line-clamp:1;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}#inbox .inbox-table table:not(.mail-detail) tr>:nth-child(2) .separator:after{content:" - "}}@media (max-width: calc(48rem - 1px)){#inbox .inbox-table table:not(.mail-detail) tr>:nth-child(2) p .subject,#inbox .inbox-table table:not(.mail-detail) tr>:nth-child(2) p .body-spoiler{display:-webkit-box;line-clamp:1;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}#inbox .inbox-table table:not(.mail-detail) tr>:nth-child(2) .separator{display:block}}#inbox .inbox-table table:not(.mail-detail) tr>:nth-child(3){text-align:right;color:var(--muted)}#inbox .inbox-table table:not(.mail-detail) td{padding:.75rem 1rem}.mail-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--surface);color:var(--text)}.mail-view .control-bar{padding:.5rem;border-bottom:2px solid var(--border)}.mail-view .control-bar button{padding:.5rem 1rem;background:var(--surface-2);color:var(--text);border:2px solid var(--border);border-radius:6px;box-shadow:3px 3px 0 0 var(--shadow);transition:all ease .15s;cursor:pointer;font-family:inherit;font-weight:700}.mail-view .control-bar button:hover{background:var(--bg);transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--accent)}.mail-view .control-bar button:active{background:var(--bg);box-shadow:0 0 0 0 var(--shadow);transform:translate(3px,3px)}.mail-view .heading{padding:.5rem 1rem}.mail-view .heading h2{font-size:1.2rem;color:var(--text)}.mail-view .heading .mail-detail td{font-size:.8rem;color:var(--muted)}.mail-view .heading .mail-detail td:nth-child(1){text-align:right;padding-right:1rem;color:var(--text)}.mail-view iframe{padding:0 .5rem;flex:1;width:100%;border:0;border-top:2px solid var(--border);min-height:0;background:var(--mail-bg);color-scheme:light}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}