@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color: #030303;--card-bg: rgba(255, 255, 255, .03);--card-hover: rgba(255, 255, 255, .08);--accent-primary: hsl(170, 100%, 50%);--accent-secondary: hsl(210, 100%, 50%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .1);--font-main: "Outfit", system-ui, -apple-system, sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#222;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#333}.dashboard{max-width:1600px;margin:0 auto;padding:6rem 2rem;min-height:100vh}.dashboard-header{position:relative;text-align:center;margin-bottom:5rem}.dashboard-header .hero-glow{position:absolute;top:50%;left:50%;width:600px;height:400px;background:radial-gradient(circle,rgba(0,255,204,.15) 0%,rgba(0,100,255,.05) 50%,transparent 70%);transform:translate(-50%,-50%);filter:blur(50px);z-index:-1;pointer-events:none}.dashboard-header .badge{display:inline-flex;align-items:center;padding:.6rem 1.5rem;background:#00ffcc0d;border:1px solid rgba(0,255,204,.3);color:var(--accent-primary);border-radius:100px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 20px #00ffcc1a}.homepage-logo{width:120px;height:120px;margin:0 auto 1.5rem;display:block;border-radius:50%;box-shadow:0 0 40px #0fc3;border:2px solid rgba(255,255,255,.1)}.dashboard-header h1{font-size:clamp(3.5rem,8vw,6.5rem);font-weight:800;letter-spacing:-.04em;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 20%,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;text-shadow:0 10px 30px rgba(0,0,0,.5)}.dashboard-header p{color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:300;max-width:650px;margin:0 auto;line-height:1.6}.days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;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")}.day-card{aspect-ratio:1;background-color:var(--card-bg);border:1px solid var(--glass-border);border-radius:28px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;transition:all .5s cubic-bezier(.2,1,.2,1);text-align:left;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a}.day-card .card-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transition:transform .6s cubic-bezier(.2,1,.2,1)}.card-image.fallback{background:#111;background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.03),transparent 70%)}.day-card:nth-child(4n+1) .card-image.fallback{background:linear-gradient(135deg,rgba(0,255,204,.05),transparent),#0a0a0a}.day-card:nth-child(4n+2) .card-image.fallback{background:linear-gradient(135deg,rgba(0,100,255,.05),transparent),#0a0a0a}.day-card:nth-child(4n+3) .card-image.fallback{background:linear-gradient(135deg,rgba(160,0,255,.05),transparent),#0a0a0a}.day-card:nth-child(4n+4) .card-image.fallback{background:linear-gradient(135deg,rgba(255,0,80,.05),transparent),#0a0a0a}.day-card .card-image img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .5s}.day-card:hover .card-image{transform:scale(1.05)}.day-card:hover .card-image img{opacity:.8}.day-card .card-content{position:relative;z-index:1;padding:2rem;width:100%;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 50%,transparent 100%);transform:translateY(0);transition:transform .4s}.day-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px #ffffff0d;border-radius:24px;pointer-events:none;z-index:2;transition:opacity .4s}.day-card:hover:before{box-shadow:inset 0 0 0 1px #fff3}.day-card:hover{background-color:var(--card-hover);border-color:#fff6;transform:translateY(-12px) scale(1.03);box-shadow:0 30px 60px #00000080,0 0 40px #00ffcc1a}.day-card:hover:before{opacity:.15}.day-card.active{border-color:var(--accent-primary);background:#00ffcc0d}.day-card.placeholder{opacity:.3;cursor:not-allowed;border-style:dashed}.day-number{font-size:.9rem;color:var(--accent-primary);font-weight:600;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.75rem;display:block}.day-title{font-size:1.5rem;font-weight:600;line-height:1.2}.p5-viewer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center}.back-btn{position:absolute;top:2.5rem;left:2.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:1rem 2rem;border-radius:100px;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s;z-index:110;font-family:var(--font-main);font-weight:600;font-size:1rem}.back-btn:hover{background:#ffffff26;border-color:#fff6;transform:translate(-5px)}.p5-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sketch-info{position:absolute;bottom:3rem;left:3rem;max-width:500px;z-index:110;pointer-events:auto;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.2,1,.2,1)}.sketch-info.minimized{max-width:250px;padding:1rem 1.5rem;background:#0009;border-radius:100px}.info-toggle{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sketch-info.minimized .info-toggle{top:50%;right:.5rem;transform:translateY(-50%);width:28px;height:28px;font-size:1rem}.info-toggle:hover{background:#fff3;transform:scale(1.1)}.sketch-info.minimized .info-toggle:hover{transform:translateY(-50%) scale(1.1)}.sketch-info h2{font-size:2.5rem;margin-bottom:.75rem;font-weight:700;letter-spacing:-.02em}.sketch-info p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.info-mini{display:flex;align-items:center;gap:1rem;padding-right:2rem}.day-number-mini{color:var(--accent-primary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.day-title-mini{font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.bg-blobs{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;filter:blur(80px);opacity:.15}.blob{position:absolute;width:500px;height:500px;border-radius:50%;animation:blob 10s infinite alternate cubic-bezier(.4,0,.2,1)}.blob-1{background:var(--accent-primary);top:-100px;left:-100px}.blob-2{background:var(--accent-secondary);bottom:-100px;right:-100px;animation-delay:-5s}.days-grid>*{animation:fadeIn .8s ease-out backwards}.days-grid>*:nth-child(1){animation-delay:.05s}.days-grid>*:nth-child(2){animation-delay:.1s}.days-grid>*:nth-child(3){animation-delay:.15s}.days-grid>*:nth-child(4){animation-delay:.2s}.days-grid>*:nth-child(5){animation-delay:.25s}.days-grid>*:nth-child(6){animation-delay:.3s}.days-grid>*:nth-child(7){animation-delay:.35s}.days-grid>*:nth-child(8){animation-delay:.4s}.days-grid>*:nth-child(9){animation-delay:.45s}.days-grid>*:nth-child(10){animation-delay:.5s}