*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--color-bg-primary:#1a1614;--color-bg-secondary:#221f1a;--color-surface:rgba(34,31,26,.7);--color-border:rgba(232,227,211,.08);--color-border-accent:rgba(217,119,87,.12);--color-text-primary:#e8e3d3;--color-text-secondary:#c9a88b;--color-text-tertiary:#a39d8f;--color-accent-primary:#d97757;--color-accent-muted:#e89b7e;--color-accent-bg:rgba(217,119,87,.08);--color-accent-bg-hover:rgba(217,119,87,.15);--shadow-sm:0 1px 2px rgba(0,0,0,.15);--shadow-md:0 4px 12px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1);--shadow-lg:0 12px 40px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.2);--shadow-xl:0 20px 60px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.25);--glow-accent:0 0 20px rgba(217,119,87,.15),0 0 40px rgba(217,119,87,.08);--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif}html{background-color:#1a1614}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:#1a1614}.empty-state{background:linear-gradient(135deg,var(--color-bg-primary)0%,var(--color-bg-secondary)50%,var(--color-bg-primary)100%);min-height:100vh;color:var(--color-text-primary);opacity:0;justify-content:center;align-items:center;padding:60px 40px;animation:1.4s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:relative;overflow:hidden}.empty-state:before{content:"";pointer-events:none;background:radial-gradient(circle,rgba(217,119,87,.12) 0%,rgba(217,119,87,.04) 30%,transparent 60%);width:200%;height:200%;animation:8s ease-in-out infinite glowPulse;position:absolute;top:-50%;left:-50%}.empty-state:after{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,rgba(217,119,87,.06) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(232,155,126,.04) 0%,transparent 40%);position:absolute;top:0;bottom:0;left:0;right:0}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.1)rotate(180deg)}}@keyframes fadeIn{to{opacity:1}}.empty-state-content{text-align:center;z-index:10;background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(60px)saturate(200%);width:100%;max-width:600px;box-shadow:var(--shadow-xl),0 0 0 1px rgba(232,227,211,.06) inset,0 0 0 1.5px rgba(217,119,87,.04) inset,var(--glow-accent);border-radius:28px;padding:88px 68px;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative}.empty-state-content:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-xl),0 0 0 1px rgba(232,227,211,.08) inset,0 0 0 1.5px rgba(217,119,87,.08) inset,0 0 30px rgba(217,119,87,.2),0 0 60px rgba(217,119,87,.12);transform:translateY(-2px)}.coming-soon-badge{background:var(--color-accent-bg);color:var(--color-accent-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;font-weight:500;font-family:var(--font-body);opacity:0;box-shadow:var(--shadow-sm),0 0 0 1px rgba(217,119,87,.08) inset;border:.5px solid rgba(217,119,87,.25);border-radius:24px;align-items:center;gap:6px;margin-bottom:48px;padding:7px 18px;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.9s cubic-bezier(.16,1,.3,1) .2s forwards badgeSlide;display:inline-flex}.coming-soon-badge:before{content:"";background:var(--color-accent-muted);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px rgba(217,119,87,.6)}.coming-soon-badge:hover{background:var(--color-accent-bg-hover);box-shadow:var(--shadow-md),0 0 0 1px rgba(217,119,87,.12) inset;border-color:rgba(217,119,87,.4);transform:translateY(-1px)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes badgeSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.empty-state-title{color:var(--color-text-primary);font-size:72px;font-weight:600;font-family:var(--font-display);letter-spacing:-.04em;opacity:0;background:linear-gradient(135deg,#e8e3d3 0%,#c9a88b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:28px;padding:4px 0;line-height:1.15;animation:.9s cubic-bezier(.16,1,.3,1) .3s forwards titleSlide}@keyframes titleSlide{0%{opacity:0;filter:blur(4px);transform:translateY(12px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.empty-state-subtitle{color:var(--color-text-secondary);font-size:21px;line-height:1.55;font-family:var(--font-body);letter-spacing:-.015em;opacity:0;max-width:460px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-weight:500;animation:.9s cubic-bezier(.16,1,.3,1) .45s forwards subtitleSlide}@keyframes subtitleSlide{0%{opacity:0;filter:blur(2px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.empty-state-description{color:var(--color-text-tertiary);font-size:15.5px;line-height:1.75;font-family:var(--font-body);letter-spacing:-.008em;opacity:0;max-width:460px;margin-bottom:64px;margin-left:auto;margin-right:auto;font-weight:400;animation:.9s cubic-bezier(.16,1,.3,1) .6s forwards descriptionSlide}@keyframes descriptionSlide{0%{opacity:0;filter:blur(1px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}.empty-state-secondary{opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-top:0;padding:0;animation:.9s cubic-bezier(.16,1,.3,1) .75s forwards secondarySlide;display:flex;transform:translateY(12px)}.github-link{background:var(--color-accent-bg);color:var(--color-accent-primary);font-size:13.5px;font-weight:500;font-family:var(--font-body);letter-spacing:-.01em;box-shadow:var(--shadow-sm),0 0 0 1px rgba(217,119,87,.06) inset;border:.5px solid rgba(217,119,87,.2);border-radius:20px;align-items:center;gap:8px;padding:11px 22px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.github-link:before{content:"";background:radial-gradient(circle,rgba(217,119,87,.2) 0%,transparent 70%);border-radius:50%;width:0;height:0;transition:width .6s cubic-bezier(.16,1,.3,1),height .6s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.github-link:hover:before{width:200px;height:200px}.github-link:hover{background:var(--color-accent-bg-hover);color:var(--color-accent-muted);box-shadow:var(--shadow-md),0 0 0 1px rgba(217,119,87,.12) inset,0 0 20px rgba(217,119,87,.2);border-color:rgba(217,119,87,.35);transform:translateY(-2px)}.github-link:active{box-shadow:var(--shadow-sm),0 0 0 1px rgba(217,119,87,.1) inset;transform:translateY(-1px)}.github-link svg{z-index:1;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative}.github-link:hover svg{transform:rotate(-5deg)scale(1.05)}.github-link span{z-index:1;position:relative}@keyframes secondarySlide{0%{opacity:0;filter:blur(1px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (max-width:768px){.empty-state{min-height:100vh;align-items:stretch;min-height:100dvh;padding:0}.empty-state-content{max-width:100%;min-height:100vh;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;margin-top:0;padding:72px 40px 64px;display:flex;box-shadow:inset 0 0 0 1px rgba(232,227,211,.06),inset 0 0 0 1.5px rgba(217,119,87,.04)}.empty-state-content:hover{transform:none;box-shadow:inset 0 0 0 1px rgba(232,227,211,.06),inset 0 0 0 1.5px rgba(217,119,87,.04)}.coming-soon-badge{letter-spacing:.08em;margin-bottom:36px;padding:6px 14px;font-size:10.5px}.empty-state-title{letter-spacing:-.035em;margin-bottom:20px;font-size:48px}.empty-state-subtitle{margin-bottom:44px;font-size:18px}.empty-state-description{margin-bottom:52px;font-size:14.5px;line-height:1.7}.github-link{padding:10px 20px;font-size:12.5px}}@media (max-width:480px){.empty-state-content{padding:60px 32px 56px}.empty-state-title{font-size:40px}.empty-state-subtitle{font-size:17px}.coming-soon-badge{margin-bottom:32px;padding:5px 12px;font-size:10px}.empty-state-description{margin-bottom:48px}}
