@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)}}.transmission{min-height:calc(100svh - 78px);display:grid;align-content:center;padding-top:20px}.loading-dossier{position:relative;padding:clamp(34px,8vw,68px);border:1px solid rgba(21,26,22,.3);background:#ffffff29;overflow:hidden}.loading-dossier:after{content:"";position:absolute;right:-80px;bottom:-120px;width:360px;height:360px;border:1px solid rgba(184,61,47,.22);border-radius:50%;box-shadow:0 0 0 30px #b83d2f0f,0 0 0 62px #b83d2f0a}.loading-stamp{display:inline-block;color:var(--red);border:1px solid var(--red);padding:7px 10px;font:600 10px Roboto Mono,monospace;letter-spacing:.16em;transform:rotate(-2deg)}.loading-kicker{margin:38px 0 10px;color:var(--muted);font-size:12px;letter-spacing:.08em}.loading-dossier h2{max-width:570px;font-size:clamp(34px,6vw,60px);line-height:1.28}.loading-dossier h2 strong{display:block;margin-top:10px;color:var(--red);font:600 clamp(50px,12vw,104px)/1 "Roboto Mono",monospace;letter-spacing:-.08em}.loading-track{height:3px;margin:35px 0 20px;background:#151a1629}.loading-track i{display:block;width:1%;height:100%;background:var(--red);transition:width .22s linear}.loading-signal{display:flex;align-items:center;gap:8px;height:32px}.loading-signal b{width:7px;height:7px;border-radius:50%;background:var(--ink);animation:loading-wave 1.2s infinite ease-in-out}.loading-signal b:nth-child(3n+2){width:34px;border-radius:0}.loading-signal b:nth-child(2){animation-delay:.1s}.loading-signal b:nth-child(3){animation-delay:.2s}.loading-signal b:nth-child(4){animation-delay:.3s}.loading-signal b:nth-child(5){animation-delay:.4s}.loading-signal b:nth-child(6){animation-delay:.5s}.loading-status{margin:12px 0 0;color:var(--muted);font:11px Roboto Mono,monospace;letter-spacing:.15em}@keyframes loading-wave{0%,to{opacity:.18;transform:translateY(0)}50%{opacity:.9;transform:translateY(-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:minmax(0,1.7fr) minmax(0,.9fr);gap:12px}.actions>*{min-width:0}.actions .secondary{padding-inline:12px;font-size:14px}.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{position:relative;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;overflow:hidden}.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}.decode-scanline{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:0;background:linear-gradient(transparent 0 43%,rgba(184,61,47,.12) 49%,rgba(184,61,47,.65) 50%,rgba(184,61,47,.12) 51%,transparent 57%);transform:translateY(-100%)}.incoming.decoding .decode-scanline{opacity:1;animation:decode-scan 1.25s linear infinite}.incoming.decoding .morse-preview{animation:signal-jitter .18s steps(2,end) infinite}.incoming.decoded [data-signal-status]{color:var(--ink)}.decode-progress{margin:22px 0 8px;text-align:left}.decode-progress>div{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font:11px Roboto Mono,monospace;letter-spacing:.12em}.decode-progress b{color:var(--red);font-weight:600}.decode-progress>i{display:block;height:3px;margin-top:12px;background:#151a1629;overflow:hidden}.decode-progress em{display:block;width:0;height:100%;background:var(--red);transition:width .08s linear}.decode-progress code{display:block;min-height:48px;margin-top:16px;color:#151a1694;font:14px/1.7 Roboto Mono,monospace;letter-spacing:.08em;word-break:break-all}.decoding-button{box-shadow:3px 3px 0 var(--red)}@keyframes decode-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes signal-jitter{0%,to{transform:translate(0);opacity:.78}33%{transform:translate(2px);opacity:.45}66%{transform:translate(-1px);opacity:1}}.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:minmax(0,1.72fr) minmax(0,.88fr);gap:9px}.actions .primary{padding:12px 13px;font-size:13px}.actions .primary small{display:none}.actions .secondary{padding:10px 7px;font-size:12px;line-height:1.35}.poster-page .instruction{margin-bottom:8px}textarea{font-size:21px;min-height:160px}}@media(prefers-reduced-motion:reduce){h1,h1 span,.signal b,.loading-signal b,.incoming.decoding .decode-scanline,.incoming.decoding .morse-preview{animation:none}}