:root{--daily7-primary:#2563eb;--daily7-primary-dark:#1d4ed8;--daily7-success:#10b981;--daily7-success-dark:#059669;--daily7-gray-50:#fafafa;--daily7-gray-100:#f4f4f5;--daily7-gray-200:#e4e4e7;--daily7-gray-300:#d4d4d8;--daily7-gray-400:#a1a1aa;--daily7-gray-500:#71717a;--daily7-gray-600:#52525b;--daily7-gray-700:#3f3f46;--daily7-gray-900:#18181b;--daily7-shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--daily7-shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--daily7-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--daily7-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--daily7-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--daily7-radius-sm:6px;--daily7-radius:8px;--daily7-radius-lg:12px;--daily7-radius-xl:16px;--daily7-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--daily7-transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1)}.daily7-container{max-width:600px;margin:0 auto;padding:0 20px}@media (max-width:768px){.daily7-container{padding:0 16px}}.daily7-page{background-color:#fafafa;min-height:100vh;padding-top:24px}.daily7-layout{display:flex;gap:24px;max-width:1400px;margin:0 auto;padding:0 20px}.daily7-main-content{flex:1;min-width:0}.daily7-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.daily7-header-card{max-width:600px;margin:0 auto 20px;background:white;border-radius:var(--daily7-radius-lg);box-shadow:var(--daily7-shadow-sm);border:1px solid var(--daily7-gray-200);overflow:hidden;animation:titleFadeIn 0.6s cubic-bezier(0.4,0,0.2,1)}.daily7-title-section{text-align:center;padding:24px 20px 16px;background:linear-gradient(180deg,rgba(37,99,235,0.02) 0%,rgba(255,255,255,0) 100%)}.daily7-main-title{font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:2rem;font-weight:700;letter-spacing:-0.03em;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 6px 0;line-height:1.1}.daily7-subtitle{font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:0.875rem;font-weight:500;color:var(--daily7-gray-500);margin:0;letter-spacing:-0.01em}@media (max-width:1024px){.daily7-layout{flex-direction:column}.daily7-sidebar{width:100%;max-width:600px;margin:0 auto}}@media (max-width:768px){.daily7-page{padding-top:12px}.daily7-layout{padding:0 16px}.daily7-header-card{margin:0 auto 16px}.daily7-title-section{padding:20px 16px 12px}.daily7-main-title{font-size:1.75rem}.daily7-subtitle{font-size:0.8125rem}}@media (max-width:480px){.daily7-page{padding-top:8px}.daily7-header-card{margin:0 12px 12px}.daily7-title-section{padding:16px 16px 10px}.daily7-main-title{font-size:1.5rem}.daily7-subtitle{font-size:0.75rem}}.daily7-challenge-nav{display:flex;justify-content:space-between;gap:12px;max-width:600px;margin:0 auto 48px;padding:0 20px}.daily7-challenge-nav .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--daily7-radius);font-weight:500;font-size:0.9375rem;transition:var(--daily7-transition);border:1px solid var(--daily7-gray-300);background:white;color:var(--daily7-gray-700)}.daily7-challenge-nav .btn:hover:not(:disabled){background:var(--daily7-gray-50);border-color:var(--daily7-gray-400);transform:translateY(-1px);box-shadow:var(--daily7-shadow-sm)}.daily7-challenge-nav .btn:disabled{opacity:0.4;cursor:not-allowed}@media (max-width:768px){.daily7-challenge-nav{padding:0 16px;margin-bottom:32px}.daily7-challenge-nav .btn{padding:10px 16px;font-size:0.875rem}}.daily7-fade-in{animation:fadeIn 0.3s cubic-bezier(0.4,0,0.2,1)}.daily7-fade-out{animation:fadeOut 0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes titleFadeIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}