@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0c;--card-bg: #111114;--card-border: #1e1e24;--text-primary: #e4e4e7;--text-secondary: #71717a;--text-dim: #52525b;--accent: #a78bfa;--glow: rgba(167, 139, 250, .06);--glow-hover: rgba(167, 139, 250, .12);--font: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--ease: cubic-bezier(.22, 1, .36, 1)}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 600px 400px at 50% 45%,rgba(167,139,250,.035),transparent);pointer-events:none;z-index:0}#app{display:flex;align-items:center;justify-content:center;height:100%;position:relative;z-index:1}.card{position:relative;width:400px;padding:2.5rem 2.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;will-change:transform,box-shadow;transition:transform .5s var(--ease),padding .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease);cursor:default}.card:before{content:"";position:absolute;inset:-1px;border-radius:13px;background:radial-gradient(ellipse at 50% 0%,var(--glow),transparent 70%);transition:background .6s var(--ease),opacity .6s var(--ease);pointer-events:none;z-index:-1}.card:after{content:"";position:absolute;inset:-20px;border-radius:24px;background:radial-gradient(ellipse at 50% 40%,rgba(167,139,250,.04),transparent 70%);opacity:0;transition:opacity .6s var(--ease);pointer-events:none;z-index:-2}.card:hover,.card.expanded{transform:scale(1.025) translateY(-2px);border-color:#a78bfa2e;box-shadow:0 4px 24px #a78bfa12,0 8px 48px #a78bfa0a,0 0 0 1px #a78bfa0f}.card:hover:before,.card.expanded:before{background:radial-gradient(ellipse at 50% 0%,var(--glow-hover),transparent 70%)}.card:hover:after,.card.expanded:after{opacity:1}.statement{font-size:1.05rem;font-weight:400;color:var(--text-primary);line-height:1.7;letter-spacing:-.01em;margin-bottom:1.75rem;white-space:pre-line}.status-line{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:300;color:var(--text-dim);letter-spacing:.04em}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 6px #a78bfa66;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;box-shadow:0 0 4px #a78bfa33}50%{opacity:1;box-shadow:0 0 8px #a78bfa80}}.detail{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .5s var(--ease),opacity .45s var(--ease) .05s,margin-top .5s var(--ease)}.detail-inner{overflow:hidden}.card:hover .detail,.card.expanded .detail{grid-template-rows:1fr;opacity:1;margin-top:1.5rem}.detail-divider{width:32px;height:1px;background:var(--card-border);margin-bottom:1rem;transition:width .4s var(--ease) .15s}.card:hover .detail-divider,.card.expanded .detail-divider{width:48px}.detail-row{display:flex;gap:.75rem;margin-bottom:.5rem;font-size:.78rem;line-height:1.5;opacity:0;transform:translateY(4px);transition:opacity .35s var(--ease),transform .35s var(--ease)}.card:hover .detail-row,.card.expanded .detail-row{opacity:1;transform:translateY(0)}.card:hover .detail-row:nth-child(2),.card.expanded .detail-row:nth-child(2){transition-delay:.08s}.card:hover .detail-row:nth-child(3),.card.expanded .detail-row:nth-child(3){transition-delay:.16s}.card:hover .detail-row:nth-child(4),.card.expanded .detail-row:nth-child(4){transition-delay:.24s}.detail-row:last-child{margin-bottom:0}.detail-label{color:var(--text-dim);flex-shrink:0;min-width:90px}.detail-value{color:var(--text-secondary)}.particle{position:absolute;border-radius:50%;background:var(--accent);pointer-events:none;opacity:0;animation:burst var(--ease) forwards;z-index:10}@keyframes burst{0%{opacity:.8;transform:translate(0) scale(1)}50%{opacity:.6}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}@media(max-width:600px){.card{width:calc(100vw - 2rem);max-width:400px;padding:2rem 1.5rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.statement{font-size:.95rem}.card:hover{transform:none;border-color:var(--card-border);box-shadow:none}.card:hover:before{background:radial-gradient(ellipse at 50% 0%,var(--glow),transparent 70%)}.card:hover:after{opacity:0}.card:hover .detail{grid-template-rows:0fr;opacity:0;margin-top:0}.card:hover .detail-row{opacity:0;transform:translateY(4px)}.card:hover .detail-divider{width:32px}.card.expanded{transform:scale(1.015) translateY(-1px)}}@media(max-width:380px){.card{padding:1.75rem 1.25rem}.detail-row{flex-direction:column;gap:.15rem}.detail-label{min-width:unset}}