:root{color-scheme:dark;font-family:Space Grotesk,JetBrains Mono,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-base: #050b16;--bg-panel: rgba(6, 10, 24, .85);--neon-cyan: #0e9fff;--neon-magenta: #ff4fd973;--neon-purple: #8546ff;--text-primary: #f3f5ff;--text-muted: #91a1c3;--border-soft: rgba(148, 163, 184, .35);--valid-green: #3aff9b;--valid-green-soft: rgba(58, 255, 155, .24);--invalid-red: #ff6b88;--invalid-red-soft: rgba(255, 107, 136, .24)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#0b1833 0%,transparent 35%),radial-gradient(circle at 80% 0%,#1a093b 0%,transparent 45%),radial-gradient(circle at 50% 100%,#001820 0%,transparent 50%),radial-gradient(circle at 10% 80%,#0c1b2f 0%,transparent 45%),linear-gradient(135deg,#020207,#050b16 70%);color:var(--text-primary)}.app-shell{min-height:100vh;margin:0 auto;max-width:540px;padding:0 1.75rem;display:flex;flex-direction:column;gap:1rem}.app-header{display:flex;justify-content:space-between;gap:1.25rem;align-items:center}.app-header a{text-decoration:none}.app-title{font-size:1.35rem;letter-spacing:.08em;text-transform:uppercase;color:var(--neon-cyan)}.app-main{flex:1;display:flex;flex-direction:column;gap:1.75rem}.app-nav{position:relative;display:inline-flex;align-items:center;gap:.25rem;padding:.35rem;border-radius:2rem;background:#030814e6;border:1px solid rgba(14,246,255,.2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 25px #0ef6ff2e}.app-nav a{text-decoration:none}.app-tab{position:relative;z-index:1;border-radius:999px;padding:.45rem 1rem;font-size:.9rem;font-weight:500;text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;transition:color .2s ease}.app-tab:hover{color:var(--text-primary)}.app-tab--active{color:var(--bg-base)}.app-nav-highlight{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:calc(50% - 6px);border-radius:999px;background:linear-gradient(120deg,var(--neon-cyan),var(--neon-magenta));z-index:0;box-shadow:0 0 25px #0ef6ff4d;transform:translate(0);transition:transform .3s cubic-bezier(.25,.8,.25,1)}.app-tab:nth-of-type(2).app-tab--active~.app-nav-highlight{transform:translate(100%)}.panel,.connect-wallet-panel,.connected-wallet-panel,.proof-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:1.25rem;padding:1.5rem;box-shadow:0 30px 60px #020823a6,inset 0 0 0 1px #ffffff05}.proof-card.invalid{border:1px solid rgba(255,107,136,.45)}.proof-card.valid{border:1px solid rgba(58,255,155,.45)}.connect-wallet-panel,.connected-wallet-panel{display:flex;flex-direction:column;gap:1rem}.wallet-address-display{position:relative;display:inline-flex;align-items:center}.wallet-address-display code{cursor:pointer}.wallet-address-tooltip{position:absolute;top:calc(100% + .4rem);left:50%;transform:translate(-50%);white-space:nowrap;background:#020617f2;border:1px solid rgba(14,246,255,.4);color:var(--text-primary);padding:.35rem .6rem;border-radius:.4rem;font-size:.75rem;z-index:2;box-shadow:0 10px 25px #02082399}.connector-select,.sign-message-input{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.connector-select select,.sign-message-input textarea{border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#040a20d9;color:var(--text-primary);padding:.75rem 1rem;font-family:inherit;font-size:.95rem;resize:vertical;min-height:3rem;box-shadow:inset 0 0 12px #0ef6ff14}.connector-select select:focus,.sign-message-input textarea:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 12px #0ef6ff59}.connector-status,.connector-error,.sign-message-status,.proof-hint,.proof-toast{font-size:.85rem;letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase}.connector-error{color:#ff9fd8}.sign-message-panel{display:flex;flex-direction:column;gap:.75rem}.sign-message-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.sign-message-hash,.sign-message-status code,.proof-summary code,.proof-signed-preview code,.shared-proof-signature code{display:block;font-family:JetBrains Mono,monospace;font-size:.8rem;word-break:break-all;overflow-wrap:anywhere;background:#020617e6;padding:.5rem .8rem;border-radius:.5rem;border:1px solid rgba(14,246,255,.2);color:var(--neon-cyan)}.shared-proof-signer{font-size:x-small}.sign-message-hash{border:0;font-size:x-small;color:gray;text-align:center}button{cursor:pointer;border:none;background:linear-gradient(120deg,var(--neon-cyan),var(--neon-purple));color:var(--bg-base);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.8rem 1.2rem;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 25px #0ef6ff4d}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:not(:disabled):active{transform:translateY(1px)}.sign-message-status.success{color:#9fffe0}.sign-message-status.error{color:#ff9fd8}.proof-card{text-align:center;position:relative;overflow:hidden}.proof-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,var(--neon-cyan),var(--neon-magenta));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.proof-date{font-size:1.6rem;font-weight:600;margin:0 0 .35rem}.proof-time{font-family:JetBrains Mono,monospace;font-size:1.2rem;color:var(--neon-cyan);margin-bottom:1.2rem}.proof-share-button{width:100%;margin-top:.75rem}.proof-toast{color:#aaffef}.proof-signed-preview,.shared-proof-message,.shared-proof-signature{font-size:.85rem;text-align:left;color:var(--text-muted)}.proof-summary{border:1px dashed rgba(14,246,255,.3);border-radius:.9rem;padding:.75rem 1rem;font-size:.8rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.35rem}.proof-summary-signature{margin:0}.proof-summary-signature code{text-align:center;border:0px}.shared-proof-message{margin-bottom:.75rem;padding:.75rem 1rem;border-radius:.75rem;transition:background .4s ease,border-color .4s ease;background:#ffffff05;border:1px solid rgba(255,255,255,.08);max-height:130px;overflow:auto}.shared-proof-message.valid{border:1px solid rgba(58,255,155,.55);background:var(--valid-green-soft);color:#eafff2;animation:breathe-green 3s ease-in-out infinite}@keyframes breathe-green{0%{box-shadow:0 0 #5dff8240}50%{box-shadow:0 0 8px 4px #5dff8226}to{box-shadow:0 0 #5dff8240}}.shared-proof-message.invalid{border:1px solid rgba(255,107,136,.55);background:var(--invalid-red-soft);color:#ffe9ed}.shared-proof-message.pending{border:1px solid rgba(14,159,255,.35);background:#0e9fff1f;color:var(--text-primary)}.proof-view{display:flex;flex-direction:column;gap:1.25rem}.proof-card--share{text-align:left;display:flex;flex-direction:column;gap:1rem}.share-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.live-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;background:#0e9fff1a;border:1px solid rgba(14,159,255,.35);font-size:.9rem}.live-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;background:#00ff9a;box-shadow:0 0 0 6px #00ff9a1f}.share-meta{display:grid;grid-template-columns:1fr;gap:.8rem}.share-meta-block{background:#02061799;border:1px solid rgba(255,255,255,.05);border-radius:.9rem;padding:.75rem .9rem}.share-meta-text{margin:.25rem 0 0;color:var(--text-primary)}.share-meta-mono{display:block;margin-top:.35rem;border:0;background:transparent;padding:0;color:var(--text-primary)}.shared-proof-wrap{display:flex;flex-direction:column;gap:.75rem}.status-banner{display:flex;flex-direction:column;gap:.3rem}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:999px;font-weight:600;font-size:.95rem;letter-spacing:.04em;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);width:fit-content}.status-icon{display:inline-block;width:1.1rem;text-align:center;font-weight:700;font-size:1.05rem}.status-text{display:inline-block}.status-pill--valid{background:var(--valid-green-soft);border-color:#3aff9b73;color:#eafff2}.status-pill--valid .status-icon{color:var(--valid-green)}.status-pill--invalid{background:var(--invalid-red-soft);border-color:#ff6b8873;color:#ffe9ed}.status-pill--invalid .status-icon{color:var(--invalid-red)}.status-pill--checking{background:#0e9fff1f;border-color:#0e9fff59;color:var(--text-primary)}.status-pill--checking .status-icon{color:#0e9fff}.status-subtext{margin:0;color:var(--text-muted)}.proof-card--shared{text-align:left;display:flex;flex-direction:column;gap:.8rem}.shared-proof-grid{display:grid;grid-template-columns:1fr;gap:.6rem}.shared-proof-tile{background:#02061799;border:1px solid rgba(255,255,255,.05);padding:.65rem .75rem;border-radius:.75rem}.shared-proof-mono{display:block;margin-top:.4rem;border:0;background:transparent;padding:0;color:var(--text-primary);word-break:break-all;overflow-wrap:anywhere;font-size:.9rem;line-height:1.4}.tech-details summary{cursor:pointer;list-style:none}.tech-details summary::marker{display:none}.tech-details summary::-webkit-details-marker{display:none}.tech-details summary{display:inline-flex;gap:.35rem;align-items:center}.tech-details[open] summary{color:var(--text-primary)}.cursor-pointer{cursor:pointer}.align-center{display:flex;justify-content:center;align-items:center}.center-wrap{height:10vh;display:flex;justify-content:center;align-items:center;border-radius:1rem;border:1px solid var(--border-soft);background:radial-gradient(circle at 0% 0%,rgba(14,246,255,.14),transparent 55%),radial-gradient(circle at 100% 100%,rgba(255,79,216,.1),transparent 55%),linear-gradient(145deg,#040a20fa,#020617fa);box-shadow:0 18px 40px #020823d9,0 0 0 1px #ffffff05,inset 0 1px #ffffff0a;transform:translateY(0);transition:transform .16s ease-out,box-shadow .16s ease-out}.center-wrap:hover{transform:translateY(-3px);box-shadow:0 24px 55px #010512f2,0 0 24px #0ef6ff61,inset 0 1px #ffffff0f}@media (max-width: 540px){.share-card-head{flex-direction:column;align-items:flex-start}.status-banner{align-items:flex-start}}@media (min-width: 600px){.shared-proof-grid,.share-meta{grid-template-columns:repeat(2,1fr)}}.page-transition{animation:pageFadeIn .3s ease-out}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px);filter:blur(40px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.proof-disconnect-button{display:block;margin:3.75rem auto 0;padding:.45rem 1rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:#312e2fa6;border:1px solid rgba(255,60,90,.35);color:#ffd9df;border-radius:999px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.proof-disconnect-button:hover{background:#a00032bf;box-shadow:0 0 18px #ff324647}.proof-disconnect-button:active{transform:translateY(1px)}.claim-text{padding:8px 12px;border-radius:6px;margin-top:4px;display:inline-block}.claim-text.success{border:2px solid #a6e8b0;animation:breathe 3s ease-in-out infinite}.claim-text.error{border:2px solid #ff6b6b;background:#ffe5e5}@keyframes breathe{0%{box-shadow:0 0 #a6e8b066}50%{box-shadow:0 0 8px 4px #a6e8b033}to{box-shadow:0 0 #a6e8b066}}
