*{font-family:'Nunito',sans-serif}
.font-mono{font-family:'JetBrains Mono',monospace}
body{background:#F5F3FF}
.blob{position:absolute;border-radius:60% 40% 70% 30%/50% 60% 40% 50%;filter:blur(55px);pointer-events:none;z-index:0}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#C4B5FD;border-radius:20px}
.clay-icon-btn{--c:#F8FAFC;--s:#CBD5E1;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:15px;background:var(--c);box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 4px 0 0 var(--s),0 8px 14px rgba(0,0,0,.1);transition:transform .1s ease-out,box-shadow .1s ease-out;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent}
.clay-icon-btn:hover{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 2px 0 0 var(--s),0 4px 8px rgba(0,0,0,.08)}
.clay-icon-btn:active{transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 0 0 0 var(--s),0 2px 4px rgba(0,0,0,.06)}
.clay-link{padding:8px 16px;border-radius:12px;font-size:11px;font-weight:800;background:#A78BFA;color:#fff;box-shadow:0 4px 0 0 #6D28D9;transition:transform .1s ease-out,box-shadow .1s ease-out}
.clay-link:hover{transform:translateY(2px);box-shadow:0 2px 0 0 #6D28D9}
.clay-stat-card{background:#fff;border-radius:26px;padding:26px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 8px 0 0 #EEF0F6,0 16px 30px rgba(30,27,75,.08)}
.clay-stat-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 60%),var(--c);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 0 0 var(--s),0 8px 16px rgba(0,0,0,.14)}
.mem-track{height:26px;border-radius:999px;background:#EDE9FE;box-shadow:inset 0 3px 6px rgba(99,80,200,.15);overflow:hidden}
.mem-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2DD4BF,#60A5FA);box-shadow:0 3px 0 0 #0F766E;transition:width .6s cubic-bezier(.34,1.2,.64,1);width:0%}
.mem-fill.warn{background:linear-gradient(90deg,#FCD34D,#FB923C);box-shadow:0 3px 0 0 #B45309}
.mem-fill.danger{background:linear-gradient(90deg,#FB7185,#EF4444);box-shadow:0 3px 0 0 #BE123C}
.clay-shimmer{background:linear-gradient(100deg,#EDE9FE 25%,#F8F7FF 45%,#EDE9FE 65%);background-size:200% 100%;animation:clayShine 1.3s linear infinite;border-radius:12px}
@keyframes clayShine{to{background-position:-200% 0}}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .55s cubic-bezier(.34,1.4,.64,1),transform .55s cubic-bezier(.34,1.4,.64,1)}
.reveal.in{opacity:1;transform:translateY(0)}