:root{--bg:#0a0d14;--bg-elevated:#0e121c;--surface:#141927;--surface-2:#1a2133;--surface-3:#202943;--border:#242d40;--border-strong:#33405c;--text:#e8edf7;--text-secondary:#a7b1c6;--text-muted:#6f7890;--accent:#7c6cff;--accent-2:#4fd1ff;--accent-soft:#7c6cff24;--accent-2-soft:#4fd1ff1f;--success:#34d399;--success-soft:#34d3991f;--danger:#f87171;--danger-soft:#f871711f;--warning:#fbbf24;--warning-soft:#fbbf241f;--info:#60a5fa;--info-soft:#60a5fa1f;--gradient:linear-gradient(135deg, #7c6cff 0%, #4fd1ff 100%);--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow:0 10px 30px -12px #0000008c;--shadow-lg:0 24px 60px -20px #000000a6;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:radial-gradient(1100px 500px at 85% -10%, #7c6cff21, transparent 60%), radial-gradient(900px 420px at -10% -5%, #4fd1ff17, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;line-height:1.55}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#7c6cff59}.app-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0d14d1;position:sticky;top:0}.app-header-inner{align-items:center;gap:16px;max-width:860px;margin:0 auto;padding:14px 20px;display:flex}.brand{color:var(--text);letter-spacing:.01em;align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--gradient);border-radius:8px;place-items:center;width:26px;height:26px;display:grid;box-shadow:0 2px 10px #7c6cff73}.brand-mark svg{color:#0a0d14;width:14px;height:14px}.brand-tag{color:var(--text-muted);align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.brand-tag .dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 8px var(--success);border-radius:50%}.app-main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:36px 20px 80px}@media (width<=640px){.brand-tag{display:none}.app-main{padding-top:24px}}h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(26px,4vw,34px);font-weight:700;line-height:1.15}h2{letter-spacing:-.01em;margin:0 0 14px;font-size:18px;font-weight:650}.lede{color:var(--text-secondary);max-width:640px;margin:0 0 32px;font-size:15.5px}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:.9em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:20px;padding:22px}.card+.card{margin-top:20px}.card-title{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);align-items:center;gap:8px;margin:0 0 16px;font-size:13px;font-weight:650;display:flex}.field{margin-bottom:18px}.field label{color:var(--text-secondary);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.field .hint{color:var(--text-muted);margin-top:6px;font-size:12.5px}input,textarea,select{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);padding:11px 13px;font-family:inherit;font-size:14.5px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:130px;font-family:var(--font-mono);word-break:break-all;font-size:13px;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236f7890' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=560px){.form-row{grid-template-columns:1fr;gap:0}}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit;border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14.5px;font-weight:600;transition:transform 80ms,box-shadow .15s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient);color:#0a0d14;border:none;font-weight:700;box-shadow:0 4px 18px -6px #7c6cff8c}.btn-primary:hover:not(:disabled){filter:brightness(1.08);background:var(--gradient);box-shadow:0 6px 24px -6px #7c6cffb3}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000;padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#f8717159}.btn-danger:hover:not(:disabled){background:#f8717133}.btn-block{width:100%}.alert{border-radius:var(--radius);border:1px solid #0000;margin-bottom:18px;padding:13px 16px;font-size:14px;line-height:1.5}.alert-success{background:var(--success-soft);color:#a7f3d0;border-color:#34d3994d}.alert-danger{background:var(--danger-soft);color:#fecaca;border-color:#f871714d}.alert-warning{background:var(--warning-soft);color:#fde68a;border-color:#fbbf244d}.alert-info{background:var(--info-soft);color:#bfdbfe;border-color:#60a5fa4d}.alert strong{font-weight:700}.summary-lead{color:var(--text);margin:0 0 6px;font-size:17px;font-weight:650;line-height:1.4}.op-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.op{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:13px 15px;transition:border-color .15s}.op:hover{border-color:var(--border-strong)}.op-type{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);font-size:11px;font-weight:700;font-family:var(--font-mono);margin-bottom:5px}.op-description{color:var(--text);word-break:break-word;font-size:14.5px}.op-details{border-top:1px dashed var(--border);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 16px;margin-top:9px;padding-top:9px;font-size:12.5px;display:grid}.op-details dt{color:var(--text-muted);font-family:var(--font-mono)}.op-details dd{color:var(--text-secondary);font-family:var(--font-mono);word-break:break-all;margin:0 0 3px}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px;display:grid}.meta-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px}.meta-item .label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:3px;font-size:11px}.meta-item .value{font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;font-size:12.5px}.threshold-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.threshold-text{color:var(--text-secondary);font-size:14px}.threshold-text strong{color:var(--text);font-family:var(--font-mono)}.progress{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;height:10px;margin-bottom:18px;overflow:hidden}.progress-fill{background:var(--gradient);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.progress-fill.met{background:linear-gradient(135deg,#34d399,#4fd1ff);box-shadow:0 0 12px #34d39980}.signer-list{flex-direction:column;gap:8px;display:flex}.signer{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s;display:flex}.signer.me{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.signer-icon{border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.signer-icon.signed{background:var(--success-soft);color:var(--success)}.signer-icon.pending{background:var(--surface-3);color:var(--text-muted)}.signer-key{font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.signer-key .me-label{color:var(--accent-2);font-weight:700;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;margin-left:6px;font-size:11px}.signer-meta{color:var(--text-muted);white-space:nowrap;font-size:12px}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-pending{background:var(--warning-soft);color:var(--warning);border:1px solid #fbbf244d}.badge-submitted{background:var(--success-soft);color:var(--success);border:1px solid #34d3994d}.badge-expired{background:var(--danger-soft);color:var(--danger);border:1px solid #f871714d}.status-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.status-meta{color:var(--text-muted);text-align:right;margin-left:auto;font-size:13px}.share-panel{background:linear-gradient(135deg, #7c6cff1a, #4fd1ff14), var(--surface);border:1px solid var(--accent);border-radius:var(--radius-lg);margin-top:20px;padding:20px;animation:.35s cubic-bezier(.22,1,.36,1) rise-in}.share-label{text-transform:uppercase;letter-spacing:.09em;color:var(--accent-2);align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.share-link-box{align-items:stretch;gap:10px;display:flex}.share-link-box .link-input{min-width:0;font-family:var(--font-mono);word-break:break-all;background:var(--bg-elevated);flex:1;font-size:12.5px}.share-hint{color:var(--text-secondary);margin-top:10px;font-size:13px}.wallet-box{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.connected-chip{background:var(--success-soft);color:#a7f3d0;font-family:var(--font-mono);border:1px solid #34d3994d;border-radius:999px;align-items:center;gap:8px;padding:6px 13px;font-size:12.5px;display:inline-flex}.connected-chip .dot{background:var(--success);border-radius:50%;width:8px;height:8px}.spinner{vertical-align:-3px;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.btn .spinner{border-color:#0a0d14 #0a0d1440 #0a0d1440}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg, var(--surface) 40%, var(--surface-2) 50%, var(--surface) 60%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-line{border-radius:6px;height:14px;margin-bottom:12px}.skeleton-line.w70{width:70%}.skeleton-line.w90{width:90%}.skeleton-line.w50{width:50%}.not-found{text-align:center;padding:60px 20px}.not-found .big{margin-bottom:8px;font-size:44px}.not-found h1{font-size:22px}.not-found p{color:var(--text-muted);max-width:420px;margin:0 auto 24px}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rise-in{animation:.3s cubic-bezier(.22,1,.36,1) rise-in}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}