@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";
@font-face{font-family:Vogue;src:url(/Vogue.ttf)format("truetype");font-display:swap}:root{--black:#000;--white:#fff;--dim:#717171;--line:#ffffff1c;--line2:#fff3;--glow:0 0 18px #ffffff24,0 0 46px #ffffff0f}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--black);color:var(--white);min-height:100%;font-family:Arial,Helvetica,sans-serif}body{overflow:hidden}button,input,textarea{font:inherit;color:inherit}button,a{cursor:pointer}button{background:0 0;border:0}::selection{color:#000;background:#fff}.gate{background:#000;place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}.gate:after{content:"";pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient{filter:blur(18px);background:radial-gradient(#ffffff0e,#ffffff03 38%,#0000 70%);width:min(620px,90vw);height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.gate-inner{text-align:center;z-index:1;width:min(420px,100vw - 48px);animation:.8s both arrive;position:relative}.wordmark{letter-spacing:.04em;font-family:Vogue,serif;font-size:clamp(2.8rem,8vw,4.4rem);line-height:1}.index,.gate-inner small,.gate-inner p{letter-spacing:.18em;font-family:Space Mono,monospace;font-size:8px}.index{color:#777;margin-top:20px;display:block}.lightline{background:linear-gradient(90deg,#0000,#fff 46% 54%,#0000);width:100%;height:1px;margin:30px auto;animation:1.3s both ignite;box-shadow:0 0 8px #fff,0 0 22px #ffffff59}.quiet{color:#929292;margin-bottom:30px}.enter{color:#fff;letter-spacing:.14em;border:1px solid #ffffff38;justify-content:space-between;align-items:center;height:48px;padding:0 17px;font-family:Space Mono,monospace;font-size:9px;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.enter:before{content:"";background:#fff;transition:transform .3s;position:absolute;inset:0;transform:translateY(101%)}.enter span,.enter i{z-index:1;position:relative}.enter i{background:#fff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #fff}.enter:hover{color:#000;box-shadow:var(--glow);border-color:#fff}.enter:hover:before{transform:none}.enter:hover i{box-shadow:none;background:#000}.gate-inner small{color:#4e4e4e;margin-top:18px;line-height:1.7;display:block}.shell{background:#000;grid-template-rows:56px minmax(0,1fr);grid-template-columns:196px 360px minmax(0,1fr);height:100svh;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#000;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:relative}.brand{letter-spacing:.07em;text-shadow:0 0 16px #ffffff29;font-family:Vogue,serif;font-size:19px}.system{color:#555;letter-spacing:.2em;margin-left:16px;font-family:Space Mono,monospace;font-size:7px}.account{letter-spacing:.1em;color:#777;align-items:center;gap:10px;font-family:Space Mono,monospace;font-size:7px;display:flex}.account button{letter-spacing:.14em;color:#555;margin-left:11px;font-family:Space Mono,monospace;font-size:7px;transition:all .2s}.account button:hover{color:#fff}.live-dot{background:#fff;border-radius:50%;width:4px;height:4px;box-shadow:0 0 6px #fff,0 0 13px #fffc}.rail{border-right:1px solid var(--line);flex-direction:column;grid-row:2;min-height:0;padding:17px 14px 14px;display:flex}.new{border:1px solid var(--line2);letter-spacing:.12em;color:#cfcfcf;justify-content:space-between;align-items:center;height:38px;padding:0 11px;font-family:Space Mono,monospace;font-size:7px;transition:all .2s;display:flex}.new:hover{color:#fff;box-shadow:var(--glow);border-color:#fff}.new span{font-size:14px;font-weight:300}.rail nav{gap:2px;margin-top:30px;display:grid}.rail nav button{color:#555;text-transform:uppercase;letter-spacing:.17em;text-align:left;border-left:1px solid #0000;justify-content:space-between;align-items:center;height:35px;padding:0 8px;font-family:Space Mono,monospace;font-size:7px;transition:all .2s;display:flex}.rail nav button:hover{color:#aaa}.rail nav button.active{color:#fff;text-shadow:0 0 10px #ffffff4d;background:linear-gradient(90deg,#ffffff09,#0000);border-left-color:#fff}.rail nav b{color:#777;font-weight:400}.rail-foot{letter-spacing:.14em;color:#343434;gap:6px;margin-top:auto;font-family:Space Mono,monospace;font-size:6px;display:grid}.list{border-right:1px solid var(--line);flex-direction:column;grid-row:2;min-width:0;display:flex}.list-head{border-bottom:1px solid var(--line);letter-spacing:.18em;color:#777;flex:0 0 48px;justify-content:space-between;align-items:center;height:48px;padding:0 16px;font-family:Space Mono,monospace;font-size:7px;display:flex}.rows{scrollbar-width:none;overflow:auto}.rows::-webkit-scrollbar{display:none}.mail-row{text-align:left;color:#fff;background:#000;border-bottom:1px solid #ffffff13;width:100%;min-height:94px;transition:all .2s;display:flex;position:relative}.mail-row:hover{background:#050505}.mail-row.selected{background:#080808;box-shadow:inset 3px 0 #ffffffeb,inset 12px 0 30px #ffffff06}.mail-row>i{background:0 0;flex:0 0 3px;align-self:stretch;width:3px}.mail-row>i.unread{background:#fff;box-shadow:0 0 7px #fff,0 0 16px #ffffff73}.row-main{width:calc(100% - 3px);padding:14px 15px;overflow:hidden}.row-main>div{justify-content:space-between;gap:8px;display:flex}.row-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.row-main time{color:#4d4d4d;white-space:nowrap;font-family:Space Mono,monospace;font-size:7px}.row-main h2{white-space:nowrap;text-overflow:ellipsis;color:#cfcfcf;margin-top:8px;font-size:10px;font-weight:400;overflow:hidden}.row-main p{color:#505050;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:9px;overflow:hidden}.empty{color:#333;letter-spacing:.17em;place-items:center;height:240px;font-family:Space Mono,monospace;font-size:7px;display:grid}.reader{scrollbar-width:none;background:radial-gradient(circle at 50% 45%,#ffffff03,#0000 32%),#000;grid-row:2;min-width:0;position:relative;overflow:auto}.reader::-webkit-scrollbar{display:none}.reader-empty{text-align:center;letter-spacing:.17em;color:#414141;place-content:center;gap:12px;height:100%;font-family:Space Mono,monospace;font-size:7px;display:grid;position:relative}.reader-empty small{color:#252525;font-size:6px}.halo{filter:blur(18px);pointer-events:none;background:radial-gradient(#ffffff09,#0000 70%);width:280px;height:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reader-head{border-bottom:1px solid var(--line);padding:56px clamp(28px,6vw,82px) 31px}.message-index{color:#4c4c4c;letter-spacing:.18em;font-family:Space Mono,monospace;font-size:7px}.reader h1{letter-spacing:.015em;max-width:800px;margin-top:18px;font-family:Vogue,Georgia,serif;font-size:clamp(29px,4vw,48px);font-weight:400;line-height:1.05}.meta{letter-spacing:.08em;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:28px;font-family:Space Mono,monospace;font-size:7px;display:grid}.meta>span{color:#3e3e3e}.meta strong{color:#888;text-overflow:ellipsis;font-weight:400;overflow:hidden}.meta time{color:#4e4e4e}.body-copy{color:#c7c7c7;white-space:pre-wrap;overflow-wrap:anywhere;max-width:900px;padding:44px clamp(28px,6vw,82px);font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.85}.reader-actions{padding:10px clamp(28px,6vw,82px) 60px}.reader-actions button{color:#777;letter-spacing:.16em;border-bottom:1px solid #424242;padding:0 0 9px;font-family:Space Mono,monospace;font-size:7px;transition:all .2s}.reader-actions button:hover{color:#fff;text-shadow:0 0 9px #ffffff80;border-color:#fff}.reader-actions span{margin-left:25px}.back{display:none}.compose-wrap{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:50;background:#000000c7;justify-content:flex-end;align-items:flex-end;padding:18px;animation:.2s veil;display:flex;position:fixed;inset:0}.compose{background:#020202;border:1px solid #ffffff38;grid-template-rows:48px 44px 44px minmax(0,1fr) 50px;width:min(620px,100vw - 36px);height:min(620px,100vh - 80px);animation:.35s cubic-bezier(.2,.8,.2,1) rise;display:grid;box-shadow:0 0 28px #ffffff0b,0 24px 80px #000}.compose header,.compose footer{letter-spacing:.15em;justify-content:space-between;align-items:center;padding:0 15px;font-family:Space Mono,monospace;font-size:7px;display:flex}.compose header{border-bottom:1px solid var(--line);color:#777}.compose header button{font-family:inherit;font-size:inherit;letter-spacing:inherit;color:#555}.compose header button:hover{color:#fff}.compose label{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr);align-items:center;padding:0 15px;display:grid}.compose label span{letter-spacing:.14em;color:#444;font-family:Space Mono,monospace;font-size:7px}.compose input,.compose textarea{color:#ddd;background:0 0;border:0;outline:0}.compose input{width:100%;font-size:11px}.compose textarea{resize:none;padding:22px 15px;font-size:12px;line-height:1.7}.compose input::placeholder,.compose textarea::placeholder{color:#343434}.compose footer{border-top:1px solid var(--line);color:#363636}.compose footer button{letter-spacing:.17em;color:#fff;align-items:center;gap:12px;font-family:inherit;font-size:8px;display:flex}.compose footer button:disabled{color:#333;cursor:not-allowed}.compose footer i{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px}.toast{color:#000;letter-spacing:.18em;z-index:80;background:#fff;padding:10px 15px;font-family:Space Mono,monospace;font-size:7px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 0 22px #ffffff40}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ignite{0%{opacity:0;transform:scaleX(.08)}to{opacity:1;transform:scaleX(1)}}@keyframes veil{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:880px){.shell{grid-template-columns:156px 320px minmax(0,1fr)}}@media (max-width:720px){body{overflow:hidden}.shell{grid-template-rows:54px minmax(0,1fr);grid-template-columns:1fr;display:grid}.topbar{grid-area:1/1;padding:0 14px}.system,.account>span:not(.live-dot),.rail{display:none}.list{border-right:0;grid-area:2/1}.list.mobile-hidden{display:none}.reader{grid-area:2/1;display:none}.reader.mobile-open{display:block}.reader-head{padding:26px 20px 24px}.reader h1{font-size:32px}.body-copy{padding:30px 20px;font-size:13px}.reader-actions{padding:8px 20px 40px}.back{letter-spacing:.15em;color:#555;margin:18px 20px 0;font-family:Space Mono,monospace;font-size:7px;display:block}.compose-wrap{align-items:stretch;padding:0}.compose{border:0;width:100vw;max-width:none;height:100svh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.identity-form{display:block}.identity-field{border:1px solid var(--line);text-align:left;border-bottom:0;grid-template-columns:76px 1fr;align-items:center;height:46px;padding:0 13px;display:grid}.identity-field span{letter-spacing:.14em;color:#484848;font-family:Space Mono,monospace;font-size:7px}.identity-field input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:11px}.identity-field:focus-within{border-color:#ffffff52;box-shadow:inset 0 0 18px #ffffff05}.identity-enter{background:0 0;width:100%}.identity-enter:disabled{opacity:.45;cursor:wait}.identity-error{text-shadow:0 0 9px #ffffff59;line-height:1.6;color:#fff!important;margin:12px 0 0!important;font-size:7px!important}.identity-sever{letter-spacing:.13em;color:#454545;margin-top:18px;font-family:Space Mono,monospace;font-size:7px;transition:all .2s}.identity-sever:hover{color:#fff}