.reflective-card{position:relative;width:320px;height:500px;border-radius:20px;overflow:hidden;background:var(--card-bg, #FAF9F6);box-shadow:0 20px 50px #0f172a26,0 0 0 1px #0f172a14 inset;isolation:isolate;font-family:DM Sans,system-ui,sans-serif}.reflective-card__wrap{display:inline-flex;flex-direction:column;align-items:center;transform-origin:top center;animation:card-swing 4s ease-in-out infinite}@keyframes card-swing{0%{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}to{transform:rotate(-2.2deg)}}.reflective-card__string{width:320px;height:125px;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.12));shape-rendering:geometricPrecision}@media (max-width: 768px){.reflective-card__string{display:none}}.reflective-card__svg{position:absolute;width:0;height:0;pointer-events:none;opacity:0}.reflective-card__media{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1.2) scaleX(-1);z-index:0;opacity:.9;transition:filter .3s ease}.reflective-card__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.05) 1px,transparent 1px);background-size:28px 28px;background-position:center;-webkit-mask:radial-gradient(circle at 50% 60%,rgba(0,0,0,.9) 0%,rgba(0,0,0,.25) 70%,transparent 100%);mask:radial-gradient(circle at 50% 60%,rgba(0,0,0,.9) 0%,rgba(0,0,0,.25) 70%,transparent 100%);opacity:.9}.reflective-card__noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;opacity:var(--roughness, .4);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");mix-blend-mode:overlay}.reflective-card__sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:linear-gradient(135deg,#fff6,#ffffff1a 40%,#fff0,#ffffff1a 60%,#ffffff4d);pointer-events:none;mix-blend-mode:overlay;opacity:var(--metalness, 1);transition:background .15s ease-out}.reflective-card__border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,#00000080,#0000001f,#0006);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:20;pointer-events:none}.reflective-card__content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:32px;color:var(--text-color, #1E293B);background:var(--overlay-color, rgba(255, 255, 255, .05))}.reflective-card__top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(15,23,42,.12);padding-bottom:16px}.reflective-card__badge{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;padding:4px 8px;background:#0f172a0d;border-radius:6px;border:1px solid rgba(15,23,42,.14)}.reflective-card__status{font-family:DM Mono,monospace;font-size:11px;line-height:1.7;color:#64748b;margin-top:12px}.reflective-card__status-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reflective-card__prompt{color:#3b82f6;font-weight:700;margin-right:2px}.reflective-card__check{color:#2563eb;font-weight:700;margin-right:4px}.reflective-card__middle{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;gap:24px;margin-bottom:32px}.reflective-card__name{font-size:24px;font-weight:700;letter-spacing:.05em;margin:0 0 8px;color:#0f172a;text-shadow:none}.reflective-card__title{font-size:12px;letter-spacing:.2em;opacity:.7;margin:0;text-transform:uppercase}.reflective-card__stickman{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:.55;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.reflective-card__stickman circle,.reflective-card__stickman line{fill:none;stroke:#ffffffd9;stroke-width:4;stroke-linecap:round}.reflective-card__code{font-family:DM Mono,monospace;font-size:13px;line-height:1.6;text-align:left;background:var(--code-bg, #F4F6F9);border:1px solid rgba(15,23,42,.1);border-radius:12px;padding:16px 18px;margin:0;white-space:pre;overflow:hidden;color:var(--text-color, #1E293B);box-shadow:0 4px 16px #0f172a0f}.reflective-card__code .tk-key{color:var(--tk-key, #1E40AF)}.reflective-card__code .tk-var{color:var(--tk-var, #3B82F6)}.reflective-card__code .tk-str{color:var(--tk-str, #B45309)}.reflective-card__code .tk-num{color:var(--tk-num, #CA8A04)}.reflective-card__code .tk-bool{color:var(--tk-bool, #D97706)}.reflective-card__code .tk-punc{color:var(--tk-punc, #475569)}.reflective-card__bottom{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid rgba(15,23,42,.12);padding-top:24px}.reflective-card__id{display:flex;flex-direction:column;gap:4px}.reflective-card__id-label{font-size:9px;letter-spacing:.1em;opacity:.6}.reflective-card__id-value{font-family:DM Mono,monospace;font-size:14px;letter-spacing:.05em}