:root{color-scheme:dark;--font-display: "Mozilla Text", Georgia, "Times New Roman", serif;--font-body: "ABeeZee", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg: #0a0910;--bg-2: #1e1d23;--panel: #1a1814;--panel-2: #29271c;--panel-grad: linear-gradient(180deg, #1a1814 0%, #29271c 100%);--hair-faint: rgba(255, 255, 255, .08);--hair: rgba(255, 255, 255, .18);--hair-strong: rgba(255, 255, 255, .4);--text: #efefef;--text-2: #d3cdb6;--muted: #7b744c;--muted-2: #615f57;--accent: #fdd400;--accent-dim: #a99235;--accent-deep: #3b3408;--purple: #572e72;--ok: #b8e986;--warn: #fdd400;--err: #ff8a80;font-family:var(--font-body)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 1200px 800px at 50% -10%,rgba(87,46,114,.18) 0%,transparent 60%),radial-gradient(ellipse 900px 500px at 90% 110%,rgba(253,212,0,.06) 0%,transparent 70%),var(--bg);background-attachment:fixed;color:var(--text);min-height:100vh;font-feature-settings:"ss01","ss02";letter-spacing:.005em}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.starfield-svg{position:absolute;top:50%;left:50%;width:200vmax;height:200vmax;transform:translate(-50%,-50%);transform-origin:center;will-change:transform;animation:starfield-rotate 540s linear infinite}@keyframes starfield-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.starfield-svg{animation:none;transform:translate(-50%,-50%)}}.app{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:48px 32px 80px}header{border-bottom:1px solid var(--hair);padding-bottom:24px;margin-bottom:36px}.site-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.site-header .header-left{flex:1;min-width:0}.site-header .header-right{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;margin-top:6px}.site-header .header-right .wallet-bar{margin-top:0;justify-content:flex-end}@media (max-width: 720px){.site-header{flex-direction:column;align-items:stretch}.site-header .header-right{justify-content:flex-start;margin-top:0}.site-header .header-right .wallet-bar{justify-content:flex-start}}header h1{margin:0;font-family:var(--font-display);font-weight:300;font-size:clamp(32px,5vw,56px);letter-spacing:-.02em;line-height:1.05;color:var(--text)}header h1 .subtitle{display:block;margin-top:6px;font-family:var(--font-mono);font-weight:400;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.chain-info{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.chain-info .ok{color:var(--ok)}.chain-info .warn{color:var(--accent)}.chain-info .sep{color:var(--hair-strong)}.chain-info code{color:var(--text-2);text-transform:none;letter-spacing:0}main{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 900px){main{grid-template-columns:1fr}}.left-col,.right-col{display:flex;flex-direction:column;gap:24px}.panel{position:relative;background:var(--panel-grad);border:1px solid var(--hair);border-radius:0;padding:24px}.panel:before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}.panel:after{content:"";position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-bottom:1px solid var(--accent);border-right:1px solid var(--accent)}.panel h2{margin:0 0 18px;font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.22em;color:var(--accent)}.backend-picker{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.backend-option{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--hair);background:#00000040;cursor:pointer;transition:border-color .15s,background .15s}.backend-option:hover{border-color:var(--hair-strong)}.backend-option.selected{border-color:var(--accent);background:#fdd4000a}.backend-option input[type=radio]{margin-top:4px;accent-color:var(--accent)}.backend-label{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--text)}.backend-tagline{font-size:13px;color:var(--text-2);margin-top:6px;line-height:1.55}.compose textarea{width:100%;background:#0006;color:var(--text);border:1px solid var(--hair);border-radius:0;padding:14px;font-size:14px;font-family:var(--font-body);line-height:1.55;resize:vertical}.compose textarea:focus,.compose input[type=datetime-local]:focus{outline:none;border-color:var(--accent)}.compose .row{display:flex;align-items:end;gap:14px;margin-top:16px}.compose label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);flex:1}.compose input[type=datetime-local]{background:#0006;color:var(--text);border:1px solid var(--hair);border-radius:0;padding:10px 12px;font-size:13px;font-family:var(--font-mono)}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.85) sepia(1) saturate(8) hue-rotate(5deg);cursor:pointer}button{background:var(--accent);color:#000;border:1px solid var(--accent);border-radius:0;padding:12px 18px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:filter .12s,background .12s,color .12s}button:hover:not(:disabled){filter:brightness(.92)}button:disabled{opacity:.4;cursor:not-allowed}button.ghost{background:transparent;color:var(--text-2);border:1px solid var(--hair)}button.ghost:hover:not(:disabled){border-color:var(--hair-strong);color:var(--text);filter:none}.queue ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.item{background:#0000004d;border:1px solid var(--hair);padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .4s}.item:hover{border-color:var(--hair-strong)}.item.selected{border-color:var(--accent);background:#fdd4000a}.item.status-ready{animation:pulse-ready 1.6s ease-in-out 2;border-color:var(--accent)}@keyframes pulse-ready{0%{box-shadow:0 0 #fdd40080}50%{box-shadow:0 0 0 10px #fdd40000}to{box-shadow:0 0 #fdd40000}}.item-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.16em;padding:3px 8px;font-weight:500;border:1px solid currentColor}.badge-sealed{color:var(--muted)}.badge-ready{color:var(--accent)}.badge-unsealing{color:var(--text-2)}.badge-unsealed{color:var(--ok)}.badge-error{color:var(--err)}.badge-backend{border-color:var(--hair)}.badge-backend.backend-drand{color:var(--accent-dim)}.badge-backend.backend-ctrng{color:#c9a4ff}.round{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted-2);text-transform:uppercase}.countdown{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;margin-left:auto;color:var(--text);letter-spacing:.06em}.preview{margin-top:10px;color:var(--text-2);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-body)}.preview.sealed-placeholder{color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase}.locked-at{margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.locked-at .label{color:var(--muted-2);margin-right:6px}.item-actions{display:flex;gap:8px;margin-top:12px}.item-actions button{padding:6px 12px;font-size:10px}.empty{color:var(--muted);font-size:13px;font-family:var(--font-mono);letter-spacing:.1em}.error{color:var(--err);font-size:12px;font-family:var(--font-mono);letter-spacing:.05em;margin-top:8px}.error.inline{display:inline;margin:0}.detail dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0 0 20px;font-size:13px}.detail dt{color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;align-self:center}.detail dd{margin:0;word-break:break-all;color:var(--text-2)}.detail dd a{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent-dim)}.detail dd a:hover{border-bottom-style:solid}.round-big{font-family:var(--font-mono);font-size:18px;font-weight:500;color:var(--accent)!important;letter-spacing:.04em}.envelope-block,.plaintext-block{margin-top:20px}.envelope-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;margin-bottom:8px}.envelope-header .header-actions{display:flex;gap:6px}.envelope-header button{padding:4px 10px;font-size:10px;background:transparent;color:var(--accent);border:1px solid var(--hair)}.envelope-header button:hover:not(:disabled){border-color:var(--accent);filter:none}.reopen-tip{margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--muted);line-height:1.5}.witness-pending{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--accent-dim);line-height:1.5;letter-spacing:.02em}.witness-pending:before{content:"● ";color:var(--accent);animation:witness-blink 1.6s ease-in-out infinite}@keyframes witness-blink{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.witness-pending:before{animation:none;opacity:.7}}.envelope-block textarea{width:100%;background:#00000080;color:var(--text-2);border:1px solid var(--hair);border-radius:0;padding:12px;font-family:var(--font-mono);font-size:11px;line-height:1.45;resize:vertical}.plaintext-block pre{background:#00000080;border:1px solid var(--hair);border-left:2px solid var(--ok);padding:14px;margin:0;white-space:pre-wrap;word-break:break-word;color:var(--ok);font-family:var(--font-mono);font-size:13px;line-height:1.5}.key-note{margin-top:18px;padding:12px 14px;background:#572e722e;border:1px solid rgba(201,164,255,.35);color:#e0c8ff;font-family:var(--font-mono);font-size:11px;line-height:1.6;letter-spacing:.02em}.key-note .tag{display:inline-block;background:var(--purple);color:#fff;font-weight:500;font-size:9px;letter-spacing:.18em;text-transform:uppercase;padding:2px 6px;margin-right:8px;vertical-align:middle}.mono{font-family:var(--font-mono);font-size:11px}.break{word-break:break-all}.wallet-bar{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}.wallet-bar.connected{text-transform:uppercase}.wallet-bar .wallet-tag{color:var(--muted);text-transform:uppercase;letter-spacing:.18em}.wallet-bar .wallet-name{color:var(--accent);font-weight:500;letter-spacing:.02em;text-transform:none}.wallet-bar .wallet-addr{color:var(--muted-2);text-transform:none;letter-spacing:0}.wallet-bar .wallet-no-provider{color:var(--muted);text-transform:none;letter-spacing:.04em;font-size:11px}.wallet-bar .wallet-no-provider a{color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent-dim)}.wallet-connect-btn{padding:6px 14px;font-size:10px}.wallet-disconnect{padding:4px 10px;font-size:9px;letter-spacing:.18em}.recipient-row{align-items:end}.recipient-row label{flex:2}.recipient-row input[type=text]{background:#0006;color:var(--text);border:1px solid var(--hair);border-radius:0;padding:10px 12px;font-size:13px;font-family:var(--font-mono)}.recipient-row input[type=text]:focus{outline:none;border-color:var(--accent)}.recipient-status{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:lowercase;min-width:110px;padding-bottom:11px}.recipient-status.status-checking{color:var(--muted)}.recipient-status.status-resolved{color:var(--ok)}.recipient-status.status-unresolved{color:var(--err)}.sender-hint{margin-top:12px;font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.sender-hint strong{color:var(--accent);font-weight:500}.ens-line{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em}.ens-line .ens-label{color:var(--muted-2);text-transform:uppercase;letter-spacing:.18em;font-size:9px}.ens-line .ens-name{color:var(--accent);font-weight:500}.ens-line .ens-arrow{color:var(--muted);margin:0 2px}footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;text-align:center}footer .credit{color:var(--text-2);letter-spacing:.16em}footer .credit strong{color:var(--accent);font-weight:500}footer .tagline{color:var(--muted);text-transform:none;letter-spacing:.04em;font-size:11px;font-family:var(--font-body);font-style:italic}code{font-family:var(--font-mono);font-size:.9em}