@import "https://api.fonts.coollabs.io/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg:#0a0a0f;--color-bg-elevated:#12121a;--color-bg-card:#16161f;--color-border:#2a2a3a;--color-text:#e8e8ef;--color-text-muted:#8888a0;--color-accent:#ff6b2b;--color-accent-hover:#ff8547;--color-accent-glow:#ff6b2b40;--color-success:#34d399;--color-error:#f87171;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius:12px;--radius-lg:16px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -20%,#ff6b2b1f,#0000),radial-gradient(60% 40% at 100% 100%,#ff6b2b0f,#0000);position:fixed;inset:0}#app{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.app{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(12px)}.app--mounted{opacity:1;transform:translateY(0)}.main{flex:1;justify-content:center;padding:2rem 1.25rem 3rem;display:flex}.content{flex-direction:column;gap:1.5rem;width:100%;max-width:720px;display:flex}.header{align-items:center;gap:1rem;animation:.5s both fadeSlideDown;display:flex}.header__brand{align-items:center;gap:1rem;display:flex}.header__logo{width:48px;height:48px;color:var(--color-accent);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);justify-content:center;align-items:center;padding:8px;display:flex}.header__title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-text) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.header__subtitle{color:var(--color-text-muted);font-size:.875rem}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);cursor:pointer;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem;animation:.5s .1s both fadeSlideUp;display:flex;position:relative}.dropzone:hover,.dropzone:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-glow);background:#ff6b2b0a;outline:none}.dropzone--active{border-color:var(--color-accent);box-shadow:0 0 32px var(--color-accent-glow);background:#ff6b2b14;transform:scale(1.01)}.dropzone__icon{width:56px;height:56px;color:var(--color-accent);animation:3s ease-in-out infinite float}.dropzone__title{text-align:center;font-size:1.125rem;font-weight:500}.dropzone__title strong{color:var(--color-accent)}.dropzone__hint{color:var(--color-text-muted);text-align:center;font-size:.875rem}.results{border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);overflow:hidden}.results--hidden{display:none}.results--visible{animation:.4s both fadeSlideUp;display:block}.results--loading{animation:.3s both fadeSlideUp;display:block}.results--error{border-color:#f871714d}.results__loader{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:1rem;padding:2.5rem;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.results__header{border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.results__title{font-size:1rem;font-weight:600}.results__status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.results__status--signed{color:var(--color-success);background:#34d3991f;border:1px solid #34d3994d}.results__status--unsigned{color:var(--color-text-muted);border:1px solid var(--color-border);background:#8888a01f}.results__body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.results__row{flex-direction:column;gap:.375rem;display:flex}.results__label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent);font-size:.75rem;font-weight:600}.results__value{font-family:var(--font-mono);word-break:break-all;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:.75rem 1rem;font-size:.8125rem;line-height:1.5}.results__value--publisher{color:#f0c090}.results__value--hash{color:#90d0f0;font-size:.75rem}.results__value--muted{font-family:var(--font-sans);color:var(--color-text-muted);font-style:italic}.results__error{color:var(--color-error);align-items:flex-start;gap:.75rem;padding:1.5rem;display:flex}.results__error svg{flex-shrink:0;width:24px;height:24px}.footer{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding:1.5rem;font-size:.875rem;animation:.6s .3s both fadeIn}.footer strong{color:var(--color-accent);font-weight:600}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=480px){.main{padding:1.25rem 1rem 2rem}.header__title{font-size:1.5rem}.dropzone{padding:2rem 1.25rem}.results__value{font-size:.75rem}}