@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700;900&family=Roboto+Mono:wght@400;600&display=swap";:root{--ink: #151a16;--paper: #e8dfcb;--paper-deep: #d8ccb2;--red: #b83d2f;--muted: #766f61;font-family:"Noto Serif SC",Songti SC,serif;color:var(--ink);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink)}button,textarea{font:inherit}button{color:inherit}.app-shell{position:relative;min-height:100svh;overflow:hidden;background:linear-gradient(90deg,transparent 0 7%,rgba(184,61,47,.85) 7% 7.5%,transparent 7.5%),radial-gradient(circle at 76% 8%,rgba(255,255,255,.2),transparent 26%),var(--paper)}.paper-noise{pointer-events:none;position:fixed;inset:0;z-index:9;opacity:.22;mix-blend-mode:multiply;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.masthead{position:relative;z-index:2;height:78px;padding:0 6vw 0 10vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(21,26,22,.22)}.wordmark{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;cursor:pointer}.wordmark span{font-size:26px;font-weight:900;letter-spacing:.16em}.wordmark i{width:1px;height:28px;background:var(--ink)}.wordmark em,.issue{font:11px/1.2 Roboto Mono,monospace;font-style:normal;letter-spacing:.12em;text-transform:uppercase}.issue{color:var(--muted)}main{position:relative;z-index:1}.hero{min-height:calc(100svh - 78px);padding:clamp(50px,9vh,100px) 7vw 40px 13vw;max-width:1050px;position:relative}.classification{display:inline-block;padding:7px 13px;border:2px solid var(--red);color:var(--red);transform:rotate(-2deg);font-size:13px;font-weight:900;letter-spacing:.3em}.eyebrow,.step{margin:34px 0 12px;font:600 12px/1.3 Roboto Mono,monospace;letter-spacing:.22em;color:var(--red)}h1{margin:0;position:relative;width:fit-content;font-size:clamp(54px,9.3vw,122px);line-height:.98;letter-spacing:-.08em;font-weight:900;animation:title-signal 5.2s steps(1,end) infinite}h1 span{display:inline-block;color:transparent;-webkit-text-stroke:1.5px var(--ink);animation:title-outline-signal 5.2s steps(1,end) infinite}.hero-copy{max-width:480px;margin:30px 0;font-size:16px;line-height:2;color:#494a42}.signal{display:flex;gap:13px;align-items:center;height:24px;margin-top:22px}.signal b{display:block;width:8px;height:8px;background:var(--red);border-radius:50%;animation:pulse 1.8s infinite ease-in-out}.signal b:nth-child(2),.signal b:nth-child(5){width:50px;border-radius:0}.signal b:nth-child(3){animation-delay:.15s}.signal b:nth-child(4){animation-delay:.3s}.signal b:nth-child(5){animation-delay:.45s}.signal b:nth-child(6){animation-delay:.6s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes title-signal{0%,7%,11%,19%,23%,71%,75%,to{transform:translate(0);text-shadow:none}8%{transform:translate(2px);text-shadow:-3px 0 rgba(184,61,47,.55)}9%{transform:translate(-1px);text-shadow:2px 0 rgba(184,61,47,.35)}20%{transform:translateY(1px);text-shadow:3px 0 rgba(184,61,47,.45)}21%{transform:translate(-2px,-1px);text-shadow:-2px 0 rgba(21,26,22,.35)}72%{transform:translate(-1px);text-shadow:3px 0 rgba(184,61,47,.5)}73%{transform:translate(2px);text-shadow:-3px 0 rgba(21,26,22,.3)}}@keyframes title-outline-signal{0%,7%,11%,19%,23%,43%,48%,71%,75%,to{color:transparent;-webkit-text-stroke-color:var(--ink);opacity:1}8%,20%,44%,72%{color:var(--ink);-webkit-text-stroke-color:var(--ink);opacity:1}9%,21%,45%,73%{color:#b83d2f24;-webkit-text-stroke-color:var(--red);opacity:.72}10%,22%,46%,74%{opacity:.28}}.primary{min-height:70px;border:0;background:var(--ink);color:var(--paper);padding:14px 20px 14px 26px;display:flex;align-items:center;justify-content:space-between;gap:28px;cursor:pointer;font-weight:700;box-shadow:7px 7px 0 var(--red);transition:transform .2s,box-shadow .2s}.primary:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--red)}.primary small{font:10px Roboto Mono,monospace;color:#bcb39f}.hero .primary{width:min(100%,430px)}.route{display:flex;align-items:center;gap:12px;margin-top:55px;color:var(--muted);font:10px Roboto Mono,monospace}.route i{width:30px;height:1px;background:#968d7c}.side-note{position:absolute;right:23px;top:50%;writing-mode:vertical-rl;font-size:11px;letter-spacing:.35em;color:var(--muted)}.page{width:min(720px,84vw);margin:0 auto;padding:44px 0 80px}.back{border:0;background:none;padding:0;color:var(--muted);cursor:pointer;font-size:13px}h2{margin:0;font-size:clamp(39px,7vw,68px);letter-spacing:-.06em}.instruction{color:var(--muted);line-height:1.8;margin:12px 0 28px}.field-wrap{position:relative;background:#ffffff3b;border:1px solid rgba(21,26,22,.25);padding:46px 24px 36px}.field-index{position:absolute;top:16px;left:24px;font:11px Roboto Mono,monospace;color:var(--red)}textarea{resize:none;width:100%;min-height:180px;border:0;outline:0;background:transparent;font-size:25px;line-height:1.75;color:var(--ink)}textarea::placeholder{color:var(--ink);opacity:.5}.counter{position:absolute;right:20px;bottom:14px;font:11px Roboto Mono,monospace;color:var(--muted)}.protocol{display:flex;gap:16px;padding:22px 0;align-items:center}.protocol-mark{flex:0 0 auto;border:1px solid var(--ink);font:600 13px Roboto Mono,monospace;padding:12px 8px}.protocol p{margin:0;font-size:12px;line-height:1.7;color:var(--muted)}.compose .primary,.poster-page .primary,.decode>.primary{width:100%}.shake{animation:shake .4s}@keyframes shake{25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.poster-frame{position:relative;width:100%;min-height:320px;display:grid;place-items:center;margin:30px 0;background:var(--paper-deep);box-shadow:0 16px 50px #151a1638;cursor:zoom-in}#poster,.poster-frame>img{width:100%;display:block}.poster-frame>img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.poster-loading{position:absolute;color:var(--muted);font-size:13px;letter-spacing:.16em}.poster-preview{position:fixed;inset:0;z-index:30;display:grid;place-items:start center;overflow-y:auto;padding:max(18px,env(safe-area-inset-top)) 14px max(28px,env(safe-area-inset-bottom));overscroll-behavior:contain}.poster-preview-backdrop{position:fixed;inset:0;border:0;background:#080a08eb;cursor:zoom-out}.poster-preview-card{position:relative;z-index:1;width:min(540px,94vw)}.poster-preview-title{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 14px;color:#f0e7d4;background:linear-gradient(rgba(8,10,8,.98) 75%,transparent)}.poster-preview-title strong{display:block;font-size:18px}.poster-preview-title span{display:block;margin-top:4px;color:#bdb4a2;font-size:12px}.poster-preview-close{flex:0 0 auto;width:42px;height:42px;border:1px solid rgba(240,231,212,.45);border-radius:50%;background:#080a08bf;color:#f0e7d4;font:30px/1 sans-serif;cursor:pointer}.poster-preview-card>img{width:100%;height:auto;display:block;background:var(--paper);box-shadow:0 18px 70px #00000073;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.poster-preview-card>p{margin:14px 4px 0;color:#aaa292;font-size:12px;line-height:1.7;text-align:center}body.preview-open{overflow:hidden}.actions{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.secondary{min-height:70px;background:transparent;border:1px solid var(--ink);cursor:pointer;padding:14px 20px;font-weight:700}.decode{text-align:center;padding-top:70px}.decode .classification{margin-bottom:8px}.incoming{margin:34px 0 26px;border-top:1px solid rgba(21,26,22,.3);border-bottom:1px solid rgba(21,26,22,.3);padding:28px 0 18px}.morse-preview{max-height:190px;overflow:hidden;text-align:left;font:17px/1.9 Roboto Mono,monospace;word-break:break-word;-webkit-mask-image:linear-gradient(#000 55%,transparent)}.incoming span{display:block;margin-top:18px;color:var(--red);font-size:11px;letter-spacing:.25em}.reveal{margin:28px 0;padding:34px 26px;background:var(--ink);color:var(--paper);opacity:0;transform:translateY(16px);transition:.7s ease}.reveal.shown{opacity:1;transform:translateY(0)}.reveal p{margin:0;color:#b8ae98;font:11px Roboto Mono,monospace;letter-spacing:.25em}.reveal blockquote{margin:24px 0;font-size:clamp(25px,6vw,42px);line-height:1.5;font-weight:700}.reveal span{font-size:11px;color:#8e8777}.new-secret{width:100%}.error{color:var(--red);margin:30px 0}[hidden]{display:none!important}@media(max-width:600px){.masthead{padding-left:11vw}.wordmark em,.issue{display:none}.hero{padding-left:14vw;padding-right:9vw}h1{font-size:15.5vw}.hero-copy{font-size:14px;line-height:1.8}.route{flex-wrap:wrap;line-height:1.8}.page{width:80vw;padding-top:30px}.actions{grid-template-columns:1fr}.poster-page .instruction{margin-bottom:8px}textarea{font-size:21px;min-height:160px}}@media(prefers-reduced-motion:reduce){h1,h1 span,.signal b{animation:none}}