@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#f0f0f0;background-color:#08080c;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.header{z-index:100;background:#08080c;border-bottom:1px solid #1c1c28;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.5px;font-size:18px;font-weight:600}.specimen-label{letter-spacing:2px;text-transform:uppercase;color:#505060;font-size:10px;font-weight:500}.container{max-width:1400px;margin:0 auto;padding:32px}.grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px;display:grid}.card{cursor:pointer;background:#0c0c14;border:1px solid #1c1c28;border-radius:8px;position:relative;overflow:hidden}.span-2x2{grid-area:span 2/span 2}.span-2x1{grid-column:span 2}.span-1x2{grid-row:span 2}.span-1x3{grid-row:span 3}.card-label{letter-spacing:2px;text-transform:uppercase;color:#ffffff80;font-size:10px;font-weight:500;position:absolute;top:16px;left:16px}.card-id{color:#ffffff80;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;position:absolute;bottom:16px;right:16px}.title-card{flex-direction:column;justify-content:center;padding:40px;display:flex;overflow:hidden}.title-card:before{content:"";pointer-events:none;background:radial-gradient(120% 70% at 50% 100%,#3d2d5cb3 0%,#3d2d5c66 25%,#0f172933 50%,#0000 70%);height:100%;position:absolute;bottom:0;left:0;right:0}.title-card h1{letter-spacing:-2px;z-index:1;margin-bottom:16px;font-size:48px;font-weight:300;position:relative}.title-card p{color:#888898;z-index:1;max-width:320px;font-size:14px;font-weight:400;line-height:1.6;position:relative}.title-card .card-label{z-index:1}.gradient-card{border:none}.g-01{background:linear-gradient(135deg,#0d4f4f 0%,#1a2744 100%)}.g-02{background:linear-gradient(135deg,#3d2d5c 0%,#0f1729 100%)}.g-03{background:linear-gradient(135deg,#14b8a6 0%,#6366f1 100%)}.g-04{background:linear-gradient(135deg,#c97b63 0%,#4a1d34 100%)}.g-05{background:linear-gradient(135deg,#065f46 0%,#0a0a0a 100%)}.g-06{background:linear-gradient(135deg,#8b7fc7 0%,#0c1222 100%)}.g-07{background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%)}.signal-cool{background:linear-gradient(135deg,#06b6d4 0%,#10b981 100%)}.signal-warm{background:linear-gradient(135deg,#f97316 0%,#ec4899 100%)}.blob-card svg{width:100%;height:100%}.chart-card{background:linear-gradient(135deg,#0d4f4f 0%,#1a2744 100%);border:none;grid-template-columns:auto 1fr;gap:0;padding:20px;display:grid}.chart-metrics{border-right:1px solid #ffffff14;flex-direction:column;justify-content:center;gap:12px;margin-right:20px;padding-right:20px;display:flex}.metric{flex-direction:column;gap:2px;display:flex}.metric-label{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff59;font-size:9px;font-weight:500}.metric-value{letter-spacing:-.5px;font-size:22px;font-weight:500;line-height:1}.metric-change{color:#14b8a6;font-size:10px;font-weight:500}.chart-area{flex-direction:column;justify-content:center;display:flex;position:relative}.chart-svg{width:100%;height:100%}.chart-grid-line{stroke:#ffffff0f;stroke-width:1px}.chart-area-fill{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1) .5s}.card.visible .chart-area-fill{opacity:1}.text-card{background:linear-gradient(#3d2d5c 0%,#0f1729 100%);border:none;flex-direction:column;justify-content:flex-end;padding:24px;display:flex}.text-card h3{letter-spacing:-.5px;margin-bottom:12px;font-size:20px;font-weight:500;line-height:1.3}.text-card p{color:#ffffffb3;font-size:12px;font-weight:400;line-height:1.6}.card{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.card.visible{opacity:1;transform:translateY(0)}.card[data-delay="1"]{transition-delay:50ms}.card[data-delay="2"]{transition-delay:.1s}.card[data-delay="3"]{transition-delay:.15s}.card[data-delay="4"]{transition-delay:.2s}.card[data-delay="5"]{transition-delay:.25s}.header{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) .1s forwards headerFadeIn;transform:translateY(-10px)}@keyframes headerFadeIn{to{opacity:1;transform:translateY(0)}}.chart-line-animated{stroke-dasharray:200;stroke-dashoffset:200px;transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1) .3s}.card.visible .chart-line-animated{stroke-dashoffset:0}.blob-card.visible .blob-group{animation:8s ease-in-out infinite blobBreath}@keyframes blobBreath{0%,to{transform:scale(1)translate(0)}50%{transform:scale(1.02)translate(2px,-2px)}}.recipe-overlay{z-index:999;opacity:0;pointer-events:none;background:#08080cd9;transition:opacity .2s;position:fixed;inset:0}.recipe-overlay.visible{opacity:1;pointer-events:auto}.recipe-modal{z-index:1000;opacity:0;pointer-events:none;background:#0c0c14;border:1px solid #1c1c28;border-radius:12px;width:480px;max-width:calc(100vw - 48px);transition:opacity .2s,transform .2s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.96);box-shadow:0 24px 64px #0009}.recipe-modal.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.recipe-modal-header{letter-spacing:-.3px;color:#f0f0f0;border-bottom:1px solid #1c1c28;padding:20px 24px;font-size:15px;font-weight:500}.recipe-modal-swatches{border-bottom:1px solid #1c1c28;gap:10px;padding:16px 24px;display:flex}.recipe-swatch{border:1px solid #ffffff1a;border-radius:6px;width:28px;height:28px}.recipe-modal-prompt{color:#a0a0b0;white-space:pre-wrap;padding:20px 24px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.7}.recipe-modal-footer{border-top:1px solid #1c1c28;justify-content:center;padding:16px 24px;display:flex}.recipe-copy-btn{color:#f0f0f0;cursor:pointer;background:0 0;border:1px solid #3d3d5c;border-radius:6px;padding:10px 28px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}.recipe-copy-btn:hover{background:#6366f126;border-color:#6366f1}.recipe-copy-btn.copied{color:#14b8a6;background:#14b8a626;border-color:#14b8a6}.recipe-icon{pointer-events:none;width:18px;height:18px;position:absolute;bottom:14px;left:14px}.recipe-icon svg{fill:none;stroke:#fff6;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.card:hover .recipe-icon svg{stroke:#ffffffb3}@media (prefers-reduced-motion:reduce){.card{opacity:1;transition:none;transform:none}.header{opacity:1;animation:none;transform:none}.blob-card.visible .blob-group{animation:none}}@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}.title-card h1{font-size:36px}.container{padding:24px}}@media (max-width:640px){.grid{grid-template-columns:1fr;grid-auto-rows:180px}.span-2x2,.span-2x1,.span-1x2{grid-area:span 1/span 1}.span-2x2{grid-row:span 2}.header{padding:0 20px}.container{padding:16px}.title-card{padding:24px}.title-card h1{font-size:32px}}