@import"https://fonts.googleapis.com/css2?family=Special+Elite&family=Courier+Prime:ital,wght@0,400;0,700;1,400&display=swap";:root{--paper: #f2e8d9;--paper-card: rgba(248, 242, 230, .85);--ink: #1c1510;--ink-mid: #4a4035;--ink-faded: #7a6e5f;--red: #c41200;--green: #1a5e2a;--border: rgba(28, 21, 16, .35);--font-display: "Special Elite", "Courier New", monospace;--font-mono: "Courier Prime", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer}body{font-family:var(--font-mono);background-color:var(--paper);color:var(--ink);min-height:100vh;background-image:linear-gradient(rgba(28,21,16,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(28,21,16,.05) 1px,transparent 1px);background-size:32px 32px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;opacity:.03;pointer-events:none;z-index:9999}#root{display:flex;justify-content:center;padding:3rem 1.25rem 4rem}.page{width:100%;max-width:640px;animation:fadeUp .45s cubic-bezier(.22,.61,.36,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:2px solid var(--ink)}.wordmark{font-family:var(--font-display);font-size:2.6rem;letter-spacing:.18em;color:var(--ink);line-height:1}.wordmark-sub{font-size:.6rem;letter-spacing:.22em;color:var(--ink-faded);display:block;margin-top:2px}.stamp{font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.28em;padding:5px 10px;border:2px solid;border-radius:2px;display:inline-block;transform:rotate(-2.5deg)}.stamp--red{color:var(--red);border-color:var(--red);box-shadow:1px 1px 0 var(--red)}.stamp--green{color:var(--green);border-color:var(--green);box-shadow:1px 1px 0 var(--green)}.card{background:var(--paper-card);border:1.5px solid var(--ink);padding:2rem 2.5rem 2.5rem;box-shadow:5px 5px 0 var(--ink);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.section-label{font-family:var(--font-display);font-size:1rem;letter-spacing:.22em;color:var(--ink);margin-bottom:.8rem}.divider{height:1px;background:var(--ink);opacity:.15;margin-bottom:1.8rem}.field-label{display:block;font-size:.65rem;font-weight:700;letter-spacing:.25em;color:var(--ink-faded);margin-bottom:.45rem}.textarea,.input,.link-input{font-family:var(--font-mono);font-size:.9rem;background:transparent;border:1.5px solid var(--border);color:var(--ink);padding:.75rem 1rem;outline:none;width:100%;transition:border-color .18s,box-shadow .18s}.textarea{min-height:160px;resize:vertical;background-image:repeating-linear-gradient(transparent,transparent 27px,rgba(28,21,16,.07) 27px,rgba(28,21,16,.07) 28px);line-height:28px;padding-top:8px}.textarea::placeholder,.input::placeholder{color:var(--ink-faded);font-style:italic}.textarea:focus,.input:focus,.link-input:focus{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.link-input{font-size:.78rem;flex:1;cursor:text}.form{display:flex;flex-direction:column;gap:1.25rem}.form-footer{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-top:.25rem}.btn{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.22em;border:2px solid var(--ink);padding:.65rem 1.5rem;background:transparent;color:var(--ink);transition:all .15s;white-space:nowrap}.btn--primary{background:var(--ink);color:var(--paper)}.btn--primary:hover:not(:disabled){background:var(--ink-mid);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.btn--primary:active:not(:disabled){transform:translate(0);box-shadow:none}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--copy{background:var(--ink);color:var(--paper);flex-shrink:0}.btn--copy:hover{background:var(--ink-mid)}.btn--ghost{background:transparent;color:var(--ink-faded);border-color:#1c151040;font-size:.65rem}.btn--ghost:hover{border-color:var(--ink);color:var(--ink)}.link-row{display:flex;gap:.75rem;margin-bottom:1rem}.warning-text{font-size:.68rem;letter-spacing:.12em;color:var(--ink-mid);font-weight:700}.error-text{font-size:.72rem;letter-spacing:.1em;color:var(--red)}.footer{text-align:center;font-size:.65rem;font-weight:700;letter-spacing:.18em;color:var(--ink-mid);margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(28,21,16,.15)}.loading-wrap{display:flex;align-items:center;gap:.5rem;padding:3rem 0}.loading-text{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.25em}.cursor{display:inline-block;width:2px;height:1.1rem;background:var(--ink);animation:blink .9s step-end infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.secret-textarea{font-family:var(--font-mono);font-size:.92rem;line-height:1.85;color:var(--ink);background:transparent;border:none;width:100%;resize:none;min-height:120px;outline:none;animation:revealBlur .7s cubic-bezier(.22,.61,.36,1)}@keyframes revealBlur{0%{opacity:0;filter:blur(6px);letter-spacing:.3em}to{opacity:1;filter:blur(0);letter-spacing:normal}}.destroyed-stamp{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.28em;color:var(--red);border:2px solid var(--red);padding:5px 12px;border-radius:2px;transform:rotate(-2deg);opacity:.8;margin-top:1.5rem;animation:stampIn .35s cubic-bezier(.22,.61,.36,1);box-shadow:2px 2px 0 var(--red)}@keyframes stampIn{0%{opacity:0;transform:rotate(-2deg) scale(1.4)}to{opacity:.8;transform:rotate(-2deg) scale(1)}}.back-link{display:inline-block;font-size:.65rem;letter-spacing:.18em;color:var(--ink-faded);text-decoration:none;margin-top:2rem;border-bottom:1px solid transparent;transition:color .18s,border-color .18s}.back-link:hover{color:var(--ink);border-color:var(--ink)}.eyesonly-label{font-size:.58rem;font-weight:700;letter-spacing:.28em;color:var(--red);opacity:.7;margin-bottom:.3rem;display:block}@media (max-width: 480px){.card{padding:1.5rem 1.25rem 2rem}.wordmark{font-size:2rem}.link-row{flex-direction:column}.form-footer{flex-direction:column;align-items:flex-start;gap:1rem}}
