:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #38bdf8;--accent-secondary: #818cf8;--accent-glow: rgba(56, 189, 248, .5);--card-bg: rgba(30, 41, 59, .7);--border-color: rgba(148, 163, 184, .1);--font-family: "Inter", system-ui, -apple-system, sans-serif}html,#root{height:100%}body{margin:0;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 50%,rgba(56,189,248,.08) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(129,140,248,.08) 0%,transparent 25%),linear-gradient(120deg,transparent 0%,rgba(56,189,248,.03) 40%,transparent 80%),linear-gradient(-60deg,transparent 0%,rgba(129,140,248,.03) 40%,transparent 80%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,50px 50px,50px 50px;background-attachment:fixed;height:100vh;overflow:hidden}*{box-sizing:border-box}img,video{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a66}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.container{max-width:1400px;margin:0 auto;padding:2rem;height:100%;display:flex;flex-direction:column}.header{text-align:center;margin-bottom:1rem;flex-shrink:0}.title{font-size:3rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.05em}.subtitle{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.main-content{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);gap:2rem;flex:1;height:0;min-height:0;overflow:hidden}@media(min-width:1024px){.main-content{grid-template-columns:320px 1fr}}.mobile-nav-toggle{position:absolute;top:1rem;left:0;background:#1e293b80;border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem;border-radius:8px;cursor:pointer;z-index:50;display:flex;align-items:center;justify-content:center;transition:all .2s}.mobile-nav-toggle:hover{background:var(--accent-primary);color:#0f172a}.mobile-close-sidebar{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;z-index:101;display:block}@media(max-width:1023px){.sidebar{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#0f172afa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:5rem 2rem 2rem;transition:transform .3s cubic-bezier(.16,1,.3,1);transform:translate(-100%);overflow-y:auto}.sidebar.open{transform:translate(0)}.header{margin-top:3rem}}@media(min-width:1024px){.sidebar{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:.5rem;height:100%;transform:none!important}.mobile-nav-toggle,.mobile-close-sidebar{display:none!important}}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 30px #0000001a;padding:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-field{background:#0f172a99;border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;width:100%;font-size:1rem;transition:all .3s ease}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.reset-btn{background:#0f172a99;border:1px solid var(--border-color);color:var(--text-secondary);padding:0 1rem;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.reset-btn:hover{background:#1e293bcc;color:var(--text-primary);border-color:var(--accent-primary)}.options-grid{display:grid;grid-template-columns:1fr;gap:1rem}.option-item{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.option-label{color:var(--text-secondary);transition:color .2s}.option-item:hover .option-label{color:var(--text-primary)}.toggle-switch{appearance:none;width:40px;height:24px;background:var(--bg-secondary);border-radius:12px;position:relative;cursor:pointer;transition:background .3s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s}.toggle-switch:checked{background:var(--accent-primary)}.toggle-switch:checked:after{transform:translate(16px)}.milestone-btn{padding:.375rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:500;background-color:var(--bg-secondary);color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s}.milestone-btn:hover{background-color:#1e293b;color:var(--text-primary)}.milestone-btn.selected{background-color:var(--accent-primary);color:#0f172a;font-weight:700}.results-header{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.milestone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-bottom:2rem}.milestone-grid-container{overflow-y:auto;flex:1;min-height:0;padding-right:.5rem;scroll-behavior:smooth;height:100%}@media(max-width:768px){.milestone-grid{grid-template-columns:repeat(1,1fr)}}.milestone-card-container{background-color:transparent;perspective:1000px;min-height:220px;cursor:pointer}.milestone-card-inner{position:relative;width:100%;height:100%;text-align:left;transition:transform .6s;transform-style:preserve-3d;display:flex}.milestone-card-container.axis-y.flipped .milestone-card-inner.animation-default{transform:rotateY(180deg)}.milestone-card-container.axis-y.flipped .milestone-card-inner.animation-bounce{animation:flipBounceY .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.milestone-card-container.axis-y.flipped .milestone-card-inner.animation-spin{animation:flipSpinY .8s ease-out forwards}.milestone-card-container.axis-x.flipped .milestone-card-inner.animation-default{transform:rotateX(180deg)}.milestone-card-container.axis-x.flipped .milestone-card-inner.animation-bounce{animation:flipBounceX .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.milestone-card-container.axis-x.flipped .milestone-card-inner.animation-spin{animation:flipSpinX .8s ease-out forwards}.milestone-card-container.axis-y:not(.flipped) .milestone-card-inner.animation-unflip-bounce{animation:unflipBounceY .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.milestone-card-container.axis-y:not(.flipped) .milestone-card-inner.animation-unflip-spin{animation:unflipSpinY .8s ease-out forwards}.milestone-card-container.axis-x:not(.flipped) .milestone-card-inner.animation-unflip-bounce{animation:unflipBounceX .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.milestone-card-container.axis-x:not(.flipped) .milestone-card-inner.animation-unflip-spin{animation:unflipSpinX .8s ease-out forwards}@keyframes flipBounceY{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes flipSpinY{0%{transform:rotateY(0)}50%{transform:rotateY(270deg) scale(1.1)}to{transform:rotateY(180deg) scale(1)}}@keyframes unflipBounceY{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes unflipSpinY{0%{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(90deg) scale(1.1)}to{transform:rotateY(0) scale(1)}}@keyframes flipBounceX{0%{transform:rotateX(0)}to{transform:rotateX(180deg)}}@keyframes flipSpinX{0%{transform:rotateX(0)}50%{transform:rotateX(270deg) scale(1.1)}to{transform:rotateX(180deg) scale(1)}}@keyframes unflipBounceX{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}@keyframes unflipSpinX{0%{transform:rotateX(180deg) scale(1)}50%{transform:rotateX(90deg) scale(1.1)}to{transform:rotateX(0) scale(1)}}.milestone-card-face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;border:1px solid var(--border-color);padding:1rem;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column}.milestone-card-face.front{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;border-left:4px solid transparent;transition:transform .3s ease,border-color .3s ease;clip-path:polygon(30px 0,100% 0,100% 100%,0 100%,0 30px)}.milestone-card-face.front:after{content:"";position:absolute;top:0;left:0;width:30px;height:30px;background:linear-gradient(135deg,transparent 50%,rgba(30,41,59,.9) 50%);border-bottom:4px solid var(--accent-primary);border-right:1px solid rgba(255,255,255,.1);border-bottom-right-radius:6px;box-shadow:2px 2px 3px #0000004d;pointer-events:none}.milestone-card-container:hover .milestone-card-face.front{border-left-color:var(--accent-primary);transform:translateY(-2px)}.milestone-card-face.back{background:#1e293bf2;justify-content:center;align-items:center;text-align:center;border:1px solid var(--border-color);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}.milestone-card-container.axis-y .milestone-card-face.back{transform:rotateY(180deg);border-right:4px solid var(--accent-primary);border-left:1px solid var(--border-color);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}.milestone-card-container.axis-x .milestone-card-face.back{transform:rotateX(180deg);border-left:4px solid var(--accent-primary);border-right:1px solid var(--border-color);clip-path:polygon(0 0,100% 0,100% 100%,30px 100%,0 calc(100% - 30px))}.back-content{display:flex;flex-direction:column;gap:.75rem;align-items:center;width:100%}.action-btn{display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .2s;width:100%;max-width:200px}.calendar-btn,.share-btn{background:#38bdf81a;color:var(--accent-primary);border:1px solid rgba(56,189,248,.3);cursor:pointer;gap:.5rem}.calendar-btn:hover,.share-btn:hover{background:#38bdf833;transform:translateY(-1px);color:var(--accent-primary)}.social-links{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.social-links svg{width:16px;height:16px}.social-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);text-decoration:none;transition:all .2s;font-weight:700;cursor:pointer;padding:0}.social-icon:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1)}.social-icon.bluesky:hover{background:#0085ff}.social-icon.twitter:hover{background:#000}.social-icon.facebook:hover{background:#1877f2}.social-icon.linkedin:hover{background:#0a66c2}.milestone-card-face.today{border-color:var(--accent-primary);background:#38bdf81a;box-shadow:0 0 20px #38bdf81a}.milestone-card-face.next{border-left-color:var(--accent-secondary);background:#818cf80d}.milestone-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.day-count{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.season-badge{font-size:.75rem;font-family:monospace;color:var(--text-secondary);background:#1e293bcc;padding:.25rem .5rem;border-radius:4px;display:flex;align-items:center;gap:.25rem}.season-badge.winter{color:#22d3ee;background:#22d3ee26;border:1px solid rgba(34,211,238,.2)}.season-badge.spring{color:#4ade80;background:#4ade8026;border:1px solid rgba(74,222,128,.2)}.season-badge.summer{color:#fbbf24;background:#fbbf2426;border:1px solid rgba(251,191,36,.2)}.season-badge.autumn{color:#fb923c;background:#fb923c26;border:1px solid rgba(251,146,60,.2)}.milestone-date{font-size:1.125rem;color:var(--text-primary);margin-bottom:.75rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:.75rem;padding:.25rem .5rem;border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary)}.tag.milestone{background:#6366f133;color:#a5b4fc}.tag.prime{background:#10b98133;color:#6ee7b7}.tag.sequence{background:#f59e0b33;color:#fcd34d}.tag.today-tag{background:#38bdf833;color:#38bdf8;font-weight:700}.footer{margin-top:auto;padding-top:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.h-full{height:100%}.w-full{width:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-mono{font-family:monospace}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-300{color:#d1d5db}.text-emerald-400{color:#34d399}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-tighter{letter-spacing:-.05em}.leading-none{line-height:1}.border-l-4{border-left-width:4px;border-left-style:solid}.border-l-emerald-400{border-left-color:#34d399}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-r{border-right-width:1px;border-right-style:solid}.border-slate-700\/50{border-color:#33415580}.bg-slate-800\/30{background-color:#1e293b4d}.bg-slate-800\/50{background-color:#1e293b80}.rounded{border-radius:.25rem}@media(min-width:768px){.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:border-b-0{border-bottom-width:0}.md\:border-r{border-right-width:1px;border-right-style:solid}}.w-3{width:.75rem}.h-3{height:.75rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-12{width:3rem}.h-12{height:3rem}.rounded-xl{border-radius:.75rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.header *{margin-top:0}.w-16{width:4rem}.h-16{height:4rem}.rounded-2xl{border-radius:1rem}.shadow-cyan-500\/20{box-shadow:0 10px 15px -3px #06b6d433,0 4px 6px -2px #06b6d41a}.text-5xl{font-size:3rem}.milestone-card-container.highlighted{animation:spinHighlight 2s linear 2 backwards}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.modal-content{background:#1e293bf2;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:1rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080;color:var(--text-primary)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--accent-primary)}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:2rem;line-height:1;cursor:pointer;padding:0}.close-btn:hover{color:var(--text-primary)}.modal-body p{line-height:1.6;margin-bottom:1rem;color:var(--text-secondary)}.modal-body strong{color:var(--text-primary)}.footer-links{margin-bottom:.5rem}.link-btn{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:var(--accent-primary);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer;text-decoration:none;opacity:1}.link-btn:hover{background:#38bdf833;transform:translateY(-1px);color:var(--accent-primary)}.milestone-card-container.highlighted .milestone-card-face{box-shadow:0 0 30px #818cf880,0 0 15px var(--accent-secondary);border-color:var(--accent-secondary)}@keyframes spinHighlight{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slideDown{animation:slideDown .5s ease-out forwards}.list-none-override ul,.list-none-override ol,.list-none-override li{list-style:none!important;padding-left:0!important;margin-left:0!important}.list-none-override li{margin-bottom:.5rem}.season-badge.spring{background:#10b98133;color:#6ee7b7}.season-badge.summer{background:#f59e0b33;color:#fcd34d}.season-badge.autumn{background:#f9731633;color:#fdba74}.cookie-banner-floating{position:fixed;top:1.5rem;left:0;right:0;margin:0 auto;width:90%;max-width:800px;background-color:#312e81;border:1px solid rgba(99,102,241,.5);border-radius:12px;padding:1rem 1.5rem;z-index:1000;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cookie-banner-content{display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:768px){.cookie-banner-content{flex-direction:row;justify-content:space-between}}.cookie-text{color:#d1d5db;font-size:.875rem;text-align:center;margin:0}@media(min-width:768px){.cookie-text{text-align:left}}.cookie-link{background:transparent;border:none;color:#38bdf8;text-decoration:underline;cursor:pointer;padding:0;margin-left:.25rem;font-family:inherit;font-size:inherit}.cookie-link:hover{color:#7dd3fc}.cookie-buttons{display:flex;gap:.75rem}.cookie-btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cookie-btn.decline{background:transparent;color:#9ca3af}.cookie-btn.decline:hover{color:#fff}.cookie-btn.accept{background-color:#0284c7;color:#fff;box-shadow:0 0 10px #38bdf84d}.cookie-btn.accept:hover{background-color:#0ea5e9}.modal-layout{width:100%;height:100%;padding:2rem;overflow-y:auto;border-color:#6366f1;display:flex;flex-direction:column;align-items:center;grid-column:1 / -1}.modal-close-icon{position:absolute;top:1rem;right:1.5rem;border:none;background:transparent;color:#9ca3af;font-size:2rem;line-height:1;cursor:pointer;padding:.5rem;z-index:10}.modal-close-icon:hover{color:#fff}.modal-inner-content{width:50%;min-width:320px;margin:2rem auto;position:relative;z-index:5}@media(max-width:768px){.modal-inner-content{max-width:90%}}.modal-markdown{color:var(--text-primary);line-height:1.7}.modal-markdown h1,.modal-markdown h2,.modal-markdown h3{color:#38bdf8;margin-top:1.5rem;margin-bottom:1rem;font-weight:700}.modal-markdown h1{font-size:1.875rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.modal-markdown h2{font-size:1.5rem}.modal-markdown p{margin-bottom:1rem}.modal-markdown ul,.modal-markdown ol{list-style:none;padding:0;margin:0}.modal-markdown li{margin-bottom:.5rem}.modal-markdown strong{color:#fff}.modal-markdown a{color:var(--accent-primary);text-decoration:underline;transition:color .2s}.modal-markdown a:hover{color:var(--accent-secondary);text-decoration-thickness:2px}.front-main-icon{width:4rem;height:4rem}@media(min-width:768px){.front-main-icon{width:3rem;height:3rem}}.desktop-only{display:none!important}@media(min-width:768px){.desktop-hidden{display:none!important}.desktop-row{flex-direction:row!important}.desktop-only{display:block!important}}@media(max-width:768px){.mobile-snap-container{height:100vh;width:100vw;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative}.mobile-hero-section{height:100vh;width:100vw;max-width:100vw;overflow-x:hidden;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.mobile-hero-footer{position:absolute;bottom:6rem;width:100%;display:flex;justify-content:center;gap:1rem;z-index:10;font-size:.75rem;color:var(--text-secondary)}.mobile-results-section{height:100vh;width:100%;scroll-snap-align:start;display:flex;flex-direction:column;padding-top:60px;background:var(--bg-primary)}.mobile-sticky-header{position:fixed;top:0;left:0;width:100%;height:60px;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--border-color);transform:translateY(-100%);transition:transform .3s ease}.mobile-sticky-header.visible{transform:translateY(0)}.mobile-sticky-footer{position:fixed;bottom:0;left:0;width:100%;height:auto;padding:1rem;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;display:flex;align-items:center;justify-content:center;gap:1.5rem;border-top:1px solid var(--border-color);transform:translateY(100%);transition:transform .3s ease;font-size:.8rem;color:var(--text-secondary)}.mobile-sticky-footer.visible{transform:translateY(0)}.mobile-date-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.mobile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem .5rem 5rem;overflow-y:auto;flex:1}.mobile-mini-card{min-height:110px;background:#1e293b99;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .5rem;cursor:pointer;transition:all .2s}.mobile-mini-card-number{font-size:1rem;font-weight:700;color:var(--accent-primary)}.mobile-mini-card-season{font-size:1.2rem;margin:.2rem 0}.mobile-mini-card-date{font-size:.65rem;color:var(--text-secondary)}.mobile-mini-tags{display:flex;gap:2px;margin-top:.2rem}.mobile-tag-dot{width:6px;height:6px;border-radius:50%}.mobile-card-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#38bdf826,#7c3aed1a 40%,#0f172ad9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.mobile-card-expanded{width:100%;max-width:320px;aspect-ratio:3/4;background:transparent;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.mobile-card-expanded .milestone-card-container{height:100%}.mobile-card-expanded .milestone-card-face{border-color:#ffffff40;box-shadow:0 20px 40px -5px #0009}.desktop-only{display:none!important}.swipe-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--accent-primary);animation:bounce 2s infinite;opacity:.8}}@media(min-width:769px){.mobile-only{display:none!important}}@keyframes popIn{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes popOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9) translateY(20px);opacity:0}}.mobile-card-overlay.closing{animation:fadeOut .2s ease-out forwards}.mobile-card-expanded.closing{animation:popOut .2s ease-in forwards}.mobile-nav-btn{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:var(--accent-primary);padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.mobile-nav-btn:active{background:#38bdf833}.mobile-mini-card.today{border:1px solid var(--accent-primary);background:#38bdf826;box-shadow:0 0 12px #38bdf84d}.mobile-mini-card.today .mobile-mini-card-number{color:var(--accent-primary);transform:scale(.95)}.mobile-footer-btn{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);color:var(--accent-primary);padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:500;transition:all .2s}.mobile-footer-btn:active{background:#38bdf833;transform:scale(.95)}.mobile-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;padding:1rem;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.mobile-modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;flex:1;overflow-y:auto;position:relative;box-shadow:0 10px 30px #00000080}.mobile-modal-close{position:absolute;top:.5rem;right:.5rem;font-size:2rem;line-height:1;color:var(--text-secondary);background:transparent;border:none;padding:.5rem;z-index:10}.mobile-grid::-webkit-scrollbar,.mobile-modal-content::-webkit-scrollbar,.mobile-results-section::-webkit-scrollbar{display:none}.mobile-grid,.mobile-modal-content,.mobile-results-section{-ms-overflow-style:none;scrollbar-width:none}