@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;font-size:clamp(54px,9.3vw,122px);line-height:.98;letter-spacing:-.08em;font-weight:900}h1 span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.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}}.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:#a89f8d}.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{width:100%;display:block;box-shadow:0 16px 50px #151a1638;margin:30px 0}.actions{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.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}}