@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--cream: #FFF9E6;--cream-dark: #FFF3CC;--white: #FFFFFF;--navy: #1e1b4b;--navy-light: #3730a3;--navy-muted: #4c4687;--teal: #14b8a6;--teal-light: #5eead4;--teal-dark: #0d9488;--yellow-light: #fffbaa;--critical: #dc2626;--high: #ea580c;--medium: #ca8a04;--low: #65a30d;--shadow-sm: 0 1px 3px rgba(30, 27, 75, .08);--shadow-md: 0 4px 12px rgba(30, 27, 75, .1);--shadow-lg: 0 8px 24px rgba(30, 27, 75, .12);--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--cream);color:var(--navy);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{position:relative;min-height:100vh}.matrix-bg,.scanlines,.glow-orb,.corner-bracket{display:none}.header{position:relative;padding:3rem 2rem;text-align:center;background:linear-gradient(#ffffffb3,#ffffffbf),url(https://static.wixstatic.com/media/3e0e39_dab70a43c7c94345a025e34bf4dba52f~mv2.png/v1/fill/w_1481,h_864,al_c,q_90,usm_0.33_1.00_0.00,enc_avif,quality_auto/3e0e39_dab70a43c7c94345a025e34bf4dba52f~mv2.png);background-size:cover;background-position:center;border-bottom:1px solid rgba(30,27,75,.08)}.header-title{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--navy);margin:0 0 .75rem;letter-spacing:-.02em;line-height:1.2}.header-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:var(--navy-muted);margin:0 0 2.5rem;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto}.terminal-text{font-size:.8rem;color:var(--navy);font-family:DM Sans,sans-serif;text-align:center;margin-top:1.5rem;font-weight:700}.stats-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.stat-box{background:var(--yellow-light);border:2px solid var(--navy);border-radius:var(--radius-lg);padding:1.25rem 2rem;min-width:140px;text-align:center;transition:all .3s ease}.stat-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-number{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--navy);margin:0;line-height:1}.stat-label{font-size:.7rem;color:var(--navy-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;font-weight:600}.main-content{position:relative;max-width:900px;margin:0 auto;padding:3rem 2rem}.section-title{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--navy);margin:0 0 2rem;text-align:center}.challenge-card{background:var(--white);border-radius:var(--radius-xl);padding:2rem;margin-bottom:1.5rem;box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;border:1px solid rgba(30,27,75,.06)}.challenge-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.challenge-card.top-rank{border:2px solid var(--teal);background:linear-gradient(135deg,var(--white) 0%,rgba(20,184,166,.03) 100%)}.challenge-card-content{display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.rank-badge{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-family:Libre Baskerville,Georgia,serif;font-size:1.25rem;font-weight:700;background:var(--cream);color:var(--navy);border-radius:var(--radius-full);border:2px solid var(--navy)}.rank-badge.top-rank{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:var(--white);border-color:var(--teal-dark)}.challenge-info{flex:1;min-width:280px}.challenge-name-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.challenge-name{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;color:var(--navy);margin:0;line-height:1.3;text-transform:capitalize}.priority-badge{font-size:.65rem;padding:.35rem .75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);border:1.5px solid currentColor}.priority-critical{background:#dc26261a;color:var(--critical)}.priority-high{background:#ea580c1a;color:var(--high)}.priority-medium{background:#ca8a041a;color:var(--medium)}.priority-low{background:#65a30d1a;color:var(--low)}.challenge-description{font-size:.9rem;color:var(--navy-muted);line-height:1.6;margin:0}.challenge-stats{display:flex;align-items:center;gap:1.5rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(30,27,75,.08);flex-wrap:wrap}.question-count{display:flex;align-items:baseline;gap:.5rem;flex-shrink:0}.count-number{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.5rem,3vw,2rem);color:var(--teal-dark);font-weight:700;line-height:1}.count-label{font-size:.75rem;color:var(--navy-muted);text-transform:lowercase;font-weight:500}.percentage{font-size:1rem;color:var(--navy);font-weight:600;flex-shrink:0}.progress-bar{flex:1;min-width:150px;background:var(--cream);border-radius:var(--radius-full);height:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal) 0%,var(--teal-dark) 100%);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1)}.loading{text-align:center;padding:6rem 2rem;position:relative}.loading-icon-lg{font-size:clamp(3rem,6vw,4rem);margin-bottom:1.5rem;animation:gentleBounce 2s ease-in-out infinite}.loading-title{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--navy);margin:1rem 0}.loading-text{font-size:.9rem;color:var(--teal-dark);margin-top:1.5rem}.loading-subtext{font-size:.85rem;color:var(--navy-muted);margin-top:.5rem}.error{text-align:center;padding:4rem 2rem;position:relative}.error-box{background:var(--white);border:2px solid var(--critical);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:2.5rem;max-width:500px;margin:0 auto}.error-icon{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem}.error-text{font-size:.95rem;color:var(--navy);margin-bottom:1.5rem;line-height:1.6}.retry-button{padding:.875rem 2rem;font-size:.85rem;font-family:DM Sans,sans-serif;font-weight:600;background:transparent;color:var(--navy);border:2px solid var(--navy);border-radius:var(--radius-full);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.retry-button:hover{background:var(--navy);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.retry-button:active{transform:translateY(0)}.empty-state{text-align:center;padding:4rem 2rem;position:relative}.empty-icon{font-size:clamp(3rem,8vw,5rem);margin-bottom:1rem;opacity:.6}.empty-title{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;color:var(--navy);margin-bottom:.75rem}.empty-text{font-size:.9rem;color:var(--navy-muted);line-height:1.6;max-width:400px;margin:0 auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--navy-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--navy)}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.compact-view{overflow:hidden}.compact-header{position:relative;padding:1.5rem 2rem 1rem;text-align:center;background:linear-gradient(#ffffffb3,#ffffffbf),url(https://static.wixstatic.com/media/3e0e39_dab70a43c7c94345a025e34bf4dba52f~mv2.png/v1/fill/w_1481,h_864,al_c,q_90,usm_0.33_1.00_0.00,enc_avif,quality_auto/3e0e39_dab70a43c7c94345a025e34bf4dba52f~mv2.png);background-size:cover;background-position:center;border-bottom:1px solid rgba(30,27,75,.08)}.compact-title{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;color:var(--navy);margin:0 0 .5rem;line-height:1.2}.compact-subtitle{font-size:clamp(.75rem,1.5vw,.85rem);color:var(--navy-muted);margin:0 0 1.25rem;max-width:500px;margin-left:auto;margin-right:auto}.compact-stats-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.compact-stat{background:var(--yellow-light);border:2px solid var(--navy);border-radius:var(--radius-md);padding:.6rem 1rem;min-width:90px;text-align:center;display:flex;flex-direction:column;gap:.2rem}.compact-stat-value{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700;color:var(--navy);line-height:1}.compact-stat-label{font-size:.55rem;color:var(--navy-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.compact-terminal{font-size:.7rem;color:var(--navy);margin-top:.75rem;text-align:center;font-weight:700}.compact-main{position:relative;padding:1rem;height:calc(100vh - 200px);overflow:visible}.compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:1rem;max-height:100%;overflow-y:auto;padding:.5rem}@media(min-width:1024px)and (max-width:1366px){.compact-grid{grid-template-columns:repeat(4,1fr)}}.compact-card{background:var(--white);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;display:flex;flex-direction:column;gap:.5rem;min-height:140px;overflow:hidden;border:1px solid rgba(30,27,75,.06)}.compact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.compact-card.top-rank{border:2px solid var(--teal);background:linear-gradient(135deg,var(--white) 0%,rgba(20,184,166,.05) 100%)}.compact-rank{position:absolute;top:.75rem;right:.75rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-family:Libre Baskerville,Georgia,serif;font-size:.85rem;font-weight:700;background:var(--cream);color:var(--navy);border-radius:var(--radius-full);border:2px solid var(--navy)}.compact-rank.top-rank{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:var(--white);border-color:var(--teal-dark)}.compact-challenge-name{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(.7rem,1.3vw,.85rem);font-weight:700;color:var(--navy);margin:0;line-height:1.3;min-height:2.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-right:2.5rem;text-transform:capitalize}.mini-progress-bar{background:var(--cream);border-radius:var(--radius-full);height:6px;overflow:hidden;position:relative}.mini-progress-fill{height:100%;background:linear-gradient(90deg,var(--teal) 0%,var(--teal-dark) 100%);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1)}.compact-stats{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto}.compact-count{font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1rem,2vw,1.25rem);color:var(--teal-dark);font-weight:700;line-height:1}.compact-percentage{font-size:clamp(.75rem,1.3vw,.85rem);color:var(--navy-muted);font-weight:600}.compact-priority{position:absolute;bottom:0;left:0;right:0;height:4px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.compact-priority.priority-critical{background:var(--critical)}.compact-priority.priority-high{background:var(--high)}.compact-priority.priority-medium{background:var(--medium)}.compact-priority.priority-low{background:var(--low)}@media(max-width:374px){.header{padding:1.5rem 1rem}.header-title{font-size:1.5rem}.stats-container{flex-direction:column;gap:.75rem}.stat-box{min-width:auto;width:100%;padding:1rem}.challenge-card{padding:1.25rem;margin-bottom:1rem}.challenge-card-content{flex-direction:column;gap:1rem}.rank-badge{width:45px;height:45px;font-size:1rem}.challenge-info{min-width:auto}.challenge-name{font-size:1rem}.challenge-description{font-size:.8rem}.challenge-stats{flex-direction:column;align-items:flex-start;gap:.75rem}.progress-bar{width:100%;min-width:auto}.compact-grid{grid-template-columns:1fr;gap:.75rem}.compact-card{min-height:130px}.compact-main{height:calc(100vh - 180px);padding:.75rem}}@media(min-width:375px)and (max-width:424px){.header{padding:1.75rem 1.25rem}.stats-container{flex-direction:column;gap:.75rem}.stat-box{min-width:auto;width:100%}.challenge-card{padding:1.5rem}.challenge-card-content{flex-direction:column;gap:1rem}.rank-badge{width:50px;height:50px}.challenge-info{min-width:auto}.challenge-stats{flex-direction:column;align-items:flex-start}.progress-bar{width:100%;min-width:auto}.compact-grid{grid-template-columns:1fr;gap:.75rem}.compact-main{height:calc(100vh - 190px)}}@media(min-width:425px)and (max-width:599px){.stats-container{flex-direction:column;gap:.75rem}.stat-box{min-width:auto;width:100%}.challenge-card{padding:1.5rem}.challenge-card-content{flex-direction:column;gap:1.25rem}.challenge-info{min-width:auto}.challenge-stats{flex-direction:column;align-items:flex-start}.progress-bar{width:100%;min-width:auto}.compact-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.compact-main{height:calc(100vh - 195px)}}@media(min-width:600px)and (max-width:767px){.stats-container{flex-wrap:wrap;gap:1rem}.stat-box{min-width:130px;flex:1 1 45%}.challenge-card-content{flex-direction:column;gap:1.25rem}.challenge-stats{flex-direction:column;align-items:flex-start}.progress-bar{width:100%;min-width:auto}.compact-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:768px)and (max-width:1023px){.stats-container{flex-wrap:wrap}.stat-box{min-width:140px;flex:1 1 calc(50% - .5rem)}.challenge-card-content{flex-direction:row;flex-wrap:wrap;gap:1.5rem}.challenge-info{flex:1 1 280px}.challenge-stats{flex:1 1 100%}.compact-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px)and (max-width:1023px)and (orientation:portrait){.compact-grid{grid-template-columns:repeat(3,1fr)}}@media(max-height:500px)and (orientation:landscape){.header{padding:1rem 1.5rem}.header-title{font-size:1.25rem}.stats-container{flex-direction:row;flex-wrap:wrap;gap:.5rem}.stat-box{padding:.6rem 1rem;min-width:100px}.challenge-card{padding:1rem}.compact-main{height:calc(100vh - 120px)}.compact-card{min-height:110px}}