.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:12px;box-shadow:0 4px 24px #0000001f;overflow:hidden;z-index:1000;animation:dropdown-slide-in .2s ease-out}@keyframes dropdown-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}.notification-dropdown-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}.mark-all-read-btn{font-size:13px;color:var(--color-accent);background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.mark-all-read-btn:hover{background:var(--color-accent-light, rgba(47, 125, 78, .1))}.mark-all-read-btn:disabled{opacity:.5;cursor:not-allowed}.notification-dropdown-list{max-height:360px;overflow-y:auto}.notification-dropdown-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--color-text-secondary)}.notification-dropdown-loading .loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.notification-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.notification-dropdown-empty .empty-icon{font-size:32px;margin-bottom:12px;opacity:.5}.notification-dropdown-empty p{margin:0;color:var(--color-text-secondary);font-size:14px}.notification-dropdown-empty .empty-hint{margin-top:4px;font-size:13px;opacity:.7}.notification-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .05));cursor:pointer;text-align:left;transition:background-color .2s;position:relative}.notification-item:hover{background:var(--color-bg-tertiary, rgba(0, 0, 0, .02))}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:var(--color-accent-light, rgba(47, 125, 78, .04))}.notification-item.unread:hover{background:var(--color-accent-light, rgba(47, 125, 78, .08))}.notification-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--color-bg-tertiary, rgba(0, 0, 0, .04));border-radius:8px}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-title{font-size:14px;font-weight:500;color:var(--color-text-primary);line-height:1.4}.notification-body{font-size:13px;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:12px;color:var(--color-text-muted, #9ca3af);margin-top:2px}.unread-dot{flex-shrink:0;width:8px;height:8px;background:var(--color-accent);border-radius:50%;margin-top:6px}.notification-dropdown-footer{padding:12px 16px;border-top:1px solid var(--color-border, rgba(0, 0, 0, .08));text-align:center}.view-all-btn{font-size:13px;color:var(--color-accent);background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.view-all-btn:hover{background:var(--color-accent-light, rgba(47, 125, 78, .1))}@media(max-width:480px){.notification-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:70vh;border-radius:16px 16px 0 0;animation:dropdown-slide-up .3s ease-out}@keyframes dropdown-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{padding:20px 16px 16px}.notification-dropdown-title{font-size:18px}}.notification-bell-container{position:relative;display:flex;align-items:center}.notification-bell-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s ease,color .2s ease;position:relative;color:var(--color-text-secondary)}.notification-bell-btn:hover{background:var(--color-bg-tertiary, rgba(0, 0, 0, .05));color:var(--color-text-primary)}.notification-bell-btn.active{background:var(--color-bg-tertiary, rgba(0, 0, 0, .05));color:var(--color-accent)}.notification-bell-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.bell-icon{width:20px;height:20px}.notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--color-error, #ef4444);color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center;border-radius:8px;box-shadow:0 1px 3px #0003}@media(max-width:768px){.notification-bell-btn{width:36px;height:36px}.bell-icon{width:18px;height:18px}.notification-badge{top:2px;right:2px;min-width:14px;height:14px;font-size:9px;line-height:14px}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;padding:24px;background:var(--color-bg-primary, #1a1a2e);color:var(--color-text-primary, #fff);text-align:center}.error-boundary__icon{font-size:48px;margin-bottom:16px}.error-boundary__title{margin:0 0 8px;font-size:18px;font-weight:600}.error-boundary__message{margin:0 0 16px;color:var(--color-text-secondary, rgba(255, 255, 255, .7));font-size:14px;max-width:400px}.error-boundary__button{padding:10px 20px;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .15s ease}.error-boundary__button:hover{background:var(--color-primary-hover, #2563eb)}.error-boundary__button:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.combo-counter{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-lg, 12px);background:var(--color-bg-secondary);border:2px solid var(--color-border);transition:all .3s ease;animation:combo-appear .3s ease-out}@keyframes combo-appear{0%{opacity:0;transform:scale(.8) translateY(-10px)}50%{transform:scale(1.05) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.combo-counter--small{padding:.25rem .5rem;font-size:.875rem;gap:.25rem}.combo-counter--large{padding:.75rem 1rem;font-size:1.125rem;gap:.75rem}.combo-counter--bronze{border-color:#cd7f32;background:linear-gradient(135deg,#cd7f321a,#cd7f320d)}.combo-counter--silver{border-color:silver;background:linear-gradient(135deg,#c0c0c026,#c0c0c00d)}.combo-counter--gold{border-color:gold;background:linear-gradient(135deg,#ffd70033,#ffd7000d);box-shadow:0 0 15px #ffd7004d}.combo-counter--platinum{border-color:#e5e4e2;background:linear-gradient(135deg,#e5e4e240,#ffffff1a);box-shadow:0 0 20px #e5e4e266}.combo-counter--diamond{border-color:#b9f2ff;background:linear-gradient(135deg,#b9f2ff4d,#ffffff26);box-shadow:0 0 25px #b9f2ff80;animation:combo-appear .3s ease-out,diamond-shimmer 2s ease-in-out infinite}@keyframes diamond-shimmer{0%,to{box-shadow:0 0 25px #b9f2ff80}50%{box-shadow:0 0 35px #b9f2ffcc,0 0 50px #b9f2ff66}}.combo-counter__content{display:flex;align-items:center;gap:.375rem;z-index:1}.combo-counter__streak{font-size:1.5em;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.combo-counter--gold .combo-counter__streak,.combo-counter--platinum .combo-counter__streak,.combo-counter--diamond .combo-counter__streak{background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.combo-counter__label{font-size:.85em;color:var(--color-text-secondary);font-weight:500}.combo-counter__icon--broke{font-size:1.25em;animation:heart-break .5s ease-out}@keyframes heart-break{0%,to{transform:scale(1)}25%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(.9) rotate(10deg)}75%{transform:scale(1.1)}}.combo-counter__text{color:var(--color-error, #ef4444);font-weight:500}.combo-multiplier{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:var(--radius-md, 8px);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#fff;font-weight:700;line-height:1;z-index:1;animation:multiplier-pulse .5s ease-out}@keyframes multiplier-pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.combo-multiplier__value{font-size:1.1em}.combo-multiplier__label{font-size:.65em;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.combo-counter--on-fire{animation:combo-appear .3s ease-out,fire-glow 1s ease-in-out infinite alternate}@keyframes fire-glow{0%{box-shadow:0 0 20px #ff640066}to{box-shadow:0 0 30px #ff640099,0 0 40px #ffc8004d}}.combo-fire{position:absolute;top:-10px;left:50%;transform:translate(-50%);display:flex;gap:2px;pointer-events:none}.combo-fire__flame{font-size:1.25rem;animation:flame-dance .5s ease-in-out infinite alternate}.combo-fire__flame--1{animation-delay:0s}.combo-fire__flame--2{animation-delay:.15s;font-size:1.5rem}.combo-fire__flame--3{animation-delay:.3s}@keyframes flame-dance{0%{transform:translateY(0) scale(1) rotate(-5deg);opacity:1}to{transform:translateY(-5px) scale(1.1) rotate(5deg);opacity:.8}}.combo-message{position:absolute;top:-24px;left:50%;transform:translate(-50%);white-space:nowrap;font-weight:700;font-size:.875rem;color:var(--color-accent);text-shadow:0 1px 2px rgba(0,0,0,.1);animation:message-pop .5s ease-out forwards;z-index:2}.combo-counter--gold .combo-message,.combo-counter--platinum .combo-message,.combo-counter--diamond .combo-message{color:#ff6b00;font-size:1rem}@keyframes message-pop{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.5)}50%{transform:translate(-50%) translateY(-5px) scale(1.1)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.combo-sparkles{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none;overflow:hidden}.combo-sparkle{position:absolute;font-size:1rem;animation:sparkle 1s ease-out forwards}.combo-sparkle--1{top:0;left:10%;animation-delay:0s}.combo-sparkle--2{top:20%;right:5%;animation-delay:.1s}.combo-sparkle--3{bottom:10%;left:5%;animation-delay:.2s}.combo-sparkle--4{bottom:0;right:15%;animation-delay:.3s}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(360deg)}}.combo-counter--broke{border-color:var(--color-error, #ef4444);background:linear-gradient(135deg,#ef44441a,#ef44440d);animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.combo-display{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--radius-full, 9999px);background:var(--color-bg-secondary);font-size:.875rem;font-weight:600;transition:all .2s ease}.combo-display--bronze{background:linear-gradient(135deg,#cd7f3233,#cd7f321a)}.combo-display--silver{background:linear-gradient(135deg,#c0c0c040,#c0c0c01a)}.combo-display--gold{background:linear-gradient(135deg,#ffd7004d,#ffd7001a)}.combo-display--platinum{background:linear-gradient(135deg,#e5e4e259,#e5e4e226)}.combo-display--diamond{background:linear-gradient(135deg,#b9f2ff66,#b9f2ff33)}.combo-display--fire{animation:fire-pulse 1s ease-in-out infinite alternate}@keyframes fire-pulse{0%{box-shadow:0 0 5px #ff64004d}to{box-shadow:0 0 12px #ff640080}}.combo-display__fire{font-size:.875em;animation:flame-dance .5s ease-in-out infinite alternate}.combo-display__count{color:var(--color-text-primary);font-variant-numeric:tabular-nums}.combo-display__multiplier{color:var(--color-accent);font-size:.85em;font-weight:700}@media(prefers-color-scheme:dark){.combo-counter{background:var(--color-bg-tertiary, #1f2937)}.combo-counter--gold,.combo-counter--platinum,.combo-counter--diamond{box-shadow:0 0 20px #ffd70033}.combo-display{background:var(--color-bg-tertiary, #1f2937)}}@media(prefers-reduced-motion:reduce){.combo-counter,.combo-counter--on-fire,.combo-counter--diamond,.combo-multiplier,.combo-fire__flame,.combo-message,.combo-sparkle,.combo-counter--broke,.combo-display--fire{animation:none}.combo-counter{transition:none}}@keyframes confettiFall{0%{transform:translate(var(--x),var(--y)) rotate(0);opacity:1}to{transform:translate(calc(var(--x) + (var(--velocity) * 20px)),calc(100vh + 50px)) rotate(var(--rotation));opacity:0}}@keyframes starsFall{0%{transform:translate(var(--x),var(--y)) rotate(0) scale(1);opacity:1}50%{opacity:1;transform:translate(calc(var(--x) + (var(--velocity) * 15px)),calc(var(--y) + 40vh)) rotate(calc(var(--rotation) / 2)) scale(.8)}to{transform:translate(calc(var(--x) + (var(--velocity) * 30px)),calc(100vh + 30px)) rotate(var(--rotation)) scale(.5);opacity:0}}@keyframes fireworkExplode{0%{transform:translate(var(--x),var(--y)) rotate(var(--angle)) translateY(0) scale(1);opacity:1}50%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--angle)) translateY(calc(var(--velocity) * -.7px)) scale(1.2)}to{transform:translate(var(--x),var(--y)) rotate(var(--angle)) translateY(calc(var(--velocity) * -1px)) scale(0);opacity:0}}@keyframes flamesRise{0%{transform:translate(var(--x),var(--y)) scale(1);opacity:1}30%{opacity:1;transform:translate(calc(var(--x) + 5px),calc(var(--y) - var(--velocity) * 1.5px)) scale(1.1)}60%{opacity:.8;transform:translate(calc(var(--x) - 5px),calc(var(--y) - var(--velocity) * 2.5px)) scale(.9)}to{transform:translate(calc(var(--x) + 3px),calc(var(--y) - var(--velocity) * 4px)) scale(.3);opacity:0}}@keyframes sparklesBurst{0%{transform:translate(var(--x),var(--y)) rotate(var(--angle)) translateY(0) scale(0);opacity:0}20%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--angle)) translateY(calc(var(--velocity) * -.3px)) scale(1)}to{transform:translate(var(--x),var(--y)) rotate(var(--angle)) translateY(calc(var(--velocity) * -1px)) scale(0);opacity:0}}@keyframes goldenRain{0%{transform:translate(var(--x),var(--y)) rotate(0);opacity:1}to{transform:translate(calc(var(--x) + (var(--velocity) * 10px)),calc(100vh + 20px)) rotate(var(--rotation));opacity:.3}}@keyframes particleTwinkle{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.particle-system{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1000}.particle{position:absolute;left:0;top:0;width:var(--size);height:var(--size);background-color:var(--color);animation-delay:var(--delay);animation-fill-mode:forwards}.particle--circle{border-radius:50%}.particle--square{border-radius:2px}.particle--star{background:transparent;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background-color:var(--color)}.particle--triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.particle--confetti{animation:confettiFall 3s ease-out forwards}.particle--stars{animation:starsFall 2.5s ease-out forwards,particleTwinkle .5s ease-in-out infinite}.particle--fireworks{animation:fireworkExplode 1.5s ease-out forwards}.particle--flames{animation:flamesRise 1.2s ease-out forwards;border-radius:50%/60% 60% 40% 40%}.particle--sparkles{animation:sparklesBurst 2s ease-out forwards,particleTwinkle .3s ease-in-out infinite}.particle--golden-rain{animation:goldenRain 3.5s linear forwards;box-shadow:0 0 4px var(--color)}@media(prefers-reduced-motion:reduce){.particle-system{display:none}}@media(max-width:480px){.particle{box-shadow:none!important}.particle--sparkles,.particle--stars{animation-iteration-count:1!important}}@keyframes terraFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes terraBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.02)}50%{transform:translateY(-2px) scale(.98)}75%{transform:translateY(-5px) scale(1.01)}}@keyframes terraSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes terraShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-2deg)}50%{transform:translate(3px) rotate(2deg)}75%{transform:translate(-2px) rotate(-1deg)}}@keyframes terraNod{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}}@keyframes terraPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes terraWorried{0%,to{transform:translate(0)}25%,75%{transform:translate(-2px)}50%{transform:translate(2px)}}@keyframes sparkleExplode{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-30px) scale(0)}}@keyframes zzzFloat{0%{opacity:0;transform:translate(0) translateY(0) scale(.5)}20%{opacity:1;transform:translate(5px) translateY(-10px) scale(1)}80%{opacity:1;transform:translate(15px) translateY(-25px) scale(.8)}to{opacity:0;transform:translate(20px) translateY(-35px) scale(.5)}}@keyframes sweatDrop{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(3px);opacity:1}}@keyframes speechBubbleIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.terra{position:relative;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.terra--clickable{cursor:pointer}.terra--clickable:hover .terra__globe{filter:brightness(1.05)}.terra--clickable:active .terra__globe{transform:scale(.95)}.terra--small .terra__globe{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.terra--medium .terra__globe{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.terra--large .terra__globe{filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}.terra__globe{width:100%;height:100%;transition:transform var(--duration-fast) ease,filter var(--duration-fast) ease}.terra__body{transition:fill var(--duration-normal) ease}.terra__face{transition:transform var(--duration-fast) ease}.terra__eyes{transition:opacity var(--duration-fast) ease}.terra__eye{transition:all var(--duration-fast) ease}.terra--idle .terra__globe{animation:terraFloat 3s ease-in-out infinite}.terra--happy .terra__globe{animation:terraBounce .8s ease-out}.terra--celebrating .terra__globe{animation:terraSpin .8s ease-out}.terra--encouraging .terra__globe{animation:terraNod .6s ease-out}.terra--sympathetic .terra__globe{animation:terraShake .5s ease-out}.terra--worried .terra__globe{animation:terraWorried .3s ease-out infinite}.terra--surprised .terra__globe{animation:terraPop .4s ease-out}.terra--sleeping .terra__globe{animation:terraFloat 4s ease-in-out infinite;opacity:.9}.terra--blinking .terra__eye{ry:1!important}.terra__sparkles{position:absolute;top:50%;left:50%;width:100%;height:100%;pointer-events:none}.terra__sparkle{position:absolute;top:50%;left:50%;width:8px;height:8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;animation:sparkleExplode .8s ease-out forwards;animation-delay:var(--delay)}.terra__zzz{position:absolute;top:0;right:-10%;font-family:var(--font-display);font-weight:700;color:var(--color-text-secondary);pointer-events:none}.terra__zzz span{display:block;opacity:0;animation:zzzFloat 2s ease-out infinite}.terra__zzz span:nth-child(1){font-size:.6em;animation-delay:0s}.terra__zzz span:nth-child(2){font-size:.8em;animation-delay:.5s}.terra__zzz span:nth-child(3){font-size:1em;animation-delay:1s}.terra__sweat{position:absolute;top:15%;right:5%;font-size:.5em;animation:sweatDrop 1s ease-in-out infinite;pointer-events:none}.terra__speech{position:absolute;top:-60%;left:50%;transform:translate(-50%);min-width:120px;max-width:200px;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:speechBubbleIn .3s ease-out;z-index:10}.terra__speech:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-bg-secondary)}.terra__speech:before{content:"";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--color-border)}.terra__speech p{margin:0;font-size:var(--text-caption);color:var(--color-text-primary);text-align:center;line-height:1.4}@media(prefers-reduced-motion:reduce){.terra__globe,.terra__sparkle,.terra__zzz span,.terra__sweat,.terra__speech,.terra--idle .terra__globe,.terra--happy .terra__globe,.terra--celebrating .terra__globe,.terra--encouraging .terra__globe,.terra--sympathetic .terra__globe,.terra--worried .terra__globe,.terra--surprised .terra__globe,.terra--sleeping .terra__globe{animation:none!important}.terra__zzz span{opacity:1}}@media(prefers-color-scheme:dark){.terra__speech{background:var(--color-bg-tertiary)}.terra__speech:after{border-top-color:var(--color-bg-tertiary)}}.level-up-ceremony{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.level-up-ceremony__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;animation:ceremony-overlay-fade .3s ease forwards}@keyframes ceremony-overlay-fade{0%{opacity:0}to{opacity:1}}.level-up-ceremony__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;max-width:400px;text-align:center;z-index:1}.level-up-ceremony__terra{animation:terra-slide-in .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes terra-slide-in{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.level-up-ceremony__heading{font-size:3rem;font-weight:800;letter-spacing:.1em;margin:0;background:var(--tier-gradient, linear-gradient(135deg, #ffd700 0%, #ffb800 100%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,215,0,.5);animation:heading-pop .5s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes heading-pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.level-up-ceremony__levels{display:flex;align-items:center;gap:1.5rem;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.level-up-ceremony__levels--visible{opacity:1;transform:translateY(0)}.level-up-ceremony__level{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;border-radius:50%}.level-up-ceremony__level--old{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);animation:level-old-fade .5s ease .8s both}@keyframes level-old-fade{0%{opacity:1}to{opacity:.5}}.level-up-ceremony__level--new{color:#fff;animation:level-new-impact .5s cubic-bezier(.34,1.56,.64,1) 1s both;box-shadow:0 0 30px #ffd70080}@keyframes level-new-impact{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.level-up-ceremony__arrow{font-size:1.5rem;color:#fff;animation:arrow-draw .4s ease .9s both}@keyframes arrow-draw{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.level-up-ceremony__title{display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.level-up-ceremony__title--visible{opacity:1;transform:translateY(0)}.level-up-ceremony__tier-badge{padding:.375rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#fff;border-radius:var(--radius-full)}.level-up-ceremony__title-text{font-size:1.5rem;font-weight:600;color:#fff;margin:0;animation:title-typewriter .8s steps(20) forwards;overflow:hidden;white-space:nowrap}@keyframes title-typewriter{0%{width:0}to{width:100%}}.level-up-ceremony__actions{display:flex;gap:1rem;margin-top:1rem;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.level-up-ceremony__actions--visible{opacity:1;transform:translateY(0)}.level-up-ceremony__button{padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.level-up-ceremony__button--primary{background:var(--tier-gradient, var(--color-accent));color:#fff}.level-up-ceremony__button--primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ffd70066}.level-up-ceremony__button--secondary{background:#ffffff1a;color:#fff}.level-up-ceremony__button--secondary:hover{background:#fff3}.level-up-ceremony__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}@media(prefers-reduced-motion:reduce){.level-up-ceremony__overlay,.level-up-ceremony__terra,.level-up-ceremony__heading,.level-up-ceremony__level--old,.level-up-ceremony__level--new,.level-up-ceremony__arrow,.level-up-ceremony__title-text{animation:none}.level-up-ceremony__levels,.level-up-ceremony__title,.level-up-ceremony__actions{opacity:1;transform:none;transition:none}}@media(max-width:480px){.level-up-ceremony__content{padding:2rem 1.5rem}.level-up-ceremony__heading{font-size:2.25rem}.level-up-ceremony__level{width:52px;height:52px;font-size:1.5rem}.level-up-ceremony__title-text{font-size:1.25rem}}@media(max-width:768px){.mobile-shell{display:flex;flex-direction:column;height:100dvh;height:100vh;overflow:hidden;background:var(--color-bg-primary);position:relative}.mobile-shell__content{flex:1;min-height:0;position:relative;overflow:hidden}.mobile-shell__tab-panel{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-shell__tab-panel--active{visibility:visible;z-index:1}.mobile-shell__tab-panel--hidden{visibility:hidden;z-index:0;pointer-events:none}.mobile-shell--quiz-active .mobile-tab-bar-v2,.mobile-shell--quiz-active .tutor-fab{display:none}.mobile-tab-bar-v2{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:stretch;height:56px;border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0;z-index:700}.mobile-tab-bar-v2__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;position:relative;transition:color .15s ease;min-height:48px;-webkit-tap-highlight-color:transparent}.mobile-tab-bar-v2__item:active{transform:scale(.93);transition:transform 50ms ease-out}.mobile-tab-bar-v2__item--active{color:var(--color-accent)}.mobile-tab-bar-v2__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.mobile-tab-bar-v2__icon svg{width:22px;height:22px}.mobile-tab-bar-v2__item--active .mobile-tab-bar-v2__icon svg{width:24px;height:24px}.mobile-tab-bar-v2__label{font-size:11px;font-weight:500;letter-spacing:.01em;line-height:1.2;white-space:nowrap}.mobile-tab-bar-v2__item--active .mobile-tab-bar-v2__label{font-weight:600}.mobile-tab-bar-v2__indicator{position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--color-accent);border-radius:0 0 3px 3px}.mobile-tab-bar-v2__item:focus-visible{outline:none;background:var(--color-accent-subtle)}.tutor-fab{position:fixed;right:16px;bottom:calc(72px + env(safe-area-inset-bottom,0px));width:52px;height:52px;border-radius:50%;background:var(--color-accent);color:var(--color-white);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #2f7d4e59;z-index:600;transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.tutor-fab:active{transform:scale(.92);box-shadow:0 2px 8px #2f7d4e4d}.tutor-fab svg{width:24px;height:24px}.mobile-tab-skeleton{padding:20px;display:flex;flex-direction:column;gap:16px}.mobile-tab-skeleton__bar{height:32px;width:60%;background:var(--color-bg-tertiary);border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}.mobile-tab-skeleton__block{height:120px;width:100%;background:var(--color-bg-tertiary);border-radius:12px;animation:skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.1s}.mobile-tab-skeleton__block--short{height:80px;animation-delay:.2s}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-shell__tab-panel--active{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.tutor-drawer--mobile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;flex-direction:column;background:var(--color-bg-primary)}.mobile-skeleton{padding:20px;display:flex;flex-direction:column;gap:16px}.mobile-skeleton__card{background:var(--color-bg-secondary);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.mobile-skeleton__line{height:16px;border-radius:8px}.mobile-skeleton__circle{width:48px;height:48px;border-radius:50%}.mobile-skeleton__pill{border-radius:8px}.mobile-skeleton__row{display:flex;align-items:center;gap:10px;padding:8px 20px}.mobile-skeleton__header{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.mobile-terra-emote{display:inline-flex;align-items:center;justify-content:center}}@media(max-width:768px){.home-tab{display:flex;flex-direction:column;min-height:100%}.home-tab__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-home-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;height:56px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);flex-shrink:0;position:sticky;top:0;z-index:10}.mobile-home-header__streak{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:var(--color-bg-tertiary);font-size:15px;font-weight:600;color:var(--color-text-secondary)}.mobile-home-header__streak--active{background:var(--color-warning-bg);color:var(--color-warning-dark)}.mobile-home-header__streak-icon{font-size:18px}.mobile-home-header__streak-count{font-variant-numeric:tabular-nums}.mobile-home-header__title{position:absolute;left:50%;transform:translate(-50%)}.mobile-home-header__wordmark{font-family:var(--font-wordmark);font-size:20px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.mobile-home-header__right{display:flex;align-items:center}.mobile-home-header__goal-ring{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.mobile-home-header__ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mobile-home-header__level{font-size:13px;font-weight:700;color:var(--color-accent);z-index:1}.explore-tab{position:relative;width:100%;height:100%}.explore-tab .mapboxgl-map,.explore-tab .map-container{width:100%!important;height:100%!important}.explore-tab__loading{display:flex;align-items:center;justify-content:center;height:100%}.explore-top-bar{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:10;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.explore-top-bar__btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;color:var(--color-text-primary);position:relative;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.explore-top-bar__btn:active{transform:scale(.92)}.explore-top-bar__btn-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.explore-top-bar__location{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 2px 8px #0000001a;pointer-events:auto;max-width:55%}.explore-top-bar__country-name{font-size:14px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-search-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-primary);z-index:30;display:flex;flex-direction:column;animation:slideUpFull .25s cubic-bezier(.16,1,.3,1)}.explore-search-overlay__header{padding:12px 20px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.explore-search-overlay__input-row{display:flex;align-items:center;gap:10px;background:var(--color-bg-tertiary);border-radius:12px;padding:10px 14px}.explore-search-overlay__search-icon{flex-shrink:0;color:var(--color-text-tertiary)}.explore-search-overlay__input{flex:1;border:none;background:transparent;font-size:16px;color:var(--color-text-primary);outline:none;min-width:0}.explore-search-overlay__input::placeholder{color:var(--color-text-tertiary)}.explore-search-overlay__close{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);-webkit-tap-highlight-color:transparent}.explore-search-overlay__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 20px}.explore-search-overlay__status{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--color-text-secondary);font-size:14px}.explore-search-overlay__status--error{color:var(--color-error)}.explore-search-overlay__results{list-style:none;margin:0;padding:0}.explore-search-overlay__result{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-border-light);background:transparent;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;cursor:pointer;color:var(--color-text-primary);-webkit-tap-highlight-color:transparent}.explore-search-overlay__result:first-child{padding-top:0}.explore-search-overlay__result svg{flex-shrink:0;margin-top:2px;color:var(--color-text-tertiary)}.explore-search-overlay__result-text{display:flex;flex-direction:column;gap:2px;min-width:0}.explore-search-overlay__result-name{font-size:15px;font-weight:600;color:var(--color-text-primary)}.explore-search-overlay__result-desc{font-size:13px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-search-overlay__suggestions{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0}.explore-search-overlay__surprise{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;border:1px solid var(--color-border-light);background:var(--color-bg-secondary);font-size:15px;font-weight:600;color:var(--color-accent);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.explore-search-overlay__surprise:active{transform:scale(.96)}.explore-search-overlay__surprise-icon{display:flex;color:var(--color-accent)}.explore-search-overlay__hint{font-size:13px;color:var(--color-text-tertiary);text-align:center;margin:0;line-height:1.5;max-width:280px}@keyframes slideUpFull{0%{transform:translateY(100%)}to{transform:translateY(0)}}.explore-layers-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:24;animation:fadeIn .2s ease}.explore-layers-sheet{position:absolute;bottom:0;left:0;right:0;height:50vh;max-height:400px;background:var(--color-bg-secondary);border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000026;z-index:25;display:flex;flex-direction:column;animation:slideUpDetail .3s cubic-bezier(.16,1,.3,1)}.explore-layers-sheet__handle{width:40px;height:4px;background:var(--color-border);border-radius:2px;margin:10px auto 0;flex-shrink:0}.explore-layers-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 8px;flex-shrink:0}.explore-layers-sheet__title{font-size:17px;font-weight:700;color:var(--color-text-primary);margin:0}.explore-layers-sheet__close{width:32px;height:32px;border-radius:50%;background:var(--color-bg-tertiary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);-webkit-tap-highlight-color:transparent}.explore-layers-sheet__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 20px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.explore-layers-sheet__item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border-radius:14px;border:1.5px solid var(--color-border-light);background:var(--color-bg-primary);cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background .15s ease}.explore-layers-sheet__item--active{border-color:var(--color-accent);background:var(--color-accent-subtle)}.explore-layers-sheet__item--locked{opacity:.55;cursor:default}.explore-layers-sheet__item-icon{font-size:24px}.explore-layers-sheet__item-name{font-size:13px;font-weight:600;color:var(--color-text-primary)}.explore-layers-sheet__lock{position:absolute;top:8px;right:8px;color:var(--color-text-tertiary)}.explore-layers-sheet__item-indicator{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:20px;height:3px;border-radius:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.country-detail-slide{position:absolute;bottom:0;left:0;right:0;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--color-bg-secondary);border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000001a;padding:12px 20px 24px;z-index:20;animation:slideUpDetail .35s cubic-bezier(.16,1,.3,1)}.country-detail-slide__handle{width:40px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto 12px}.country-detail-slide__dismiss{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--color-bg-tertiary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent}.country-detail-slide__header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-right:40px}.country-detail-slide__flag{font-size:36px;flex-shrink:0}.country-detail-slide__name{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0}.country-detail-slide__continent{font-size:13px;color:var(--color-text-secondary);display:block;margin-top:2px}.country-detail-slide__facts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.country-detail-slide__fact{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;background:var(--color-bg-tertiary);border-radius:10px;flex:1;min-width:70px}.country-detail-slide__fact-value{font-size:13px;font-weight:700;color:var(--color-text-primary);white-space:nowrap}.country-detail-slide__fact-label{font-size:11px;color:var(--color-text-tertiary)}.country-detail-slide__insight{margin-bottom:16px}.country-detail-slide__description{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 10px}.country-detail-slide__highlights{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.country-detail-slide__highlight{padding:4px 10px;background:var(--color-accent-subtle);color:var(--color-accent);font-size:12px;font-weight:500;border-radius:6px}.country-detail-slide__timezone{font-size:12px;color:var(--color-text-tertiary)}.country-detail-slide__skeleton{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.country-detail-slide__skeleton-line{height:14px;background:var(--color-bg-tertiary);border-radius:7px;animation:skeleton-pulse 1.5s ease-in-out infinite}.country-detail-slide__actions{display:flex;gap:10px}.country-detail-slide__cta{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.country-detail-slide__cta:active{transform:scale(.96)}.country-detail-slide__cta--primary{background:var(--color-accent);color:#fff}.country-detail-slide__cta--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}@keyframes slideUpDetail{0%{transform:translateY(100%)}to{transform:translateY(0)}}.leagues-tab{min-height:100%;background:var(--color-bg-primary)}.leagues-tab__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:12px;color:var(--color-text-secondary)}.leagues-tab__header{background:var(--color-bg-secondary);padding:20px;border-bottom:1px solid var(--color-border-light)}.leagues-tab__tier-badge{display:flex;align-items:center;gap:12px;margin-bottom:16px}.leagues-tab__tier-icon{font-size:40px}.leagues-tab__tier-name{font-size:22px;font-weight:700;color:var(--color-text-primary);margin:0}.leagues-tab__tier-meta{font-size:13px;color:var(--color-text-secondary);margin:2px 0 0}.leagues-tab__summary{display:flex;justify-content:space-around;padding:12px 0;border-top:1px solid var(--color-border-light)}.leagues-tab__stat{text-align:center}.leagues-tab__stat-value{display:block;font-size:20px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.leagues-tab__stat-label{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.leagues-tab__zone{padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;margin-top:12px;text-align:center}.leagues-tab__zone--promotion{background:var(--color-success-bg);color:var(--color-success-dark)}.leagues-tab__zone--relegation{background:var(--color-error-bg);color:var(--color-error-dark)}.leagues-tab__standings{padding:0 20px 20px}.leagues-tab__empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.leagues-tab__list{display:flex;flex-direction:column}.leagues-tab__row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--color-border-light);gap:10px}.leagues-tab__row--current{background:var(--color-accent-subtle);border-radius:10px;border-bottom-color:transparent}.leagues-tab__row--promotion{border-left:3px solid var(--color-success)}.leagues-tab__row--relegation{border-left:3px solid var(--color-error)}.leagues-tab__rank{width:32px;text-align:center;flex-shrink:0}.leagues-tab__medal{font-size:20px}.leagues-tab__rank-num{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.leagues-tab__user{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.leagues-tab__avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover}.leagues-tab__avatar--placeholder{background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--color-text-secondary)}.leagues-tab__name{font-size:14px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leagues-tab__you{display:inline-block;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;color:var(--color-accent);background:var(--color-accent-light);border-radius:4px}.leagues-tab__xp{text-align:right;flex-shrink:0}.leagues-tab__xp-value{font-size:14px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.leagues-tab__xp-label{font-size:11px;color:var(--color-text-tertiary);margin-left:2px}.leagues-tab__zone-badge{font-size:14px;flex-shrink:0}.profile-tab{min-height:100%;background:var(--color-bg-primary)}.profile-tab__header{background:var(--color-bg-secondary);padding:20px 20px 16px;border-bottom:1px solid var(--color-border-light)}.profile-tab__avatar-section{display:flex;align-items:center;gap:14px;margin-bottom:16px}.profile-tab__avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.profile-tab__avatar-img{width:100%;height:100%;object-fit:cover}.profile-tab__avatar-placeholder{font-size:24px;font-weight:600;color:var(--color-accent)}.profile-tab__display-name{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0}.profile-tab__level{font-size:13px;color:var(--color-text-secondary);margin:2px 0 0}.profile-tab__quick-stats{display:flex;justify-content:space-around;padding:12px 0}.profile-tab__quick-stat{text-align:center}.profile-tab__quick-stat-value{display:block;font-size:18px;font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.profile-tab__quick-stat-label{font-size:12px;color:var(--color-text-secondary)}.profile-tab__xp-bar{height:6px;background:var(--color-bg-tertiary);border-radius:3px;position:relative;overflow:hidden;margin-top:4px}.profile-tab__xp-bar-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s ease}.profile-tab__xp-bar-label{position:absolute;right:0;top:10px;font-size:11px;color:var(--color-text-tertiary)}.profile-tab__sub-tabs{display:flex;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-tab__sub-tab{flex:1;padding:12px 16px;font-size:14px;font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.profile-tab__sub-tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.profile-tab__content{padding:20px}.profile-tab__card{background:var(--color-bg-secondary);border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid var(--color-border-light)}.profile-tab__card-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.profile-tab__streak-stats{display:flex;gap:24px}.profile-tab__streak-stat{display:flex;flex-direction:column;gap:2px}.profile-tab__streak-value{font-size:18px;font-weight:600}.profile-tab__streak-label{font-size:12px;color:var(--color-text-secondary)}.profile-tab__recent-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.profile-tab__badge-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:10px;font-size:20px}.profile-tab__view-all{font-size:13px;color:var(--color-accent);font-weight:500;background:none;border:none;cursor:pointer;padding:0}.profile-tab__badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-tab__badge-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border-light)}.profile-tab__badge-cell-icon{font-size:28px}.profile-tab__badge-cell-name{font-size:11px;font-weight:500;color:var(--color-text-secondary);text-align:center;line-height:1.3}.profile-tab__empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}}@media(max-width:768px){.mobile-quiz-shell{display:flex;flex-direction:column;height:100dvh;height:100vh;background:var(--color-bg-primary);padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}.mobile-quiz-shell--complete{justify-content:center;align-items:center}.mobile-quiz-header{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-shrink:0}.mobile-quiz-header__close{width:40px;height:40px;border-radius:50%;background:var(--color-bg-tertiary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.mobile-quiz-header__close:active{background:var(--color-border);transform:scale(.95)}.mobile-quiz-header__close svg{width:20px;height:20px;color:var(--color-text-secondary)}.mobile-quiz-header__progress{flex:1;height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.mobile-quiz-header__progress-fill{height:100%;background:var(--color-accent);border-radius:4px;transition:width .3s ease-out}.mobile-quiz-header__counter{font-size:14px;font-weight:600;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:36px;text-align:right}.mobile-quiz-question{flex:1;display:flex;flex-direction:column;padding:16px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-quiz-question__text{font-size:22px;font-weight:700;color:var(--color-text-primary);line-height:1.3;margin:0 0 20px;text-align:center}.mobile-quiz-question__media{display:flex;justify-content:center;margin-bottom:20px}.mobile-quiz-question__image{max-width:100%;max-height:200px;object-fit:contain;border-radius:12px}.mobile-quiz-question__options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.mobile-quiz-question__option{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:56px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:14px;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform 50ms ease;-webkit-tap-highlight-color:transparent}.mobile-quiz-question__option:active{transform:scale(.98)}.mobile-quiz-question__option--selected{border-color:var(--color-accent);background:var(--color-accent-subtle)}.mobile-quiz-question__option--correct{border-color:var(--color-success);background:var(--color-success-bg)}.mobile-quiz-question__option--wrong{border-color:var(--color-error);background:var(--color-error-bg)}.mobile-quiz-question__option-letter{width:28px;height:28px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.mobile-quiz-question__option--selected .mobile-quiz-question__option-letter{background:var(--color-accent);color:var(--color-white)}.mobile-quiz-question__option--correct .mobile-quiz-question__option-letter{background:var(--color-success);color:var(--color-white)}.mobile-quiz-question__option--wrong .mobile-quiz-question__option-letter{background:var(--color-error);color:var(--color-white)}.mobile-quiz-question__option-text{font-size:16px;font-weight:500;color:var(--color-text-primary);flex:1}.mobile-quiz-question__actions{margin-top:auto;padding-top:16px}.mobile-quiz-question__submit,.mobile-quiz-question__next{width:100%;padding:16px;border:none;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 50ms ease,opacity .15s ease}.mobile-quiz-question__submit,.mobile-quiz-question__next{background:var(--color-accent);color:var(--color-white)}.mobile-quiz-question__submit:active,.mobile-quiz-question__next:active{transform:scale(.98);opacity:.9}.mobile-quiz-question__combo{text-align:center;font-size:15px;font-weight:600;color:var(--color-streak);padding:8px 0;animation:comboPulse .6s ease-out}@keyframes comboPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media(prefers-reduced-motion:no-preference){.mobile-quiz-question__option--correct{animation:correctBounce .3s cubic-bezier(.34,1.56,.64,1)}.mobile-quiz-question__option--wrong{animation:wrongShake .4s ease-out}@keyframes correctBounce{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}}.mobile-quiz-complete{display:flex;flex-direction:column;align-items:center;padding:40px 24px;text-align:center;width:100%;position:relative}.mobile-quiz-complete__close{position:absolute;top:0;right:0;width:40px;height:40px;border-radius:50%;background:var(--color-bg-tertiary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-quiz-complete__close svg{width:20px;height:20px;color:var(--color-text-secondary)}.mobile-quiz-complete__score-circle{position:relative;width:140px;height:140px;margin-bottom:24px}.mobile-quiz-complete__ring{width:100%;height:100%}.mobile-quiz-complete__score-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:2px}.mobile-quiz-complete__score-num{font-size:36px;font-weight:800;color:var(--color-accent)}.mobile-quiz-complete__score-total{font-size:20px;font-weight:500;color:var(--color-text-tertiary);margin-top:8px}.mobile-quiz-complete__grade{font-size:28px;font-weight:800;color:var(--color-text-primary);margin:0 0 8px}.mobile-quiz-complete__message{font-size:16px;color:var(--color-text-secondary);margin:0 0 24px;max-width:280px}.mobile-quiz-complete__stats{display:flex;gap:32px;margin-bottom:32px}.mobile-quiz-complete__stat{text-align:center}.mobile-quiz-complete__stat-value{display:block;font-size:24px;font-weight:700;color:var(--color-text-primary)}.mobile-quiz-complete__stat-label{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.mobile-quiz-complete__done{width:100%;max-width:280px;padding:16px;background:var(--color-accent);color:var(--color-white);border:none;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-quiz-complete__done:active{transform:scale(.98);opacity:.9}}@media(max-width:768px){.mastered-map{background:var(--color-bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--color-border-light)}.mastered-map--compact .mastered-map__visual{height:140px}.mastered-map__visual{height:200px;border-radius:8px;overflow:hidden;margin-bottom:12px}.mastered-map__globe-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mastered-map__svg{width:100%;height:100%}.mastered-map__legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mastered-map__legend-item{display:flex;align-items:center;gap:4px}.mastered-map__legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mastered-map__legend-label{font-size:11px;color:var(--color-text-tertiary)}.mastered-map__breakdown{display:flex;flex-direction:column;gap:6px}.mastered-map__skill{display:flex;align-items:center;gap:8px}.mastered-map__skill-name{font-size:12px;color:var(--color-text-secondary);width:80px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mastered-map__skill-bar{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.mastered-map__skill-fill{height:100%;border-radius:3px;transition:width .3s ease}.mastered-map__skill-level{font-size:11px;font-weight:600;color:var(--color-text-tertiary);width:28px;text-align:right;flex-shrink:0}.badge-grid-v2__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.badge-grid-v2__title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0}.badge-grid-v2__count{font-size:13px;color:var(--color-text-secondary)}.badge-grid-v2__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.badge-grid-v2__cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);position:relative;transition:transform .15s ease}.badge-grid-v2__cell:active{transform:scale(.97)}.badge-grid-v2__cell--locked{opacity:.5}.badge-grid-v2__cell--earned{border-color:var(--color-accent-light)}.badge-grid-v2__icon{font-size:28px}.badge-grid-v2__name{font-size:11px;font-weight:500;color:var(--color-text-secondary);text-align:center;line-height:1.3;max-height:2.6em;overflow:hidden}.badge-grid-v2__earned-check{position:absolute;top:4px;right:6px;font-size:10px;color:var(--color-success);font-weight:700}.profile-overview{display:flex;flex-direction:column;gap:12px}.profile-overview__section-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.profile-overview__card{background:var(--color-bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--color-border-light)}.profile-overview__level-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.profile-overview__level-badge{font-size:14px;font-weight:700;color:var(--color-accent);background:var(--color-accent-subtle);padding:2px 8px;border-radius:6px}.profile-overview__level-title{font-size:14px;color:var(--color-text-secondary)}.profile-overview__xp-bar{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:6px}.profile-overview__xp-fill{height:100%;background:var(--color-accent);border-radius:4px;transition:width .3s ease}.profile-overview__xp-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-tertiary)}.profile-overview__streak-card{display:flex;gap:24px}.profile-overview__streak-item{display:flex;align-items:center;gap:10px}.profile-overview__streak-emoji{font-size:24px}.profile-overview__streak-num{display:block;font-size:20px;font-weight:700;color:var(--color-text-primary)}.profile-overview__streak-label{display:block;font-size:12px;color:var(--color-text-secondary)}.profile-overview__badges{display:flex;gap:8px;flex-wrap:wrap}.profile-overview__badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:10px}.profile-overview__badge-icon{font-size:22px}.profile-header-v2{display:flex;flex-direction:column;align-items:center;padding:24px 16px 16px;text-align:center}.profile-header-v2__avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.profile-header-v2__avatar-img{width:100%;height:100%;object-fit:cover}.profile-header-v2__avatar-letter{font-size:28px;font-weight:600;color:var(--color-accent)}.profile-header-v2__name{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0 0 2px}.profile-header-v2__subtitle{font-size:13px;color:var(--color-text-secondary);margin:0 0 10px}.profile-header-v2__streak-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;background:var(--color-bg-tertiary);font-size:13px;font-weight:500;color:var(--color-text-secondary)}.profile-header-v2__streak-badge--active{background:var(--color-warning-bg);color:var(--color-warning-dark)}}@media(max-width:768px){@media(prefers-reduced-motion:no-preference){.mobile-shell__tab-panel--active{animation:tabFadeIn .2s ease-in-out}@keyframes tabFadeIn{0%{opacity:0}to{opacity:1}}}@media(prefers-reduced-motion:no-preference){.mobile-quiz-shell{animation:quizSlideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes quizSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}@media(prefers-reduced-motion:no-preference){.mobile-quiz-xp-gain{animation:xpFloatUp 1.2s ease-out forwards}@keyframes xpFloatUp{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-10px) scale(1)}80%{opacity:1;transform:translateY(-40px) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.8)}}.mobile-quiz-complete__ring circle:last-child{animation:scoreCircleFill .8s cubic-bezier(.34,1.56,.64,1) forwards;stroke-dasharray:0 339.3}@keyframes scoreCircleFill{0%{stroke-dasharray:0 339.3}}}@media(prefers-reduced-motion:no-preference){.badge-earned-animate{animation:badgeEarned .5s cubic-bezier(.34,1.56,.64,1)}@keyframes badgeEarned{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}}@media(prefers-reduced-motion:no-preference){.country-detail-slide--entering{animation:countrySlideUp .35s cubic-bezier(.16,1,.3,1)}.country-detail-slide--exiting{animation:countrySlideDown .25s ease-in forwards}@keyframes countrySlideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}}@media(prefers-reduced-motion:no-preference){.mobile-tab-bar-v2__indicator{transition:all .2s cubic-bezier(.25,.1,.25,1)}}@media(prefers-reduced-motion:no-preference){.mobile-quiz-header__progress-fill{transition:width .3s ease-out}.profile-tab__xp-bar-fill,.profile-overview__xp-fill,.mastered-map__skill-fill{transition:width .3s ease}}@media(prefers-reduced-motion:no-preference){.mobile-home-header__streak--active .mobile-home-header__streak-icon{animation:flamePulse 2s ease-in-out infinite}@keyframes flamePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}}.shimmer{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-primary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:no-preference){.mobile-home-header__ring-svg circle:last-child{transition:stroke-dasharray .6s cubic-bezier(.34,1.56,.64,1)}}}*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width: 320px;--font-display: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-wordmark: "Things Modern Serif", "Cormorant Garamond", "Georgia", serif;--text-hero: 3rem;--text-title: 2rem;--text-heading: 1.5rem;--text-subhead: 1.125rem;--text-body: .9375rem;--text-caption: .8125rem;--text-micro: .75rem;--leading-hero: 1.1;--leading-title: 1.2;--leading-heading: 1.3;--leading-subhead: 1.5;--leading-body: 1.7;--leading-caption: 1.6;--leading-micro: 1.5;--tracking-hero: -.02em;--tracking-title: -.01em;--tracking-heading: -.01em;--tracking-body: .01em;--tracking-caption: .02em;--tracking-micro: .04em;--font-editorial: "Cormorant Garamond", Georgia, serif;--text-atlas-heading: 1.75rem;--text-atlas-caption: .6875rem;--tracking-atlas-wide: .12em;--color-paper-warm: #F7F5F0;--color-paper-cream: #FAF8F3;--color-carto-blue: #4A7C9B;--color-earth-ochre: #C4A35A;--gradient-premium: linear-gradient(135deg, rgba(74,124,155,.08), rgba(47,125,78,.06), rgba(196,163,90,.04));--color-bg-primary: #F9FAF7;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #F3F4F1;--color-text-primary: #1F2937;--color-text-secondary: #4B5563;--color-text-tertiary: #6B7280;--color-text-muted: #9CA3AF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-accent: #2F7D4E;--color-accent-hover: #246B40;--color-accent-active: #1E5835;--color-accent-light: rgba(47, 125, 78, .1);--color-accent-subtle: rgba(47, 125, 78, .06);--color-success: #22C55E;--color-success-light: #4ADE80;--color-success-dark: #16A34A;--color-success-bg: rgba(34, 197, 94, .1);--color-success-border: rgba(34, 197, 94, .3);--color-warning: #F59E0B;--color-warning-light: #FBBF24;--color-warning-dark: #D97706;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-border: rgba(245, 158, 11, .3);--color-error: #EF4444;--color-error-light: #F87171;--color-error-dark: #DC2626;--color-error-bg: rgba(239, 68, 68, .1);--color-error-border: rgba(239, 68, 68, .3);--color-info: #3B82F6;--color-info-light: #60A5FA;--color-info-dark: #2563EB;--color-info-bg: rgba(59, 130, 246, .1);--color-info-border: rgba(59, 130, 246, .3);--color-focus-ring: rgba(47, 125, 78, .4);--color-focus-ring-offset: var(--color-bg-secondary);--color-grade-a: #4ADE80;--color-grade-b: #60A5FA;--color-grade-c: #FBBF24;--color-grade-d: #FB923C;--color-grade-f: #EF4444;--color-streak: #F59E0B;--color-streak-dark: #EA580C;--color-streak-glow: rgba(245, 158, 11, .3);--color-rarity-common: #94A3B8;--color-rarity-rare: #3B82F6;--color-rarity-epic: #8B5CF6;--color-rarity-legendary: #F59E0B;--color-crown-0: #D1D5DB;--color-crown-1: #CD7F32;--color-crown-2: #A8A9AD;--color-crown-3: #FFD700;--color-crown-4: #E5E4E2;--color-crown-5: #B9F2FF;--color-white: #FFFFFF;--color-black: #000000;--color-overlay: rgba(0, 0, 0, .5);--color-overlay-light: rgba(0, 0, 0, .3);--color-border: #E5E7EB;--color-border-light: rgba(0, 0, 0, .06);--color-border-hover: #D1D5DB;--color-header-bg: #FFFFFF;--color-header-text: #1E3A5F;--color-header-text-muted: #64748B;--color-header-accent: var(--color-accent);--color-header-nav-hover: var(--color-accent-subtle);--color-header-nav-active: var(--color-accent-light);--color-sidebar-bg: #F8FAFB;--color-layer-landmarks: #F59E0B;--color-layer-facilities: #8B5CF6;--color-layer-topography: #4A90D9;--color-layer-climate: #10B981;--color-layer-demographics: #0066CC;--color-layer-infrastructure: #3B82F6;--color-biome-forest: #1F6F4A;--color-biome-grassland: #78B45A;--color-biome-scrub: #A9A45B;--color-biome-wetland: #3B7D7A;--color-biome-snow: #D6E9F5;--color-biome-cropland: #C7D36F;--color-biome-desert: #E2C290;--color-biome-water: #5AA7D9;--color-density-1: #CCE5FF;--color-density-2: #99CCFF;--color-density-3: #66B2FF;--color-density-4: #3399FF;--color-density-5: #0066CC;--color-density-6: #003366;--color-infra-airport: #3B82F6;--color-infra-seaport: #0891B2;--color-skill-blue: #3B82F6;--color-skill-purple: #8B5CF6;--color-skill-green: #10B981;--color-skill-red: #EF4444;--color-skill-amber: #F59E0B;--color-skill-indigo: #6366F1;--color-skill-teal: #14B8A6;--color-skill-cyan: #0EA5E9;--color-skill-pink: #EC4899;--color-skill-orange: #F97316;--color-skill-lime: #84CC16;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .06);--shadow-accent: 0 4px 14px rgba(47, 125, 78, .15), 0 2px 6px rgba(47, 125, 78, .1);--shadow-accent-lg: 0 8px 24px rgba(47, 125, 78, .2), 0 4px 8px rgba(47, 125, 78, .1);--shadow-glow: 0 0 20px rgba(47, 125, 78, .2);--shadow-header: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--gradient-page: linear-gradient(180deg, #FAFBF9 0%, #F5F6F3 100%);--gradient-card: linear-gradient(135deg, #FFFFFF 0%, #FAFBFA 100%);--gradient-hero-glow: radial-gradient(ellipse at 50% 0%, rgba(47, 125, 78, .04) 0%, transparent 60%);--gradient-accent-subtle: linear-gradient(135deg, var(--color-accent) 0%, #2A6B42 100%);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-micro: .1s;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-glacial: .6s;--transition-fast: .15s var(--ease-in-out);--transition-normal: .25s var(--ease-in-out);--transition-lift: .15s var(--ease-out-expo);--transition-settle: .1s var(--ease-in-out);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--border-radius: 8px;--spinner-sm: 16px;--spinner-md: 20px;--spinner-lg: 28px;--touch-target-min: 44px;--touch-target-compact: 36px;--mobile-safe-area-bottom: env(safe-area-inset-bottom, 0px);--mobile-safe-area-top: env(safe-area-inset-top, 0px);--mobile-nav-height: 68px;--stagger-delay: 40ms;--glass-bg: rgba(255, 255, 255, .72);--glass-bg-elevated: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .18);--glass-blur: 20px;--glass-blur-light: 12px;--shadow-surface: 0 0 0 1px rgba(0, 0, 0, .04);--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-floating: 0 8px 30px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-system-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--ease-apple: cubic-bezier(.25, .1, .25, 1);--ease-apple-spring: cubic-bezier(.34, 1.3, .64, 1);--duration-quick: .2s;--duration-standard: .3s;--color-accent-apple: #34C759;--color-accent-apple-dark: #30B955;--text-heading-primary: 1.25rem;--text-heading-secondary: 1rem;--text-heading-tertiary: .875rem;--skeleton-bg: var(--color-gray-100);--skeleton-shimmer: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);--tab-indicator-duration: .2s;--tab-indicator-ease: var(--ease-apple)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--gradient-page);background-attachment:fixed;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:-1px}.card:focus-visible,[role=listbox]:focus-visible,[role=option]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 4px var(--color-focus-ring)}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;z-index:10000;transition:top .2s ease}.skip-link:focus{top:var(--space-4)}button:disabled,input:disabled,select:disabled,textarea:disabled,.btn:disabled,.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.spinner,.spinner-md{display:inline-block;width:var(--spinner-md);height:var(--spinner-md);border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}.spinner-sm{display:inline-block;width:var(--spinner-sm);height:var(--spinner-sm);border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}.spinner-lg{display:inline-block;width:var(--spinner-lg);height:var(--spinner-lg);border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}.field-error{border-color:var(--color-error)!important}.field-error:focus,.field-error:focus-visible{box-shadow:0 0 0 3px var(--color-error-border)!important}.error-text{color:var(--color-error);font-size:var(--text-caption);margin-top:var(--space-1)}.card-hover{transition:transform var(--transition-lift),box-shadow var(--transition-lift)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-hover:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-press:active{transform:scale(.98)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.7}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionDiscover{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes factReveal{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes countReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pageIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pageOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-hero{font-size:var(--text-hero);line-height:var(--leading-hero);letter-spacing:var(--tracking-hero);font-weight:700}.text-title{font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--tracking-title);font-weight:600}.text-heading{font-size:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:600}.text-subhead{font-size:var(--text-subhead);line-height:var(--leading-subhead);font-weight:500}.text-body{font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body)}.text-caption{font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:var(--tracking-caption)}.text-micro{font-size:var(--text-micro);line-height:var(--leading-micro);letter-spacing:var(--tracking-micro)}.text-tabular{font-variant-numeric:tabular-nums}.card{background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--transition-lift),box-shadow var(--transition-lift)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-sm)}.card-elevated:hover{box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--gradient-accent-subtle);color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-accent);filter:brightness(1.05)}.btn-primary:active{box-shadow:var(--shadow-xs);filter:brightness(.95)}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:none}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn:active:not(:disabled),.header-signup-btn:active:not(:disabled),.surprise-me-button:active:not(:disabled),.mobile-bottom-nav-item:active{transform:scale(.97)}.input{width:100%;padding:12px 16px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:hover{border-color:var(--color-border-hover)}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px #2f7d4e1a;background:var(--color-bg-secondary)}.input::placeholder{color:var(--color-text-secondary);opacity:.7}.stat-number{font-size:var(--text-title);font-weight:600;letter-spacing:var(--tracking-title);font-variant-numeric:tabular-nums;line-height:1}.stat-number-large{font-size:var(--text-hero);font-weight:700;letter-spacing:var(--tracking-hero)}.stat-label{font-size:var(--text-caption);color:var(--color-text-secondary);letter-spacing:var(--tracking-caption);text-transform:uppercase;font-weight:500}.app{display:flex;flex-direction:column;height:100%;width:100%}#main-content{flex:1;display:flex;flex-direction:column;min-height:0}.page-transition{animation:pageTransitionIn var(--duration-normal) var(--ease-out-expo) forwards}@keyframes pageTransitionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.page-transition{animation:none}}.explore-layout{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-width);height:100%;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-surface);z-index:10}.sidebar-header{padding:20px;border-bottom:1px solid var(--color-border);-webkit-app-region:drag}.sidebar-header h1{font-size:var(--text-subhead);font-weight:600;margin-bottom:var(--space-1)}.sidebar-header p{font-size:var(--text-caption);color:var(--color-text-secondary)}.sidebar-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);padding:0 8px}.sidebar-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:transparent;border:none;cursor:pointer;position:relative;transition:all var(--transition-fast);color:var(--color-text-secondary)}.sidebar-tab:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:var(--color-accent);border-radius:3px 3px 0 0;transition:width var(--transition-normal)}.sidebar-tab:hover{color:var(--color-text-primary);background:#ffffff08}.sidebar-tab.active{color:var(--color-accent)}.sidebar-tab.active:after{width:70%}.sidebar-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:4px}.tab-icon{font-size:20px;line-height:1}.tab-label{font-size:var(--text-micro);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-micro)}.tab-panel{animation:fadeIn .2s ease-out}.sidebar-section-full{margin-bottom:0}.sidebar-section-full h2{display:none}.sidebar-content{flex:1;overflow-y:auto;padding:16px}.sidebar-section{margin-bottom:24px;animation:sectionReveal .3s ease-out both}.sidebar-section:nth-of-type(1){animation-delay:0s}.sidebar-section:nth-of-type(2){animation-delay:.06s}.sidebar-section:nth-of-type(3){animation-delay:.12s}.sidebar-section:nth-of-type(4){animation-delay:.18s}@keyframes sectionReveal{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.sidebar-section h2{font-family:var(--font-display);font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.search-container{margin-bottom:16px}.search-container form{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 42px;background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-system-text);font-size:17px;min-height:48px;transition:border-color var(--duration-quick) var(--ease-apple),box-shadow var(--duration-quick) var(--ease-apple),background-color var(--duration-quick) var(--ease-apple)}.search-input:hover{border-color:var(--color-border-hover);background:var(--glass-bg-elevated)}.search-input:focus{outline:none;border-color:var(--color-accent-apple);box-shadow:0 0 0 4px #34c75940;background:var(--glass-bg-elevated)}.search-input::placeholder{color:var(--color-text-tertiary);opacity:1}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:16px;height:16px;pointer-events:none;opacity:.6}.search-status{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;border-radius:var(--border-radius);font-size:12px;animation:fade-up var(--duration-fast) var(--ease-out-expo)}.search-status-searching{background:var(--color-info-bg);color:var(--color-info-light)}.search-status-success{background:var(--color-success-bg);color:var(--color-success-light)}.search-status-no-results{background:var(--color-warning-bg);color:var(--color-warning-light)}.search-status-error{background:var(--color-error-bg);color:var(--color-error-light)}.search-status-icon{font-weight:600;font-size:var(--text-body)}.search-status-spinner{width:var(--spinner-sm);height:var(--spinner-sm);border:2px solid var(--color-info-border);border-top-color:var(--color-info-light);border-radius:50%;animation:spin .8s linear infinite}.search-status-message{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.geocoding-error{position:relative}.geocoding-error-dismiss{background:none;border:none;color:inherit;cursor:pointer;padding:2px 6px;margin-left:4px;font-size:12px;opacity:.7;border-radius:4px;transition:opacity .2s,background .2s}.geocoding-error-dismiss:hover{opacity:1;background:#ffffff1a}.search-error-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.search-error-retry{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:inherit;cursor:pointer;padding:3px 10px;font-size:12px;font-weight:500;border-radius:4px;transition:background .2s,border-color .2s}.search-error-retry:hover:not(:disabled){background:#ffffff40;border-color:#ffffff4d}.search-error-retry:disabled{opacity:.5;cursor:not-allowed}.search-error-dismiss{background:none;border:none;color:inherit;cursor:pointer;padding:2px 6px;font-size:12px;opacity:.7;border-radius:4px;transition:opacity .2s,background .2s}.search-error-dismiss:hover{opacity:1;background:#ffffff1a}.surprise-me-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin-top:12px;background:var(--color-accent-apple);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-system-text);font-size:17px;font-weight:600;cursor:pointer;transition:transform var(--duration-quick) var(--ease-apple),box-shadow var(--duration-quick) var(--ease-apple),background var(--duration-quick) var(--ease-apple);box-shadow:var(--shadow-elevated)}.surprise-me-button:hover{transform:scale(1.01);box-shadow:var(--shadow-floating);background:var(--color-accent-apple-dark)}.surprise-me-button:active{transform:scale(.98)}.surprise-me-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.surprise-me-icon{font-size:18px;transition:transform var(--duration-standard) var(--ease-apple-spring)}.surprise-me-button:hover .surprise-me-icon{transform:rotate(180deg)}.surprise-me-text{letter-spacing:-.01em}.layer-controls{display:flex;flex-direction:column;gap:10px}.layer-item{display:flex;align-items:center;gap:14px;padding:16px;background:var(--glass-bg-elevated);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-quick) var(--ease-apple),box-shadow var(--duration-quick) var(--ease-apple),transform var(--duration-quick) var(--ease-apple);box-shadow:var(--shadow-surface);border:1px solid var(--glass-border);min-height:56px}.layer-item:hover{background:var(--glass-bg-elevated);box-shadow:var(--shadow-elevated)}.layer-item:active{transform:scale(.98)}.layer-item.active{background:#2f7d4e0f;border-left:4px solid var(--color-accent);box-shadow:var(--shadow-elevated)}.layer-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-right:14px;background:var(--glass-bg-elevated);border:2px solid var(--color-gray-300);border-radius:6px;position:relative;cursor:pointer;transition:all var(--duration-quick) var(--ease-apple);flex-shrink:0}.layer-checkbox:after{content:"";position:absolute;top:3px;left:7px;width:5px;height:10px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) scale(0);opacity:0;transition:all var(--duration-quick) var(--ease-apple-spring)}.layer-checkbox:checked{background:var(--color-accent);border-color:var(--color-accent)}.layer-checkbox:checked:after{transform:rotate(45deg) scale(1);opacity:1}.layer-checkbox:hover:not(:checked){border-color:var(--color-gray-400)}.layer-checkbox:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 25%,transparent)}.layer-info{flex:1}.layer-name{font-family:var(--font-system-text);font-size:15px;font-weight:500;margin-bottom:2px;display:flex;align-items:center;gap:8px}.layer-loading-spinner{display:inline-block;width:var(--spinner-sm);height:var(--spinner-sm);border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0;will-change:transform}.layer-item.loading{opacity:.8}.layer-description{font-family:var(--font-system-text);font-size:13px;color:var(--color-text-tertiary)}.layer-disclaimer{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.25);border-radius:var(--border-radius);font-size:11px;line-height:1.4}.layer-disclaimer .disclaimer-icon{flex-shrink:0;font-size:13px}.layer-disclaimer .disclaimer-text{color:var(--color-text-secondary)}.layer-item.layer-disabled{opacity:.55;cursor:not-allowed}.layer-item.layer-disabled:hover{background:var(--glass-bg-elevated);box-shadow:var(--shadow-surface);transform:none}.layer-item.layer-disabled .layer-checkbox{cursor:not-allowed;background:var(--color-gray-200)}.layer-unavailable-hint{display:block;font-size:10px;color:var(--color-text-tertiary);font-style:italic;margin-top:4px}.map-layer-loading-indicator{position:absolute;top:60px;right:10px;background:#000000d9;border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12px;color:#fff;z-index:1000;box-shadow:0 2px 8px #0000004d}.map-layer-loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#60a5fa;border-radius:50%;animation:spin .8s linear infinite}.map-layer-errors{position:absolute;top:60px;right:10px;display:flex;flex-direction:column;gap:6px;z-index:1000;max-width:280px}.map-layer-errors.with-loading{top:100px}.map-layer-error{background:#f87171f2;color:#fff;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;box-shadow:0 2px 12px #00000040;animation:fade-up .2s ease-out}.map-layer-error-header{display:flex;align-items:center;gap:8px}.map-layer-error-icon{font-size:14px}.map-layer-error-message{flex:1}.map-layer-error-dismiss{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:2px 6px;font-size:16px;line-height:1}.map-layer-error-dismiss:hover{color:#fff}.map-layer-error-retry{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease;align-self:flex-start}.map-layer-error-retry:hover{background:#ffffff4d}@media(max-width:768px){.map-layer-loading-indicator{top:auto;bottom:80px;left:10px;right:10px;justify-content:center}.map-layer-errors{top:auto;bottom:80px;left:10px;right:10px;max-width:none}.map-layer-errors.with-loading{top:auto;bottom:130px}}.data-panel{background-color:var(--color-bg-tertiary);border-radius:var(--border-radius);padding:16px;box-shadow:var(--shadow-md);animation:fade-up var(--duration-normal) var(--ease-out-expo)}.data-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.data-panel-header h3{font-size:14px;font-weight:600}.data-panel-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:18px}.data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.data-card{background-color:var(--color-bg-secondary);border-radius:var(--border-radius);padding:12px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.data-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.data-card-label{font-size:11px;color:var(--color-text-secondary);margin-bottom:4px}.data-card-value{font-size:18px;font-weight:600}.data-card-value.positive{color:var(--color-success)}.data-card-value.negative{color:var(--color-error)}.data-card-value.warning{color:var(--color-warning)}.point-data-context{padding:12px;background:#ffffff08;border-radius:var(--border-radius);border-left:3px solid var(--color-accent)}.context-heading{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:10px}.context-note{font-size:12px;color:var(--color-text-secondary);line-height:1.5}.context-note strong{color:var(--color-accent)}.context-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.context-section:first-child,.context-section.context-section--flush{margin-top:0;padding-top:0;border-top:none}.context-section h5{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary);margin-bottom:10px}.resource-list{list-style:none;padding:0;margin:0}.resource-list li{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--color-text-secondary);padding:6px 0;line-height:1.4}.resource-list li+li{border-top:1px solid rgba(255,255,255,.05)}.resource-icon{font-size:14px;flex-shrink:0;width:20px;text-align:center}.resource-list.compact li{padding:4px 0}.layer-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:3px}.indicator-card{background:#ffffff08;border-radius:6px;padding:10px;margin-top:8px}.indicator-header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.indicator-value{font-size:20px;font-weight:700;line-height:1}.indicator-label{font-size:12px;font-weight:600}.indicator-rank{font-size:11px;color:var(--color-text-secondary);margin-left:auto}.advisory-card{background:#ffffff08;border-radius:var(--radius-sm);padding:var(--space-3);margin-top:var(--space-2)}.advisory-level{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.advisory-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-micro);font-weight:600}.advisory-title{font-size:var(--text-caption);font-weight:500}.advisory-concerns{font-size:var(--text-micro);color:var(--color-text-secondary)}.advisory-concerns strong{font-weight:500}.flex-center{display:flex;align-items:center;gap:var(--space-3)}.layer-dot--landmarks{background:var(--color-layer-landmarks)}.layer-dot--facilities{background:var(--color-layer-facilities)}.layer-dot--topography{background:var(--color-layer-topography)}.layer-dot--climate{background:var(--color-layer-climate)}.layer-pro-badge{display:inline-flex;align-items:center;padding:1px 6px;margin-left:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#78350f;background:linear-gradient(135deg,#fcd34d,#f59e0b);border:none;border-radius:4px}.layer-pro-tag{display:inline-flex;align-items:center;padding:0 4px;margin-left:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#10b981;background:#10b9811a;border-radius:3px}.layer-item.layer-locked{opacity:.7}.layer-item.layer-locked .layer-checkbox{cursor:not-allowed}.layer-locked-hint{display:block;font-size:11px;color:var(--color-text-muted);margin-top:2px;font-style:italic}.climate-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;padding:8px 12px 12px 28px;margin-top:-4px;margin-bottom:4px;background:var(--color-bg-elevated);border-radius:0 0 8px 8px}.climate-legend-item{display:flex;align-items:center;gap:6px}.climate-legend-swatch{width:12px;height:12px;border-radius:2px;flex-shrink:0}.climate-legend-swatch--bordered{border:1px solid rgba(0,0,0,.2)}.climate-legend-label{font-size:11px;color:var(--color-text-secondary)}.indicator-value--very-high,.indicator-label--very-high{color:var(--color-success-light)}.indicator-value--high,.indicator-label--high{color:var(--color-info-light)}.indicator-value--medium,.indicator-label--medium{color:var(--color-warning-light)}.indicator-value--low,.indicator-label--low{color:var(--color-error-light)}.context-note--mt{margin-top:var(--space-2)}.context-note--mb{margin-bottom:var(--space-2)}.main-content{flex:1;height:100%;position:relative}@media(max-width:768px){.explore-layout .main-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a14,#0f172a33);opacity:0;pointer-events:none;transition:opacity .22s var(--ease-apple)}body.sheet-full .explore-layout .main-content:after{opacity:1}}.map-container{width:100%;height:100%}.map-controls{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:1}.map-control-btn{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.map-control-btn:hover{background-color:var(--color-bg-tertiary)}.map-control-btn.active{background-color:var(--color-accent);border-color:var(--color-accent)}.map-style-toggle{position:absolute;bottom:24px;right:16px;display:flex;background-color:var(--color-bg-secondary);border-radius:var(--border-radius);overflow:hidden;z-index:1}.map-style-btn{padding:8px 16px;background:none;border:none;color:var(--color-text-secondary);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.map-style-btn.active{background-color:var(--color-accent);color:var(--color-text-primary)}.loading-spinner{display:inline-block;width:var(--spinner-md);height:var(--spinner-md);border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a1a2ecc;display:flex;align-items:center;justify-content:center;z-index:10}.error-message{padding:12px;background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--border-radius);color:var(--color-error);font-size:13px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;color:var(--color-text-secondary)}.empty-state-icon{width:48px;height:48px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:13px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.mapboxgl-popup-content{background-color:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;border-radius:var(--border-radius)!important;padding:12px 16px!important;box-shadow:0 4px 12px #0000004d!important}.mapboxgl-popup-tip{border-top-color:var(--color-bg-secondary)!important}.mapboxgl-ctrl-group{background-color:var(--color-bg-secondary)!important;border-radius:var(--border-radius)!important}.mapboxgl-ctrl-group button{background-color:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}.mapboxgl-ctrl-group button:hover{background-color:var(--color-bg-tertiary)!important}.mapboxgl-ctrl-group button span{filter:invert(1)}@media(max-width:768px){.mapboxgl-ctrl-top-right{top:70px!important;right:10px!important}.mapboxgl-ctrl-bottom-left{bottom:calc(130px + env(safe-area-inset-bottom))!important;left:10px!important}.mapboxgl-ctrl-group button{width:var(--touch-target-min)!important;height:var(--touch-target-min)!important}.marker.landmark-marker,.marker.facility-marker{min-width:var(--touch-target-min)!important;min-height:var(--touch-target-min)!important}.mapboxgl-ctrl-attrib{font-size:11px!important;background:#ffffffe6!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:4px 8px!important;border-radius:4px!important}}.location-insight-panel{background-color:var(--color-bg-tertiary);border-radius:var(--border-radius);padding:16px;box-shadow:var(--shadow-md);animation:fade-up var(--duration-normal) var(--ease-out-expo);overflow:visible}.location-insight-panel>*{animation:insightReveal .25s ease-out both}.location-insight-panel>*:nth-child(1){animation-delay:0s}.location-insight-panel>*:nth-child(2){animation-delay:.04s}.location-insight-panel>*:nth-child(3){animation-delay:.08s}.location-insight-panel>*:nth-child(4){animation-delay:.12s}.location-insight-panel>*:nth-child(5){animation-delay:.16s}.location-insight-panel>*:nth-child(6){animation-delay:.2s}.location-insight-panel>*:nth-child(7){animation-delay:.24s}.location-insight-panel>*:nth-child(8){animation-delay:.28s}.location-insight-panel>*:nth-child(9){animation-delay:.32s}.location-insight-panel>*:nth-child(10){animation-delay:.36s}.location-insight-panel>*:nth-child(11){animation-delay:.4s}.location-insight-panel>*:nth-child(12){animation-delay:.44s}.location-insight-panel>*:nth-child(13){animation-delay:.48s}.location-insight-panel>*:nth-child(14){animation-delay:.52s}.location-insight-panel>*:nth-child(15){animation-delay:.56s}@keyframes insightReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.insight-header{margin-bottom:12px}.insight-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.insight-flag{font-size:28px;line-height:1}.insight-city{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0}.insight-region{font-size:12px;color:var(--color-text-secondary)}.insight-thumbnail{position:relative;width:100%;max-height:160px;border-radius:var(--border-radius);overflow:hidden;margin-bottom:12px;background:var(--color-bg-secondary)}.insight-thumbnail img{width:100%;height:auto;max-height:160px;object-fit:cover;display:block;transition:opacity var(--duration-normal) var(--ease-in-out)}.insight-thumbnail-skeleton{position:absolute;top:0;left:0;width:100%;height:100px;animation:skeleton-shimmer 1.5s ease-in-out infinite}.insight-thumbnail.loaded img{animation:fade-up var(--duration-normal) var(--ease-out-expo)}.insight-description{font-size:13px;line-height:1.6;color:var(--color-text-primary);margin-bottom:12px;opacity:.9}.wikipedia-link{display:inline-flex;align-items:center;gap:6px;padding:6px 0;margin:8px 0 16px;font-size:13px;font-weight:500;color:var(--color-accent);text-decoration:none;transition:color .15s ease}.wikipedia-link:hover{color:var(--color-accent-hover)}.wikipedia-link:hover .wiki-text{text-decoration:underline;text-underline-offset:2px}.wikipedia-link .wiki-icon{font-size:14px;opacity:.8}.wikipedia-link .wiki-text{transition:text-decoration .15s ease}.wikipedia-link .wiki-arrow{font-size:11px;opacity:.5;transition:transform .15s ease,opacity .15s ease}.wikipedia-link:hover .wiki-arrow{transform:translate(3px);opacity:.8}.insight-country-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;padding:12px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius)}.country-info-item{display:flex;flex-direction:column;gap:2px}.country-info-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.country-info-value{font-size:12px;font-weight:500;color:var(--color-text-primary);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4}.insight-stats{display:flex;gap:24px;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.insight-stat{display:flex;flex-direction:column;gap:4px}.insight-stat .stat-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.insight-stat .stat-value{font-size:18px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.insight-highlights{margin-top:12px}.insight-highlights h4{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:8px}.insight-highlights ul{list-style:none;padding:0}.insight-highlights li{font-size:12px;color:var(--color-text-primary);padding:6px 0 6px 16px;position:relative;border-bottom:1px solid var(--color-border)}.insight-highlights li:before{content:"•";position:absolute;left:0;color:var(--color-success)}.data-availability-notice{background-color:#ffc1071a;border:1px solid rgba(255,193,7,.4);border-left:3px solid #ffc107;border-radius:var(--border-radius);padding:12px;margin-bottom:12px}.data-availability-notice[data-category=active_conflict]{background-color:#dc354514;border-color:#dc35454d;border-left-color:#dc3545}.data-availability-notice[data-category=political_controls]{background-color:#6c757d14;border-color:#6c757d4d;border-left-color:#6c757d}.data-availability-notice[data-category=disputed_status]{background-color:#0d6efd14;border-color:#0d6efd4d;border-left-color:#0d6efd}.notice-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.notice-icon{font-size:16px}.notice-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-primary)}.notice-text{font-size:12px;line-height:1.5;color:var(--color-text-primary);margin:0 0 8px;opacity:.9}.notice-date{font-size:10px;color:var(--color-text-secondary);font-style:italic}.data-explanation-section{margin:12px 0}.explanation-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:8px 12px;width:100%;cursor:pointer;color:var(--color-text-secondary);font-size:12px;transition:all var(--transition-fast)}.explanation-toggle:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-accent)}.toggle-icon{font-size:10px;color:var(--color-accent)}.toggle-text{font-weight:500}.explanation-content{margin-top:12px;padding:12px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);animation:fade-up var(--duration-fast) var(--ease-out-expo)}.explanation-content p{font-size:12px;line-height:1.6;color:var(--color-text-primary);margin:0 0 12px}.constraint-category-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background-color:var(--color-bg-tertiary);border-radius:4px;margin-bottom:12px}.category-icon{font-size:14px}.category-label{font-size:11px;font-weight:500;color:var(--color-text-secondary)}.alternative-content-info{margin-top:8px}.alt-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);display:block;margin-bottom:6px}.alt-badges{display:flex;flex-wrap:wrap;gap:4px}.alt-badge{font-size:10px;padding:2px 6px;background-color:var(--color-success);color:#fff;border-radius:3px;opacity:.9}.verification-note,.source-note{color:var(--color-warning);font-weight:400;cursor:help}.economy-caveat{font-size:10px;font-style:italic;color:var(--color-text-secondary);opacity:.8}.constraint-footnote{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:4px 12px;font-size:10px;color:var(--color-text-secondary)}.footnote-symbol{color:var(--color-warning);font-weight:600;margin-right:2px}.footnote-text{margin-right:8px}.region-explorer{margin-bottom:8px}.region-towns{display:flex;flex-direction:column;gap:6px}.town-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-quick) var(--ease-apple),box-shadow var(--duration-quick) var(--ease-apple),transform var(--duration-quick) var(--ease-apple);text-align:left;width:100%;overflow:hidden;box-shadow:var(--shadow-surface);animation:fadeUp var(--duration-standard) var(--ease-apple) both;min-height:52px}.town-card:nth-child(1){animation-delay:0ms}.town-card:nth-child(2){animation-delay:40ms}.town-card:nth-child(3){animation-delay:80ms}.town-card:nth-child(4){animation-delay:.12s}.town-card:nth-child(5){animation-delay:.16s}.town-card:nth-child(6){animation-delay:.2s}.town-card:hover{background:var(--glass-bg-elevated);box-shadow:var(--shadow-elevated)}.town-card:active{transform:scale(.98)}.town-card.active{background:#34c75914;border-color:#34c7594d;box-shadow:var(--shadow-elevated)}.town-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-shrink:0}.town-info{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.town-name{font-family:var(--font-system-text);font-size:14px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.town-desc{font-family:var(--font-system-text);font-size:12px;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-header{margin-bottom:10px}.region-label{font-family:var(--font-system-text);font-size:11px;font-weight:600;color:var(--color-accent-apple);text-transform:uppercase;letter-spacing:.04em}.region-header--editorial{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.region-header__label{font-family:var(--font-system-text);font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.region-header__title{margin:0;font-family:var(--font-system);font-size:1.125rem;font-weight:600;color:var(--color-text-primary);line-height:1.3}.region-empty{padding:24px 16px;text-align:center}.region-empty .empty-message{display:flex;flex-direction:column;align-items:center;gap:8px}.region-empty .empty-icon{font-size:32px;opacity:.6}.region-empty p{font-size:14px;color:var(--color-text-primary);font-weight:500}.region-empty .empty-hint{font-size:12px;color:var(--color-text-secondary)}.region-empty--discovery{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px}.empty-compass{width:48px;height:48px;position:relative;opacity:.6}.empty-compass:before,.empty-compass:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--color-carto-blue)}.empty-compass:before{width:2px;height:100%}.empty-compass:after{width:100%;height:2px}.empty-compass:before{clip-path:polygon(50% 0%,40% 50%,50% 50%,60% 50%,50% 0%,50% 100%,40% 50%,60% 50%)}.region-empty--discovery .empty-title{font-family:var(--font-editorial);font-size:1.125rem;font-weight:500;color:var(--color-text-primary);margin:0}.region-empty--discovery .empty-hint{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:0}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--shadow-glow)}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--border-radius)}.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-circular{border-radius:50%}.skeleton-block{display:flex;flex-direction:column;gap:8px}.skeleton-pulse{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-gray-200, #e5e7eb) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.empty-state-enhanced{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;background:linear-gradient(135deg,#0f34604d,#16213e80);border-radius:var(--border-radius);border:1px dashed var(--color-border)}.empty-state-enhanced .empty-icon{font-size:48px;margin-bottom:16px;animation:float 3s ease-in-out infinite}.empty-state-enhanced .empty-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.empty-state-enhanced .empty-description{font-size:13px;line-height:1.5;color:var(--color-text-secondary);max-width:240px}.data-quality-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.data-quality-badge.quality-high{background-color:#4ade8026;color:var(--color-success)}.data-quality-badge.quality-medium{background-color:#fbbf2426;color:var(--color-warning)}.data-quality-badge.quality-low{background-color:#6b728026;color:var(--color-text-secondary)}.data-source-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:var(--transition-fast)}.data-source-badge.small{padding:2px 6px;font-size:9px}.data-source-badge.medium{padding:3px 10px;font-size:11px}.data-source-badge .badge-icon{font-weight:700}.data-source-badge.curated{background:var(--color-success-bg);color:var(--color-success-light);border:1px solid var(--color-success-border)}.data-source-badge.api{background:var(--color-info-bg);color:var(--color-info-light);border:1px solid var(--color-info-border)}.data-source-badge.synthetic{background:var(--color-warning-bg);color:var(--color-warning-light);border:1px solid var(--color-warning-border)}.data-source-badge.wikipedia{background:#9ca3af26;color:var(--color-gray-400);border:1px solid rgba(156,163,175,.3)}.data-freshness-indicator{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--color-text-secondary)}.data-freshness-indicator.small{font-size:9px;gap:4px}.data-freshness-indicator .freshness-status{display:inline-flex;align-items:center;gap:3px}.data-freshness-indicator .status-icon{font-size:8px}.data-freshness-indicator.live .status-icon{color:var(--color-success);animation:pulse 2s infinite}.data-freshness-indicator.cached .status-icon{color:var(--color-text-tertiary)}.data-freshness-indicator .status-label{font-weight:500;text-transform:uppercase;letter-spacing:.3px}.data-freshness-indicator.live .status-label{color:var(--color-success)}.data-freshness-indicator.cached .status-label,.data-freshness-indicator .freshness-time{color:var(--color-text-tertiary)}.data-freshness-indicator .freshness-source{color:var(--color-text-tertiary);font-style:italic}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.data-confidence-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font-size:10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.data-confidence-badge.small{padding:1px 6px;font-size:9px}.data-confidence-badge.high{background:var(--color-success-bg);border-color:var(--color-success-border)}.data-confidence-badge.medium{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.data-confidence-badge.low{background:var(--color-error-bg);border-color:var(--color-error-border)}.data-confidence-badge .confidence-icon{font-weight:700;font-size:9px}.data-confidence-badge .confidence-label{font-weight:500;color:var(--color-text-secondary)}.data-transparency-summary{padding:10px 12px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin-top:12px}.data-transparency-summary.constrained{border-color:#f59e0b66;background:#f59e0b0d}.data-transparency-summary .transparency-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.data-transparency-summary .transparency-warning{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 8px;background:var(--color-warning-bg);border-radius:var(--radius-sm);font-size:10px;color:var(--color-warning-dark)}.data-transparency-summary .warning-icon{font-size:12px}.data-transparency-summary .transparency-legend{display:flex;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border-light);font-size:9px;color:var(--color-text-tertiary)}.data-transparency-summary .legend-item{display:inline-flex;align-items:center;gap:4px}.data-transparency-summary .legend-dot{width:6px;height:6px;border-radius:50%}.data-transparency-summary .legend-dot.live{background:var(--color-accent)}.data-transparency-summary .legend-dot.cached{background:#6b7280}.us-data-quality{padding:10px 12px;border-radius:var(--radius-md);margin-top:12px}.us-data-quality.success{background:var(--color-accent-subtle);border:1px solid rgba(47,125,78,.2)}.us-data-quality.warning{background:#f59e0b0d;border:1px solid rgba(245,158,11,.3)}.us-data-quality .quality-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.us-data-quality.success .quality-icon{color:var(--color-accent)}.us-data-quality.warning .quality-icon{color:var(--color-streak)}.us-data-quality .quality-title{font-size:11px;font-weight:600;color:var(--color-text-primary)}.us-data-quality .quality-details{font-size:10px}.us-data-quality .quality-row{display:flex;gap:8px;margin-bottom:4px}.us-data-quality .quality-label{color:var(--color-text-secondary);min-width:70px}.us-data-quality .quality-value{color:var(--color-text-primary);font-weight:500}.us-data-quality .quality-text{font-size:10px;color:var(--color-text-secondary)}.last-updated{font-size:10px;color:var(--color-text-secondary);font-style:italic}.insight-attribution{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border);flex-wrap:wrap}.insight-attribution .attribution-text{font-size:10px;color:var(--color-text-secondary)}.insight-economic{margin-top:16px;padding:12px;background:#ffffff08;border-radius:var(--border-radius)}.insight-economic h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:4px}.economy-note{font-size:10px;color:var(--color-text-secondary);font-style:italic;margin-bottom:10px}.economic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.economic-item{display:flex;flex-direction:column}.economic-item .label{font-size:10px;color:var(--color-text-secondary);margin-bottom:2px}.economic-item .value{font-size:13px;font-weight:600;color:var(--color-text-primary)}.economic-item .value.highlight{color:var(--color-success)}.economic-exports{margin-top:10px;font-size:11px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.economic-exports .label{color:var(--color-text-secondary)}.economic-exports .value{color:var(--color-text-primary)}.insight-organizations{margin-top:16px}.insight-organizations h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:10px}.org-badges{display:flex;flex-wrap:wrap;gap:6px}.org-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;background:#ffffff14;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.1);transition:var(--transition-fast);cursor:default}.org-badge:hover{background:#ffffff1f}.org-badge.political{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf64d}.org-badge.economic{background:#22c55e26;color:var(--color-success-light);border-color:#22c55e4d}.org-badge.security{background:#3b82f626;color:var(--color-info-light);border-color:#3b82f64d}.org-badge.trade{background:#0ea5e926;color:#38bdf8;border-color:#0ea5e94d}.capital-note{color:var(--color-warning-light);cursor:help}.insight-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:6px;font-size:11px}.insight-note .note-icon{flex-shrink:0}.insight-note .note-text{color:var(--color-text-secondary);line-height:1.4}.insight-un-status{margin-top:12px}.un-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500}.un-badge[data-status=observer]{background:#3b82f626;color:var(--color-info-light);border:1px solid rgba(59,130,246,.3)}.un-badge[data-status=disputed]{background:#fbbf2426;color:var(--color-warning-light);border:1px solid rgba(251,191,36,.3)}.un-badge[data-status=territory]{background:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.city-snapshot-section{margin:20px 0}.snapshot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.snapshot-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.data-level-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.data-level-badge[data-level=city]{background:#2f7d4e14;color:var(--color-accent)}.data-level-badge[data-level=country]{background:#3b82f614;color:#3b82f6}.data-level-badge[data-level=estimated]{background:#f59e0b14;color:#d97706}.country-snapshot-section{margin:20px 0}.snapshot-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:13px;font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:all .15s ease}.snapshot-toggle:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);box-shadow:0 2px 8px #0000000a}.snapshot-toggle .toggle-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--color-accent);background:var(--color-accent-light);border-radius:4px;transition:transform .2s ease}.snapshot-toggle[aria-expanded=true] .toggle-icon{transform:rotate(90deg)}.snapshot-toggle .toggle-text{flex:1;text-align:left}.snapshot-toggle .data-level-badge{margin-left:auto}.country-snapshot-content{margin-top:2px;padding:20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);animation:expandDown .2s ease-out}@keyframes expandDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.insight-highlights{margin:20px 0}.insight-highlights h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:12px}.insight-highlights ul{list-style:none;padding:0;margin:0}.insight-highlights li{position:relative;padding:8px 0 8px 16px;font-size:13px;line-height:1.5;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.insight-highlights li:last-child{border-bottom:none}.insight-highlights li:before{content:"";position:absolute;left:0;top:14px;width:4px;height:4px;background:var(--color-accent);border-radius:50%}.highlights-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 0;margin-top:4px;background:transparent;border:none;font-size:12px;font-weight:500;color:var(--color-accent);cursor:pointer;transition:all .15s ease}.highlights-toggle:hover{color:var(--color-accent-hover)}.highlights-toggle .toggle-icon{font-size:8px;transition:transform .2s ease}.highlights-toggle[aria-expanded=true] .toggle-icon{transform:rotate(90deg)}.highlights-toggle .toggle-text{text-decoration:none}.highlights-toggle:hover .toggle-text{text-decoration:underline;text-underline-offset:2px}.sources-methodology-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border)}.sources-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:0;background:transparent;border:none;font-size:11px;font-weight:500;color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease}.sources-toggle:hover{color:var(--color-text-secondary)}.sources-toggle .toggle-icon{font-size:8px;transition:transform .2s ease}.sources-toggle[aria-expanded=true] .toggle-icon{transform:rotate(90deg)}.sources-toggle .toggle-text{flex:1;text-align:left;text-transform:uppercase;letter-spacing:.05em}.sources-content{margin-top:16px;padding:16px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:expandDown .2s ease-out}.sources-content .insight-attribution{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.sources-content .insight-sources-link{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.quiz-panel{padding:16px}.quiz-panel.setup{display:flex;flex-direction:column;gap:20px}.quiz-panel.active{display:flex;flex-direction:column;gap:16px}.quiz-title h3{margin:0 0 4px;color:var(--color-text-primary);font-size:18px}.quiz-title p{margin:0;color:var(--color-text-secondary);font-size:13px}.learn-header h2{margin:0 0 var(--space-2) 0;color:var(--color-text-primary);font-size:var(--text-heading);font-weight:700;letter-spacing:var(--tracking-heading)}.learn-header p{margin:0;color:var(--color-text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.quiz-category{padding:var(--space-5);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-lift)}.quiz-category:hover{box-shadow:var(--shadow-sm)}.category-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4) 0;font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary)}.category-icon{font-size:20px}.settings-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.feedback-location{font-size:13px;color:var(--color-text-secondary);margin:4px 0}.feedback-description{font-size:12px;color:var(--color-text-secondary);font-style:italic;line-height:1.4;margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.quiz-modes h4{margin:0 0 var(--space-3) 0;font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caption)}.mode-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.mode-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-lift),box-shadow var(--transition-lift),border-color var(--transition-fast);text-align:left;position:relative}.mode-btn:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--color-accent);border-radius:0 2px 2px 0;transition:height var(--transition-fast)}.mode-btn:hover{border-color:#2f7d4e4d;transform:translateY(-3px);box-shadow:var(--shadow-md)}.mode-btn:hover:before{height:60%}.mode-icon{font-size:26px}.mode-name{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.mode-desc{font-size:var(--text-caption);color:var(--color-text-secondary);margin-left:auto}.quiz-settings{display:flex;flex-direction:column;gap:16px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{font-size:12px;color:var(--color-text-secondary);font-weight:500}.setting-options{display:flex;gap:8px;flex-wrap:wrap}.setting-btn{padding:6px 12px;font-size:12px;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.setting-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.setting-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white);font-weight:500}.continent-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.quiz-header{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.quiz-info{display:flex;justify-content:space-between;align-items:center}.quiz-mode-tag{font-size:12px;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px}.quiz-progress{font-size:13px;color:var(--color-text-secondary)}.quiz-score-bar{display:flex;justify-content:space-between;align-items:center}.score-label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.streak-badge{font-size:14px;color:var(--color-streak);animation:pulse 1s ease infinite}.quiz-progress-bar{height:4px;background:#0000000f;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,#22C55E 100%);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out-expo)}.quiz-question{display:flex;flex-direction:column;gap:var(--space-5)}.quiz-flag-display{display:flex;justify-content:center;padding:var(--space-6);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.quiz-flag{font-size:80px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.quiz-prompt{text-align:center}.quiz-prompt p{margin:0;font-size:var(--text-subhead);font-weight:500;color:var(--color-text-primary)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.quiz-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.quiz-option:hover:not(:disabled){border-color:#2f7d4e66;background:#2f7d4e08;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.quiz-option.selected{border-color:var(--color-accent);background:#2f7d4e14}.quiz-option.correct{border-color:var(--color-success);background:#22c55e1a}.quiz-option.incorrect{border-color:var(--color-error);background:#ef44441a}.quiz-option:disabled{cursor:default}.option-letter{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary)}.option-text{flex:1;font-size:var(--text-body);color:var(--color-text-primary)}.option-icon{font-size:18px;font-weight:700}.correct-icon{color:var(--color-success)}.incorrect-icon{color:var(--color-error)}.quiz-feedback{padding:var(--space-5);border-radius:var(--radius-lg);text-align:center;animation:fadeUp var(--duration-normal) var(--ease-out-expo)}.quiz-feedback.correct{background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.quiz-feedback.incorrect{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.feedback-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600}.quiz-feedback.correct .feedback-header{color:var(--color-success-light)}.quiz-feedback.incorrect .feedback-header{color:var(--color-error)}.feedback-icon{font-size:20px}.feedback-details{color:var(--color-text-secondary);font-size:13px}.feedback-details p{margin:4px 0}.detail-flag{margin-right:8px}.quiz-actions{display:flex;justify-content:center;padding-top:8px}.quiz-btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.quiz-btn.primary{background:var(--color-accent);border:none;color:#fff}.quiz-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.quiz-btn.primary:disabled{opacity:.5;cursor:not-allowed}.quiz-btn.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.quiz-btn.secondary:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.quiz-end-btn{padding:8px 16px;font-size:12px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-tertiary);border-radius:4px;cursor:pointer;transition:all var(--transition-fast);align-self:center}.quiz-end-btn:hover{border-color:var(--color-error);color:var(--color-error)}.quiz-results{display:flex;flex-direction:column;gap:20px;padding:20px 16px;text-align:center}.quiz-results--empty{align-items:center;justify-content:center;min-height:260px}.quiz-results__empty-card{max-width:360px;padding:24px;background:var(--color-bg-tertiary);border-radius:12px;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:12px;align-items:center}.quiz-results__empty-icon{font-size:2.5rem}.results-header{display:flex;flex-direction:column;align-items:center;gap:12px}.results-header h3{margin:0;font-size:20px;color:var(--color-text-primary)}.results-grade{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:28px;font-weight:700}.results-grade.grade-A-plus,.results-grade.grade-A{background:#4ade8033;color:var(--color-grade-a);border:2px solid var(--color-grade-a)}.results-grade.grade-B{background:#60a5fa33;color:var(--color-grade-b);border:2px solid var(--color-grade-b)}.results-grade.grade-C{background:#fbbf2433;color:var(--color-grade-c);border:2px solid var(--color-grade-c)}.results-grade.grade-D{background:#fb923c33;color:var(--color-grade-d);border:2px solid var(--color-grade-d)}.results-grade.grade-F{background:#ef444433;color:var(--color-grade-f);border:2px solid var(--color-grade-f)}.results-score{padding:16px;background:var(--color-bg-tertiary);border-radius:8px}.score-main{font-size:32px;font-weight:600;color:var(--color-text-primary)}.score-divider{color:var(--color-text-tertiary);margin:0 4px}.score-percentage{font-size:18px;color:var(--color-accent);font-weight:500;margin-top:4px}.score-message{margin:12px 0 0;font-size:14px;color:var(--color-text-secondary)}.results-stats{display:flex;justify-content:center;gap:24px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{font-size:20px}.stat-item.correct .stat-icon{color:var(--color-success-light)}.stat-item.incorrect .stat-icon{color:var(--color-error)}.stat-item.streak .stat-icon{color:var(--color-streak)}.stat-value{font-size:20px;font-weight:600;color:var(--color-text-primary)}.stat-label{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase}.results-actions{display:flex;gap:12px;justify-content:center}.results-settings{padding-top:12px;border-top:1px solid var(--color-border)}.results-settings p{margin:0;font-size:12px;color:var(--color-text-tertiary)}.learn-header-enhanced{text-align:center;padding:8px 0 16px}.learn-header-enhanced h2{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px}.learn-header-enhanced p{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.session-continue-prompt{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,#2f7d4e1a,#2f7d4e0d);border:1px solid rgba(47,125,78,.3);border-radius:12px;animation:slideDown var(--duration-normal) var(--ease-out-expo)}.session-prompt-content{display:flex;align-items:center;gap:12px}.session-icon{font-size:24px}.session-text{display:flex;flex-direction:column;gap:2px}.session-title{font-size:14px;font-weight:600;color:var(--color-text-primary)}.session-desc{font-size:12px;color:var(--color-text-secondary)}.session-actions{display:flex;gap:8px}.session-btn{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.session-btn.continue{background:var(--color-accent);border:none;color:#fff}.session-btn.continue:hover{filter:brightness(1.1)}.session-btn.discard{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.session-btn.discard:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.quiz-category-enhanced{padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.category-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.category-icon-badge{font-size:22px}.category-header h3{margin:0;font-size:var(--text-subhead);font-weight:700;color:var(--color-text-primary)}.mode-cards-grid{display:flex;flex-direction:column;gap:var(--space-2)}.mode-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all var(--transition-fast);text-align:left;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent);opacity:0;transition:opacity .2s ease}.mode-card:hover{border-color:var(--color-accent);background:var(--color-accent-subtle);transform:translate(4px);box-shadow:0 4px 12px #00000014}.mode-card:hover:before{opacity:1}.mode-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.mode-card.featured{background:linear-gradient(135deg,#2f7d4e14,#2f7d4e05);border-color:#2f7d4e4d}.mode-card-icon{font-size:28px;flex-shrink:0}.mode-card-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.mode-card-name{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.mode-card-desc{font-size:var(--text-caption);color:var(--color-text-secondary)}.mode-card-badge{position:absolute;top:8px;right:8px;padding:2px 8px;background:var(--color-accent);color:#fff;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase}.mode-card-arrow{font-size:20px;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.mode-card:hover .mode-card-arrow{transform:translate(4px);color:var(--color-accent)}.quiz-settings-enhanced{padding:16px;background:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border)}.quiz-settings-enhanced h4{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.setting-group-enhanced{margin-bottom:16px}.setting-group-enhanced:last-child{margin-bottom:0}.setting-group-enhanced label{display:block;font-size:12px;color:var(--color-text-secondary);font-weight:500;margin-bottom:8px}.difficulty-buttons{display:flex;gap:8px}.difficulty-btn{flex:1;padding:10px 12px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:2px}.difficulty-btn:hover{border-color:var(--btn-color, var(--color-accent))}.difficulty-btn.active{border-color:var(--btn-color, var(--color-accent));background:color-mix(in srgb,var(--btn-color, var(--color-accent)) 10%,transparent)}.diff-label{font-size:13px;font-weight:600;color:var(--color-text-primary)}.difficulty-btn.active .diff-label{color:var(--btn-color, var(--color-accent))}.diff-desc{font-size:10px;color:var(--color-text-tertiary)}.diff-recommended{font-size:9px;color:var(--color-accent);font-weight:600;text-transform:uppercase;margin-top:2px}.difficulty-rec-badge{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.rec-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.rec-badge.recommended{background:var(--color-accent-light);color:var(--color-accent)}.rec-badge.promote{background:var(--color-success-bg);color:var(--color-success-dark);cursor:pointer;transition:all var(--transition-fast)}.rec-badge.promote:hover{background:var(--color-success);color:#fff}.rec-badge.multiplier{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.rec-badge.multiplier.easy{background:#4ade801a;color:#16a34a}.rec-badge.multiplier.medium{background:#f59e0b1a;color:#d97706}.rec-badge.multiplier.hard{background:#ef44441a;color:#dc2626}.difficulty-rec-inline{font-size:11px;font-weight:500}.rec-inline.promote{color:var(--color-success)}.rec-inline.demote{color:var(--color-warning)}.difficulty-rec-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:16px;text-align:left}.rec-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rec-card-icon{font-size:20px}.rec-card-title{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary)}.rec-card-reason{margin:0 0 12px;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.rec-card-stats{display:flex;gap:16px;margin-bottom:12px}.rec-stat{display:flex;flex-direction:column}.rec-stat-value{font-size:18px;font-weight:700;color:var(--color-text-primary)}.rec-stat-label{font-size:11px;color:var(--color-text-tertiary);text-transform:capitalize}.rec-card-action{width:100%;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.rec-card-action.promote{background:var(--color-success);color:#fff}.rec-card-action.promote:hover{filter:brightness(1.1)}.rec-card-action.demote{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.rec-card-action.demote:hover{border-color:var(--color-text-secondary)}.xp-multiplier-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.xp-multiplier-badge.bonus{background:linear-gradient(135deg,#ef444426,#f59e0b26);color:#dc2626}.xp-multiplier-badge.reduced{background:#4ade801a;color:#16a34a}.xp-multiplier-badge.standard{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.difficulty-progress{background:var(--color-bg-tertiary);border-radius:8px;padding:12px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:12px;color:var(--color-text-secondary);text-transform:capitalize}.progress-accuracy{font-size:14px;font-weight:700;color:var(--color-text-primary)}.difficulty-progress .progress-bar{position:relative;height:8px;background:var(--color-bg-secondary);border-radius:4px;overflow:visible}.difficulty-progress .progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.difficulty-progress .progress-fill.excellent{background:var(--color-success)}.difficulty-progress .progress-fill.good{background:var(--color-warning)}.difficulty-progress .progress-fill.building{background:var(--color-info)}.progress-threshold{position:absolute;top:-4px;bottom:-4px;width:2px;transform:translate(-50%)}.threshold-marker{display:block;width:2px;height:100%;background:var(--color-accent);opacity:.5}.progress-hint{margin:8px 0 0;font-size:11px;color:var(--color-text-tertiary)}.results-difficulty-suggestion{background:linear-gradient(135deg,var(--color-accent-subtle),transparent);border:1px solid var(--color-accent-light);border-radius:12px;padding:16px;text-align:left;animation:fadeIn .5s ease .8s backwards}.difficulty-suggestion-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.difficulty-suggestion-icon{font-size:24px}.difficulty-suggestion-title{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary)}.difficulty-suggestion-text{margin:0 0 12px;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.difficulty-suggestion-action{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-accent);border:none;border-radius:6px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.difficulty-suggestion-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.results-xp-bonus{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--color-bg-tertiary);border-radius:8px;animation:fadeIn .5s ease .6s backwards}.xp-bonus-amount{font-size:20px;font-weight:700;color:var(--color-accent)}.xp-bonus-multiplier{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.xp-bonus-multiplier.hard{background:#ef444426;color:#dc2626}.xp-bonus-multiplier.medium{background:#f59e0b26;color:#d97706}.xp-bonus-multiplier.easy{background:#4ade8026;color:#16a34a}.xp-bonus-label{font-size:12px;color:var(--color-text-secondary)}.continent-chips{display:flex;flex-wrap:wrap;gap:6px}.continent-chip{padding:6px 12px;font-size:12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:16px;cursor:pointer;transition:all var(--transition-fast)}.continent-chip:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.continent-chip.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:500}.quiz-header-enhanced{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.quiz-header-top{display:flex;justify-content:space-between;align-items:center}.quiz-mode-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#2f7d4e1a;border-radius:6px;font-size:13px;font-weight:600;color:var(--color-accent)}.quiz-exit-btn-small{padding:6px 12px;font-size:12px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-tertiary);border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.quiz-exit-btn-small:hover{border-color:var(--color-error);color:var(--color-error)}.quiz-stats-row{display:flex;gap:8px}.quiz-stat-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-bg-tertiary);border-radius:12px;font-size:13px}.quiz-stat-pill .stat-icon{font-size:12px}.quiz-stat-pill .stat-value{font-weight:600;color:var(--color-text-primary)}.quiz-stat-pill .stat-label{color:var(--color-text-tertiary);font-size:11px}.quiz-stat-pill.streak-pill{background:#f59e0b26;animation:pulse 1.5s ease infinite}.quiz-stat-pill.streak-pill .stat-value{color:var(--color-streak)}.quiz-progress-bar-enhanced{width:100%;height:4px;background:var(--color-bg-tertiary);border-radius:2px;overflow:hidden}.progress-fill-enhanced{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,#4ade80 100%);border-radius:2px;transition:width var(--duration-normal) var(--ease-out-expo)}.quiz-question-enhanced{display:flex;flex-direction:column;gap:20px;padding:16px 0;position:relative}.quiz-flag-display-enhanced{display:flex;justify-content:center;padding:16px}.quiz-flag-large{font-size:80px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.quiz-flag-display-enhanced.hidden{background:var(--color-bg-tertiary)}.quiz-flag-placeholder{font-size:48px;opacity:.6}.quiz-timer{display:flex;align-items:center;justify-content:center;gap:10px}.quiz-timer-bar{flex:1;max-width:280px;height:6px;background:var(--color-bg-tertiary);border-radius:999px;overflow:hidden}.quiz-timer-fill{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,#22c55e 100%);transition:width .1s linear}.quiz-timer-text{font-size:12px;color:var(--color-text-tertiary);min-width:28px;text-align:right}.quiz-prompt-enhanced{text-align:center}.quiz-prompt-enhanced p{margin:0;font-size:18px;font-weight:500;color:var(--color-text-primary);line-height:1.4}.quiz-options-enhanced{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-option-enhanced{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all var(--transition-fast);text-align:left;position:relative;overflow:hidden}.quiz-option-enhanced:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quiz-option-enhanced.selected{border-color:var(--color-accent);background:#2f7d4e1a}.quiz-option-enhanced.correct{border-color:var(--color-success-light);background:#4ade8026;animation:correctPulse .5s ease}.quiz-option-enhanced.incorrect{border-color:var(--color-error);background:#ef444426;animation:shake .4s ease}.quiz-option-enhanced.dimmed{opacity:.5}.quiz-option-enhanced:disabled{cursor:default}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.option-letter-enhanced{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:6px;font-size:13px;font-weight:700;color:var(--color-text-secondary);flex-shrink:0}.quiz-option-enhanced.correct .option-letter-enhanced{background:var(--color-success-light);color:#fff}.quiz-option-enhanced.incorrect .option-letter-enhanced{background:var(--color-error);color:#fff}.option-text-enhanced{flex:1;font-size:14px;color:var(--color-text-primary);line-height:1.3}.option-indicator{font-size:18px;font-weight:700}.option-indicator.correct{color:var(--color-success-light)}.option-indicator.incorrect{color:var(--color-error)}.quiz-feedback-enhanced{padding:16px;border-radius:10px;animation:fadeInUp var(--duration-normal) var(--ease-out-expo)}.quiz-feedback-enhanced.correct{background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.quiz-feedback-enhanced.incorrect{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.feedback-header-enhanced{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;font-size:18px;font-weight:600}.feedback-icon-enhanced{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px}.feedback-icon-enhanced.correct{background:var(--color-success-light);color:#fff}.feedback-icon-enhanced.incorrect{background:var(--color-error);color:#fff}.quiz-feedback-enhanced.correct .feedback-header-enhanced{color:var(--color-success-light)}.quiz-feedback-enhanced.incorrect .feedback-header-enhanced{color:var(--color-error)}.feedback-details-enhanced{text-align:center}.feedback-country-info{display:flex;align-items:center;justify-content:center;gap:12px}.feedback-flag{font-size:32px}.feedback-country-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.feedback-country-details strong{color:var(--color-text-primary);font-size:15px}.feedback-country-details span{font-size:12px;color:var(--color-text-secondary)}.feedback-landmark-name{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.quiz-actions-enhanced{display:flex;justify-content:center}.quiz-btn-enhanced{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.quiz-btn-enhanced.primary{background:var(--color-accent);border:none;color:#fff}.quiz-btn-enhanced.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-arrow{font-size:18px}.milestone-toast{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:100;animation:milestoneAppear .3s ease}@keyframes milestoneAppear{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.milestone-content{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 8px 32px #f59e0b66}.milestone-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:4px;background:#fff3;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;transition:background .15s ease}.milestone-close:hover{background:#ffffff59}.milestone-icon{font-size:32px}.milestone-text{display:flex;flex-direction:column}.milestone-count{font-size:18px;font-weight:700;color:#fff}.milestone-message{font-size:13px;color:#ffffffe6}.milestone-sparkles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.sparkle{position:absolute;font-size:20px;animation:sparkleFloat 1s ease infinite}.sparkle.s1{top:-10px;left:10%;animation-delay:0s}.sparkle.s2{top:-5px;right:15%;animation-delay:.2s}.sparkle.s3{bottom:-10px;left:50%;animation-delay:.4s}@keyframes sparkleFloat{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.5;transform:translateY(-10px) scale(1.2)}}.quiz-results-enhanced{display:flex;flex-direction:column;gap:24px;padding:24px 16px;text-align:center}.results-header-enhanced{animation:fadeIn .5s ease}.results-header-enhanced h2{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--color-text-primary)}.results-mode-info{margin:0;font-size:14px;color:var(--color-text-secondary)}.results-score-enhanced{display:flex;justify-content:center;animation:fadeIn .5s ease .2s backwards}.score-circle{width:140px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%);border:3px solid var(--color-accent);border-radius:50%;box-shadow:0 8px 32px #2f7d4e33}.score-circle-inner{display:flex;align-items:baseline}.score-circle .score-main{font-size:42px;font-weight:700;color:var(--color-text-primary)}.score-circle .score-divider{font-size:24px;color:var(--color-text-tertiary);margin:0 2px}.score-circle .score-total{font-size:24px;color:var(--color-text-secondary)}.score-circle .score-percentage{font-size:16px;color:var(--color-accent);font-weight:600;margin-top:4px}.results-grade-enhanced{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(20px);transition:all .4s ease}.results-grade-enhanced.visible{opacity:1;transform:translateY(0)}.grade-badge{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:26px;font-weight:700;animation:gradeAppear .5s ease}@keyframes gradeAppear{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.grade-badge.grade-A-plus,.grade-badge.grade-A{background:#4ade8033;color:var(--color-success-light);border:2px solid var(--color-success-light)}.grade-badge.grade-B{background:#60a5fa33;color:var(--color-info-light);border:2px solid var(--color-info-light)}.grade-badge.grade-C{background:#fbbf2433;color:var(--color-warning-light);border:2px solid var(--color-warning-light)}.grade-badge.grade-D{background:#fb923c33;color:var(--color-grade-d);border:2px solid var(--color-grade-d)}.grade-badge.grade-F{background:#ef444433;color:var(--color-error);border:2px solid var(--color-error)}.grade-info{display:flex;flex-direction:column;gap:4px}.grade-title{font-size:18px;font-weight:600;color:var(--color-text-primary)}.grade-description{font-size:13px;color:var(--color-text-secondary)}.results-stats-enhanced{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;opacity:0;transform:translateY(20px);transition:all .4s ease}.results-stats-enhanced.visible{opacity:1;transform:translateY(0)}.stat-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-tertiary);border-radius:10px;border:1px solid var(--color-border)}.stat-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px}.stat-icon-wrapper.correct{background:#4ade8026;color:var(--color-success-light)}.stat-icon-wrapper.incorrect{background:#ef444426;color:var(--color-error)}.stat-icon-wrapper.streak{background:#f59e0b26;color:var(--color-streak)}.stat-icon-wrapper.accuracy{background:#60a5fa26;color:var(--color-info-light)}.stat-details{display:flex;flex-direction:column;align-items:flex-start}.stat-card .stat-value{font-size:20px;font-weight:700;color:var(--color-text-primary)}.stat-card .stat-label{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase}.results-actions-enhanced{display:flex;gap:12px;justify-content:center}.results-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.results-btn .btn-icon{font-size:16px}.results-btn.primary{background:var(--color-accent);border:none;color:#fff}.results-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.results-btn.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.results-btn.secondary:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.higher-lower-game{display:flex;flex-direction:column;gap:20px;padding:16px;position:relative;min-height:100%}.higher-lower-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--color-text-secondary)}.hl-header{display:flex;justify-content:space-between;align-items:flex-start}.hl-title h3{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--color-text-primary)}.hl-title p{margin:0;font-size:13px;color:var(--color-text-secondary)}.hl-exit-btn{padding:6px 12px;font-size:12px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-tertiary);border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.hl-exit-btn:hover{border-color:var(--color-error);color:var(--color-error)}.hl-scores{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px;background:var(--color-bg-tertiary);border-radius:10px}.hl-score-item{display:flex;flex-direction:column;align-items:center;gap:2px}.hl-score-label{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase}.hl-score-value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.hl-score-value.streak.active{color:var(--color-streak);animation:pulse 1.5s ease infinite}.hl-score-value.high-score{color:var(--color-accent)}.hl-score-divider{color:var(--color-border);font-size:24px}.hl-cards-container{display:flex;flex-direction:column;gap:16px;align-items:center}.hl-card{width:100%;padding:20px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:16px;text-align:center;position:relative;transition:all .3s ease}.hl-card.known{border-color:var(--color-accent);background:linear-gradient(135deg,rgba(47,125,78,.05) 0%,transparent 100%)}.hl-card.mystery{border-color:var(--color-border)}.hl-card.mystery.correct{border-color:var(--color-success-light);background:#4ade801a;animation:correctPulse .5s ease}.hl-card.mystery.incorrect{border-color:var(--color-error);background:#ef44441a;animation:shake .4s ease}.hl-card-label{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:2px 12px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;font-size:10px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase}.hl-card.known .hl-card-label{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.hl-card-flag{font-size:64px;margin-bottom:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.hl-card-name{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.hl-card-continent{font-size:12px;color:var(--color-text-tertiary);margin-bottom:12px}.hl-card-population{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:var(--color-bg-tertiary);border-radius:8px}.hl-pop-label{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase}.hl-pop-value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.hl-pop-value.mystery{color:var(--color-text-tertiary);font-size:32px}.hl-pop-value.revealed{animation:countUp .3s ease}.hl-pop-value.revealed.correct{color:var(--color-success-light)}.hl-pop-value.revealed.incorrect{color:var(--color-error)}@keyframes countUp{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hl-vs{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:50%;font-size:16px;font-weight:700;color:var(--color-text-secondary);margin:-8px 0;z-index:1}.hl-guess-buttons{display:flex;gap:10px;margin-top:16px}.hl-guess-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.hl-guess-btn.higher{background:#4ade8026;border:2px solid var(--color-success-light);color:var(--color-success-light)}.hl-guess-btn.higher:hover{background:#4ade8040;transform:translateY(-2px)}.hl-guess-btn.lower{background:#ef444426;border:2px solid var(--color-error);color:var(--color-error)}.hl-guess-btn.lower:hover{background:#ef444440;transform:translateY(-2px)}.hl-btn-icon{font-size:20px}.hl-result-indicator{margin-top:16px;padding:12px;border-radius:8px;font-size:16px;font-weight:700;animation:fadeIn var(--duration-normal) var(--ease-out-expo)}.hl-result-indicator.correct{background:#4ade8033;color:var(--color-success-light)}.hl-result-indicator.incorrect{background:#ef444433;color:var(--color-error)}.hl-game-over{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#000c;border-radius:12px;z-index:100;animation:fadeIn var(--duration-normal) var(--ease-out-expo)}.hl-game-over-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px;background:var(--color-bg-secondary);border-radius:16px;text-align:center;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.hl-game-over-content h3{margin:0;font-size:28px;font-weight:700;color:var(--color-text-primary)}.hl-final-stats{display:flex;flex-direction:column;align-items:center;gap:8px}.hl-final-stat{display:flex;flex-direction:column;align-items:center}.hl-stat-label{font-size:12px;color:var(--color-text-tertiary);text-transform:uppercase}.hl-stat-value{font-size:48px;font-weight:700;color:var(--color-accent)}.hl-new-record{padding:6px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;font-size:13px;font-weight:600;color:#fff;animation:pulse 1.5s ease infinite}.hl-game-over-actions{display:flex;gap:12px}.hl-action-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.hl-action-btn.primary{background:var(--color-accent);border:none;color:#fff}.hl-action-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.hl-action-btn.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.hl-action-btn.secondary:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.hl-milestone-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:90;animation:milestoneAppear .4s ease}.hl-milestone-content{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 8px 32px #f59e0b66}.hl-milestone-icon{font-size:32px}.hl-milestone-text{font-size:18px;font-weight:700;color:#fff}.hl-milestone-subtext{font-size:13px;color:#ffffffe6;margin-left:8px}.comparison-panel{padding:16px}.comparison-header{text-align:center;margin-bottom:24px}.comparison-header h3{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--color-text-primary)}.comparison-header p{margin:0;font-size:14px;color:var(--color-text-secondary)}.comparison-selectors{display:flex;align-items:flex-end;gap:8px;margin-bottom:20px;min-width:0}.swap-btn{flex-shrink:0;width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:50%;font-size:16px;cursor:pointer;transition:all var(--transition-fast);margin-bottom:4px}.swap-btn:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:#fff}.swap-btn:disabled{opacity:.5;cursor:not-allowed}.country-selector{flex:1;min-width:0;position:relative}.selector-label{display:block;font-size:11px;color:var(--color-text-tertiary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.selector-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.selector-trigger:hover,.selector-trigger.open{border-color:var(--color-accent)}.selected-flag{font-size:18px}.selected-name{flex:1;font-size:13px;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placeholder{flex:1;font-size:13px;color:var(--color-text-tertiary)}.clear-btn{background:none;border:none;font-size:12px;color:var(--color-text-tertiary);cursor:pointer;padding:2px 4px}.clear-btn:hover{color:var(--color-error)}.dropdown-arrow{font-size:8px;color:var(--color-text-tertiary)}.selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 8px 24px #0006;z-index:100;overflow:hidden}.search-wrapper{padding:8px;border-bottom:1px solid var(--color-border)}.selector-search{width:100%;padding:8px 10px;font-size:13px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary)}.selector-search::placeholder{color:var(--color-text-tertiary)}.selector-search:focus{outline:none;border-color:var(--color-accent)}.options-list{max-height:200px;overflow-y:auto}.option-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;text-align:left;cursor:pointer;transition:background .1s}.option-item:hover{background:var(--color-bg-tertiary)}.option-item.selected{background:#3b82f626}.option-flag{font-size:16px}.option-name{font-size:13px;color:var(--color-text-primary)}.no-results{padding:16px;text-align:center;font-size:13px;color:var(--color-text-tertiary)}.comparison-results{display:flex;flex-direction:column;gap:20px}.comparison-countries{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;background:var(--color-bg-tertiary);border-radius:8px;min-width:0;overflow:hidden}.country-badge{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;flex:1;max-width:40%}.country-flag{font-size:28px}.country-name{font-size:12px;font-weight:500;color:var(--color-text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.vs-label{font-size:12px;font-weight:600;color:var(--color-text-tertiary)}.metrics-section{display:flex;flex-direction:column;gap:12px}.metrics-section h4{margin:0;font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);padding-bottom:6px}.comparison-metric{display:flex;flex-direction:column;gap:var(--space-2)}.metric-label{font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-caption)}.metric-bars{display:flex;align-items:center;gap:var(--space-2)}.metric-side{flex:1;display:flex;align-items:center;gap:var(--space-2)}.metric-side.left{flex-direction:row}.metric-side.right{flex-direction:row-reverse}.metric-value{min-width:60px;font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.metric-side.left .metric-value{text-align:left}.metric-side.right .metric-value{text-align:right}.metric-value.winner{color:var(--color-accent)}.bar-container{flex:1;height:6px;background:#0000000f;border-radius:var(--radius-full);overflow:hidden}.bar{height:100%;background:var(--color-accent);opacity:.4;transition:width var(--duration-slow) var(--ease-out-expo);border-radius:var(--radius-full)}.bar.winner{opacity:1;box-shadow:var(--shadow-xs)}.bar-left{float:right;border-radius:0 var(--radius-full) var(--radius-full) 0}.bar-right{float:left;border-radius:var(--radius-full) 0 0 var(--radius-full)}.metric-divider{font-size:10px;color:var(--color-text-tertiary)}.quick-facts h4{margin:0 0 12px;font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);padding-bottom:6px}.facts-grid{display:flex;flex-direction:column;gap:8px}.fact-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:6px;font-size:11px}.fact-label{color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fact-value{color:var(--color-text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fact-row .fact-value:last-child{text-align:right}.comparison-prompt,.comparison-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.comparison-empty .empty-icon{font-size:36px}.comparison-prompt p,.comparison-empty p{margin:0;font-size:13px;color:var(--color-text-secondary)}.selector-buttons{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.randomize-btn{flex-shrink:0;width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:50%;font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.randomize-btn:hover{background:var(--color-accent);border-color:var(--color-accent)}.comparison-scorecard{display:flex;justify-content:space-around;align-items:center;padding:16px;background:var(--color-bg-tertiary);border-radius:12px;gap:16px}.scorecard-side{display:flex;flex-direction:column;align-items:center;gap:4px}.scorecard-flag{font-size:24px}.scorecard-wins{font-size:28px;font-weight:700;color:var(--color-accent)}.scorecard-label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.scorecard-center{display:flex;flex-direction:column;align-items:center}.scorecard-ties{font-size:12px;color:var(--color-text-tertiary)}.org-badges{display:flex;flex-wrap:wrap;gap:4px}.org-badge{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:600;background:color-mix(in srgb,var(--org-color) 15%,transparent);color:var(--org-color);transition:all var(--transition-fast)}.org-badge.shared{box-shadow:0 0 0 2px var(--org-color)}.orgs-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.orgs-column{min-width:0}.shared-orgs-note{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);padding:8px 12px;background:#3b82f61a;border-radius:6px}.shared-icon{font-size:14px}.no-data{font-size:11px;color:var(--color-text-tertiary);font-style:italic}.advisory-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.advisory-column{min-width:0}.advisory-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:11px;font-weight:500}.advisory-badge.level-1{background:#4ade8026;color:var(--color-success)}.advisory-badge.level-2{background:#fbbf2426;color:var(--color-streak)}.advisory-badge.level-3{background:#f9731626;color:#f97316}.advisory-badge.level-4{background:#ef444426;color:var(--color-error)}.advisory-dot{font-size:8px}.advisory-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.advisory-concerns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.concerns-column{display:flex;flex-wrap:wrap;gap:4px}.concern-tag{font-size:10px;padding:2px 6px;background:var(--color-bg-tertiary);border-radius:4px;color:var(--color-text-secondary)}.trade-subsection{display:flex;flex-direction:column;gap:8px}.subsection-label{font-size:11px;color:var(--color-text-tertiary);display:flex;align-items:center;gap:8px}.shared-badge{font-size:9px;padding:2px 6px;background:#3b82f626;color:var(--color-accent);border-radius:4px;font-weight:500}.trade-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trade-column{min-width:0}.export-tags{display:flex;flex-wrap:wrap;gap:4px}.export-tag{font-size:10px;padding:3px 6px;background:var(--color-bg-tertiary);border-radius:4px;color:var(--color-text-primary)}.trading-partners{display:flex;flex-wrap:wrap;gap:4px}.partner-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;background:var(--color-bg-tertiary);border-radius:4px;font-size:10px}.partner-chip.shared{box-shadow:0 0 0 1px var(--color-accent);background:#3b82f61a}.partner-flag{font-size:12px}.partner-code{color:var(--color-text-secondary);font-weight:500}.fact-value-sm{font-size:10px;line-height:1.3;white-space:normal}.since-year{color:var(--color-text-tertiary);font-size:10px}.column-header{font-size:11px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fact-header{border-bottom:1px solid var(--color-border);padding-bottom:8px;margin-bottom:4px}.fact-header .column-header{margin-bottom:0}.comparison-data-freshness{text-align:center;font-size:11px;color:var(--color-text-tertiary);padding:8px 0 4px;margin-top:16px;border-top:1px solid var(--color-border)}.comparison-quiz-cta{margin-top:24px;margin-bottom:16px}.comparison-quiz-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent-subtle) 100%);border:2px solid var(--color-accent);border-radius:12px;cursor:pointer;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.comparison-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2f7d4e33}.comparison-quiz-btn-icon{font-size:28px}.comparison-quiz-btn-text{display:flex;flex-direction:column;gap:2px}.comparison-quiz-btn-text strong{font-family:var(--font-display);font-size:var(--text-body);color:var(--color-accent)}.comparison-quiz-btn-text small{font-size:var(--text-caption);color:var(--color-text-secondary)}.comparison-quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.comparison-quiz-modal{position:relative;width:100%;max-width:480px;max-height:90vh;background:var(--color-bg-secondary);border-radius:16px;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.comparison-quiz-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:50%;cursor:pointer;font-size:16px;color:var(--color-text-secondary);z-index:1}.comparison-quiz-close:hover{background:var(--color-border)}.comparison-quiz{padding:32px 24px}.comparison-quiz--complete{text-align:center}.comparison-quiz--complete .terra{margin:0 auto 16px}.comparison-quiz__title{font-family:var(--font-display);font-size:var(--text-heading);font-weight:700;color:var(--color-text-primary);margin:0 0 16px}.comparison-quiz__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.comparison-quiz__progress{font-size:var(--text-caption);color:var(--color-text-secondary)}.comparison-quiz__score-mini{font-size:var(--text-caption);font-weight:600;color:var(--color-accent)}.comparison-quiz__question{font-family:var(--font-display);font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0 0 24px;line-height:1.4}.comparison-quiz__options{display:flex;flex-direction:column;gap:12px}.comparison-quiz__option{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;text-align:left;transition:border-color .15s ease,background-color .15s ease}.comparison-quiz__option:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-subtle)}.comparison-quiz__option.selected{border-color:var(--color-accent);background:var(--color-accent-light)}.comparison-quiz__option.correct{border-color:var(--color-success);background:var(--color-success-bg)}.comparison-quiz__option.wrong{border-color:var(--color-error);background:var(--color-error-bg)}.comparison-quiz__option:disabled{cursor:default}.comparison-quiz__option-flag{font-size:28px}.comparison-quiz__option-text{flex:1;font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.comparison-quiz__option-icon{font-size:20px;font-weight:700}.comparison-quiz__option.correct .comparison-quiz__option-icon{color:var(--color-success)}.comparison-quiz__option.wrong .comparison-quiz__option-icon{color:var(--color-error)}.comparison-quiz__explanation{margin-top:20px;padding:16px;background:var(--color-bg-tertiary);border-radius:12px}.comparison-quiz__explanation p{margin:0 0 12px;font-size:var(--text-caption);color:var(--color-text-secondary)}.comparison-quiz__next-btn{width:100%;padding:12px;font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.comparison-quiz__next-btn:hover{background:var(--color-accent-hover)}.comparison-quiz__score{margin-bottom:12px}.comparison-quiz__score-value{font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--color-accent)}.comparison-quiz__score-percent{font-size:var(--text-body);color:var(--color-text-secondary);margin-left:8px}.comparison-quiz__message{font-size:var(--text-body);color:var(--color-text-secondary);margin:0 0 24px}.comparison-quiz__btn{padding:12px 24px;font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:#fff;background:var(--color-accent);border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.comparison-quiz__btn:hover{background:var(--color-accent-hover)}.citation-footer{margin-top:12px;padding-top:8px;border-top:1px solid var(--color-border);font-size:10px;color:var(--color-text-tertiary)}.citation-compact{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.citation-compact a{color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.citation-toggle{width:100%;display:flex;align-items:center;gap:6px;padding:6px 8px;margin:0;background:transparent;border:none;cursor:pointer;font-size:10px;color:var(--color-text-tertiary);text-align:left;border-radius:4px;transition:all var(--transition-fast)}.citation-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.citation-label{font-weight:500;color:var(--color-text-secondary);flex-shrink:0}.citation-preview{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.citation-arrow{flex-shrink:0;font-size:8px;transition:transform var(--transition-fast)}.citation-arrow.expanded{transform:rotate(180deg)}.citation-expanded{margin-top:8px;padding:8px;background:var(--color-bg-tertiary);border-radius:6px;display:flex;flex-direction:column;gap:8px}.citation-source{display:flex;align-items:flex-start;gap:8px}.source-icon{font-size:14px;flex-shrink:0}.source-info{display:flex;flex-direction:column;gap:2px;min-width:0}.source-name{font-size:11px;font-weight:500;color:var(--color-text-primary);text-decoration:none;transition:color .15s ease}.source-name:hover{color:var(--color-accent);text-decoration:underline}.source-description{font-size:10px;color:var(--color-text-secondary)}.source-date{font-size:9px;color:var(--color-text-tertiary);font-style:italic}.quiz-btn:focus-visible,.quiz-option:focus-visible,.quiz-mode-btn:focus-visible,.quiz-difficulty-btn:focus-visible,.quiz-end-btn:focus-visible,.quiz-continent-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.country-selector .selector-trigger:focus-visible,.option-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.swap-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.citation-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quiz-btn:focus:not(:focus-visible),.quiz-option:focus:not(:focus-visible),.country-selector .selector-trigger:focus:not(:focus-visible),.option-item:focus:not(:focus-visible),.swap-btn:focus:not(:focus-visible),.citation-toggle:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz-question,.quiz-results,.comparison-results{animation:slideUp .2s ease-out}.citation-expanded{animation:fadeIn .15s ease-out}@media print{.sidebar{width:100%;height:auto;overflow:visible}.map-container,.quiz-btn,.quiz-end-btn,.swap-btn{display:none}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--color-header-bg);border-bottom:1px solid rgba(0,0,0,.05);z-index:100;flex-shrink:0;position:relative;min-height:64px;transition:box-shadow var(--transition-normal)}.app-header.scrolled{box-shadow:var(--shadow-xs)}.header-brand{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity var(--transition-fast);padding:2px 0;flex-shrink:0}.header-brand:hover{opacity:.8}.header-logo{flex-shrink:0}.header-brand-text{display:flex;flex-direction:column;gap:1px}.header-title{font-family:var(--font-wordmark);font-size:24px;font-weight:500;color:var(--color-header-text);letter-spacing:.3px;line-height:1.15}.header-tagline{font-family:var(--font-body);font-size:11px;color:var(--color-header-text-muted);font-weight:400;letter-spacing:.2px;opacity:.9}.header-nav-desktop{display:flex;align-items:center;gap:2px;position:absolute;left:50%;transform:translate(-50%)}.header-nav-item{padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-header-text-muted);font-family:var(--font-body);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);position:relative;white-space:nowrap}.header-nav-item:hover:not(.disabled){color:var(--color-header-text);background:#00000008}.header-nav-item.active{color:var(--color-header-accent);background:transparent;font-weight:600}.header-nav-item.disabled{opacity:.5;cursor:not-allowed}.header-nav-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.header-nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-accent);border-radius:var(--radius-full);transform:translate(-50%);transition:width var(--duration-fast) var(--ease-out-expo)}.header-nav-item:hover:not(.disabled):after{width:50%}.header-nav-item.active:after{width:70%}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-signup-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#e8f5ee;border:1px solid rgba(47,125,78,.12);border-radius:var(--radius-md);color:var(--color-header-accent);font-family:var(--font-body);font-size:var(--text-body);font-weight:500;cursor:default;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.header-signup-btn:hover{background:#dcf0e5;border-color:#2f7d4e2e;box-shadow:var(--shadow-xs)}.signup-text{color:var(--color-header-accent)}.signup-soon{font-size:10px;font-weight:600;color:var(--color-text-secondary);background:#2f7d4e1a;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.nav-soon{font-size:9px;font-weight:600;color:var(--color-text-secondary);background:#2f7d4e1a;padding:2px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;margin-left:6px}.header-menu-toggle{display:none;padding:8px 10px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-header-text);font-size:18px;cursor:pointer;transition:all var(--transition-fast)}.header-menu-toggle:hover{background:var(--color-header-nav-hover)}.menu-icon{line-height:1}.header-nav-mobile{display:none;position:absolute;top:calc(100% + 8px);right:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;z-index:200;min-width:200px}.header-nav-mobile-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.header-nav-mobile-item:hover:not(.disabled){color:var(--color-text-primary);background:var(--color-bg-tertiary)}.header-nav-mobile-item.active{color:var(--color-accent);background:var(--color-accent-light);font-weight:600}.header-nav-mobile-divider{height:1px;background:var(--color-border);margin:8px 12px}.header-nav-mobile-item.signup-mobile{color:var(--color-header-accent);background:#2f7d4e0f}.signup-soon-mobile{font-size:9px;font-weight:600;color:var(--color-text-secondary);background:#2f7d4e1a;padding:2px 5px;border-radius:3px;text-transform:uppercase}@media(max-width:900px){.header-nav-desktop{position:static;transform:none}}@media(max-width:768px){.header-nav-desktop,.header-actions{display:none}.header-menu-toggle,.header-nav-mobile{display:block}.app-header{padding:12px 16px;min-height:56px}.header-brand{gap:10px}.header-title{font-size:20px}.header-tagline{font-size:10px}}.mobile-bottom-nav{display:none}@media(max-width:768px){.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:var(--mobile-nav-height);padding:8px 12px calc(8px + var(--mobile-safe-area-bottom));background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--color-border);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;z-index:220}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;color:var(--color-text-tertiary);font-size:10px;cursor:pointer;min-height:var(--touch-target-min)}.mobile-bottom-nav-icon{width:22px;height:22px;flex-shrink:0}.mobile-bottom-nav-item.active{color:var(--color-accent);background:var(--color-accent-light);border-radius:12px}.mobile-bottom-nav-item.active .mobile-bottom-nav-icon{color:var(--color-accent)}.mobile-bottom-nav-label{font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.page-container{padding-bottom:calc(40px + var(--mobile-nav-height) + var(--mobile-safe-area-bottom))}}.page-container{flex:1;overflow-y:auto;background:var(--color-bg-primary);display:flex;justify-content:center;padding:40px 24px}.page-content{width:100%;max-width:900px;animation:fadeIn .2s ease-out}.page-content h1{font-family:var(--font-display);font-size:32px;font-weight:600;margin-bottom:32px;color:var(--color-text-primary);letter-spacing:-.3px}.page-content>*{animation:contentFadeIn .35s ease-out both}.page-content>*:nth-child(1){animation-delay:.05s}.page-content>*:nth-child(2){animation-delay:.1s}.page-content>*:nth-child(3){animation-delay:.15s}.page-content>*:nth-child(4){animation-delay:.2s}.page-content>*:nth-child(5){animation-delay:.25s}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-page,.learn-page{max-width:600px}.compare-page{max-width:700px}.about-page h1{text-align:center;margin-bottom:48px}.about-section{margin-bottom:40px}.about-section h2{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--color-accent);margin-bottom:16px}.about-section p{font-size:15px;line-height:1.7;color:var(--color-text-secondary)}.about-features{list-style:none;display:flex;flex-direction:column;gap:16px}.about-features li{padding:16px;background:var(--color-bg-tertiary);border-radius:var(--border-radius);border-left:3px solid var(--color-accent)}.about-features li strong{display:block;font-size:15px;color:var(--color-text-primary);margin-bottom:4px}.about-features li span{font-size:13px;color:var(--color-text-secondary)}.about-stats{display:flex;gap:24px;justify-content:center;margin-top:24px}.stat-item{text-align:center;padding:24px 32px;background:var(--color-bg-tertiary);border-radius:var(--border-radius);min-width:120px;border:1px solid var(--color-border)}.stat-number{display:block;font-size:36px;font-weight:700;color:var(--color-accent);line-height:1}.stat-label{display:block;font-size:13px;color:var(--color-text-secondary);margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.contact-email{display:inline-block;margin-top:12px;padding:12px 24px;background:var(--color-accent-light);border:1px solid rgba(47,125,78,.3);border-radius:8px;color:var(--color-accent);font-size:14px;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.contact-email:hover{background:#2f7d4e33;border-color:#2f7d4e80}.privacy-link{display:inline-block;margin-top:12px;padding:12px 24px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.privacy-link:hover{background:var(--color-bg-tertiary, #e5e7eb);border-color:var(--color-text-tertiary)}.about-page-redesign{max-width:900px}.about-page-redesign h1{margin-bottom:0}.about-hero{text-align:center;padding:64px 0 72px;border-bottom:1px solid var(--color-border-light);margin-bottom:56px;position:relative;background:var(--gradient-hero-glow)}.about-tagline{display:inline-block;font-size:var(--text-micro);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-micro);color:var(--color-accent);margin-bottom:20px;animation:fadeUp var(--duration-slow) var(--ease-out-expo) both}.about-hero-title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:700;color:var(--color-text-primary);margin-bottom:20px;line-height:var(--leading-hero);letter-spacing:var(--tracking-hero);animation:fadeUp var(--duration-slow) var(--ease-out-expo) 50ms both}.about-hero-subtitle{font-size:var(--text-subhead);line-height:var(--leading-subhead);color:var(--color-text-secondary);max-width:640px;margin:0 auto 36px;animation:fadeUp var(--duration-slow) var(--ease-out-expo) .1s both}.about-hero-cta-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeUp var(--duration-slow) var(--ease-out-expo) .15s both}.about-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-6) 0;animation:fadeUp var(--duration-slow) var(--ease-out-expo) .12s both}.about-hero-card{padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-align:center}.about-hero-icon{display:block;font-size:28px;margin-bottom:var(--space-2)}.about-hero-card h3{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1)}.about-hero-card p{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0;line-height:1.5}@media(max-width:768px){.about-hero-grid{grid-template-columns:1fr;gap:var(--space-3)}}.about-btn{padding:12px 24px;font-size:var(--text-body);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none}.about-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.about-btn-primary{background:var(--gradient-accent-subtle);color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-sm)}.about-btn-primary:hover{box-shadow:var(--shadow-accent);transform:translateY(-2px);filter:brightness(1.05)}.about-btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.about-btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.about-btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);transform:translateY(-1px)}.about-btn-tertiary{background:transparent;color:var(--color-text-secondary);border:none;padding:12px 16px}.about-btn-tertiary:hover{color:var(--color-accent);background:#2f7d4e0d}.about-btn-outline{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent);padding:10px 20px}.about-btn-outline:hover{background:#2f7d4e14;transform:translateY(-1px)}.about-page-redesign .about-section h2{text-align:center;font-size:24px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.about-page-redesign .about-section>p:first-of-type{text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.about-why{text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.about-why p{margin-bottom:16px;text-align:center}.about-why p:last-child{margin-bottom:0}.about-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-top:var(--space-8)}.about-feature-card{padding:var(--space-6);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);position:relative;transition:transform var(--transition-lift),box-shadow var(--transition-lift);display:flex;flex-direction:column}.about-feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.about-feature-icon{font-size:32px;margin-bottom:var(--space-4);line-height:1}.about-feature-badge{display:inline-block;position:absolute;top:var(--space-4);right:var(--space-4);padding:4px 10px;font-size:var(--text-micro);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-micro);background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-sm)}.about-feature-badge-highlight{background:var(--color-warning-bg);color:var(--color-warning-dark)}.about-feature-card h3{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:-.01em}.about-feature-card p{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary);margin-bottom:var(--space-4);flex:1}.about-feature-link{background:none;border:none;padding:0;font-size:var(--text-caption);font-weight:600;color:var(--color-accent);cursor:pointer;transition:color var(--transition-fast)}.about-feature-link:hover{color:var(--color-accent-hover)}.about-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-8)}.about-stat-item{text-align:center;padding:var(--space-6) var(--space-4);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:transform var(--transition-lift),box-shadow var(--transition-lift)}.about-stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.about-stat-number{display:block;font-size:var(--text-title);font-weight:700;color:var(--color-accent);line-height:1;letter-spacing:var(--tracking-title);font-variant-numeric:tabular-nums;animation:countUp var(--duration-glacial) var(--ease-out-expo) both}.about-stat-label{display:block;font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary);margin-top:var(--space-2);letter-spacing:var(--tracking-caption)}.about-stat-context{display:block;font-size:11px;color:var(--color-text-tertiary);margin-top:4px}.about-stats-supporting{display:flex;justify-content:center;gap:8px;margin-top:20px;flex-wrap:wrap;font-size:13px;color:var(--color-text-secondary)}.about-stats-divider{color:var(--color-text-tertiary)}.about-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.about-audience-card{padding:28px 24px;background:var(--color-bg-tertiary);border-radius:12px;border:1px solid var(--color-border);text-align:center}.about-audience-icon{font-size:36px;margin-bottom:16px}.about-audience-card h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:12px}.about-audience-card p{font-size:14px;line-height:1.6;color:var(--color-text-secondary);margin-bottom:20px}.about-sources-intro{margin-bottom:20px}.about-sources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about-source-item{padding:16px;background:var(--color-bg-tertiary);border-radius:8px;border:1px solid var(--color-border);text-align:center;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.about-sources-note{margin-top:16px;font-size:12px;color:var(--color-text-tertiary);text-align:center;font-style:italic}.about-final-cta{text-align:center;padding:48px 32px;background:linear-gradient(135deg,#2f7d4e14,#2f7d4e05);border-radius:16px;border:1px solid rgba(47,125,78,.2);margin:48px 0}.about-final-cta h2{font-size:24px;color:var(--color-text-primary);margin-bottom:12px}.about-final-cta>p{font-size:15px;color:var(--color-text-secondary);margin-bottom:28px}.about-cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.about-footer{border-top:1px solid var(--color-border);padding-top:40px;margin-top:0}.about-footer-content{display:grid;grid-template-columns:1fr 1fr;gap:48px}.about-footer-contact h3,.about-footer-legal h3{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.about-footer-contact p,.about-footer-legal p{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px}@media(max-width:768px){.about-hero{padding:32px 0 40px;margin-bottom:32px}.about-hero-title{font-size:28px}.about-hero-subtitle{font-size:15px}.about-features-grid{grid-template-columns:1fr}.about-stats-grid{grid-template-columns:repeat(2,1fr)}.about-audience-grid{grid-template-columns:1fr}.about-sources-grid{grid-template-columns:repeat(2,1fr)}.about-final-cta{padding:32px 20px;margin:32px 0}.about-cta-buttons{flex-direction:column;align-items:center}.about-cta-buttons .about-btn{width:100%;max-width:280px}.about-footer-content{grid-template-columns:1fr;gap:32px}.about-stats-supporting{flex-direction:column;gap:4px}.about-stats-divider{display:none}}@media(max-width:480px){.about-hero-title{font-size:24px}.about-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.about-stat-item{padding:16px 12px}.about-stat-number{font-size:26px}.about-sources-grid{grid-template-columns:1fr 1fr}.about-feature-badge{position:static;margin-bottom:12px}}.privacy-page{max-width:800px}.privacy-page h1{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--color-text-primary)}.privacy-updated{font-size:13px;color:var(--color-text-secondary);margin-bottom:24px}.privacy-intro{font-size:15px;line-height:1.7;color:var(--color-text-primary);margin-bottom:16px}.privacy-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border)}.privacy-section h2{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:16px}.privacy-section h3{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-top:20px;margin-bottom:12px}.privacy-section p{font-size:14px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:12px}.privacy-section ul{margin:12px 0;padding-left:24px}.privacy-section li{font-size:14px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:8px}.privacy-section strong{color:var(--color-text-primary)}.privacy-page .contact-email{margin-top:16px}.contact-placeholder{color:var(--color-text-secondary);font-style:italic;margin-top:8px}.plans-page{max-width:900px}.plans-page h1{text-align:center;font-size:var(--text-title);font-weight:700;margin-bottom:var(--space-3);letter-spacing:var(--tracking-title)}.plans-intro{text-align:center;font-size:var(--text-subhead);line-height:var(--leading-subhead);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:560px;margin-left:auto;margin-right:auto}.current-subscription-banner{display:flex;align-items:center;justify-content:space-between;background:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-8)}.subscription-info{display:flex;align-items:center;gap:var(--space-3)}.subscription-badge{background:var(--color-accent);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-micro)}.manage-subscription-btn{background:var(--color-bg-primary);color:var(--color-accent);border:1px solid var(--color-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.manage-subscription-btn:hover:not(:disabled){background:var(--color-accent);color:#fff}.manage-subscription-btn:disabled{opacity:.6;cursor:not-allowed}.stripe-pricing-table-container{max-width:1100px;margin:0 auto var(--space-12);padding:var(--space-6);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-height:400px;display:flex;align-items:center;justify-content:center}.stripe-pricing-table-container stripe-pricing-table{width:100%}@media(max-width:768px){.stripe-pricing-table-container{padding:var(--space-3);margin-left:calc(-1 * var(--space-3));margin-right:calc(-1 * var(--space-3));border-radius:var(--radius-lg)}}.plans-unavailable{text-align:center;padding:var(--space-12);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-12);color:var(--color-text-secondary)}.plans-auth-prompt{text-align:center;padding:var(--space-8);background:linear-gradient(135deg,var(--color-accent-apple),#2563eb);border-radius:var(--radius-lg);margin-bottom:var(--space-8);color:#fff}.plans-auth-prompt p{margin:0 0 var(--space-4);font-size:1.1rem;font-weight:500}.plans-auth-prompt .btn{background:#fff;color:var(--color-accent-apple);border:none;font-weight:600}.plans-auth-prompt .btn:hover{background:#ffffffe6}.plans-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.plan-card{background:var(--gradient-card);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;border:1px solid var(--color-border-light);transition:transform var(--transition-lift),box-shadow var(--transition-lift),border-color var(--transition-fast);box-shadow:var(--shadow-sm)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card.plan-free{border-color:var(--color-accent);border-width:2px;box-shadow:var(--shadow-accent)}.plan-badge{position:absolute;top:-10px;right:var(--space-4);padding:4px 12px;background:var(--color-warning);color:var(--color-text-primary);font-size:var(--text-micro);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-micro)}.plan-header{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.plan-header h2{font-family:var(--font-display);font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:var(--tracking-heading)}.plan-price{font-size:var(--text-hero);font-weight:700;color:var(--color-accent);letter-spacing:var(--tracking-hero);font-variant-numeric:tabular-nums}.plan-period{font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:400}.plan-features{list-style:none;margin-bottom:var(--space-6)}.plan-features li{padding:var(--space-2) 0;font-size:var(--text-body);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-2)}.plan-features li:before{content:"✓";color:var(--color-success);font-weight:600;font-size:var(--text-body)}.plan-status{text-align:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:500;transition:all var(--transition-fast)}.plan-status.current{background:var(--color-accent-light);color:var(--color-accent)}.plan-status.coming-soon{background:var(--color-warning-bg);color:var(--color-warning-dark);cursor:pointer}.plan-status.coming-soon:hover{background:#f59e0b26}.plans-cta{text-align:center;padding:var(--space-8);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.plans-cta h3{font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:var(--tracking-heading)}.plans-cta p{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}.email-signup-placeholder,.email-signup-form{max-width:450px;margin:0 auto}.email-signup-row{display:flex;gap:8px;margin-bottom:var(--space-4)}.email-input{flex:1;padding:12px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:14px}.email-input:disabled{opacity:.5}.notify-btn{padding:12px 24px;background:var(--color-accent);border:none;border-radius:var(--border-radius);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.notify-btn:disabled{opacity:.5;cursor:not-allowed}.signup-note{font-size:12px;color:var(--color-text-secondary);font-style:italic}.plan-interest-selector{margin-top:var(--space-4);text-align:center}.interest-label{font-size:var(--text-caption);color:var(--color-text-secondary);display:block;margin-bottom:var(--space-2)}.interest-options{display:flex;justify-content:center;gap:var(--space-4)}.interest-option{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;font-size:var(--text-body);color:var(--color-text-secondary);transition:color var(--transition-fast)}.interest-option:hover{color:var(--color-text-primary)}.interest-option input[type=radio]{accent-color:var(--color-accent)}.interest-option input[type=radio]:checked+span{color:var(--color-accent);font-weight:500}.waitlist-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--color-accent-light);border-radius:var(--radius-md);animation:scaleIn .3s ease-out}.waitlist-success .success-icon{font-size:32px;color:var(--color-success);background:#2f7d4e33;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%}.waitlist-success p{color:var(--color-success);font-weight:500;margin:0}.plans-message{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease-out}.plans-message-success{background:var(--color-accent-light);border:1px solid var(--color-success);color:var(--color-success)}.plans-message-error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error)}.message-close{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--transition-fast)}.message-close:hover{opacity:1}.billing-toggle{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);background:var(--color-bg-tertiary);padding:var(--space-1);border-radius:var(--radius-full);width:fit-content;margin-left:auto;margin-right:auto}.billing-option{padding:var(--space-3) var(--space-6);border:none;background:transparent;border-radius:var(--radius-full);font-size:var(--text-body);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.billing-option:hover{color:var(--color-text-primary)}.billing-option.active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.savings-badge{background:var(--color-success);color:#fff;font-size:var(--text-micro);padding:2px 6px;border-radius:var(--radius-sm);font-weight:600}.plan-card.plan-current{border-color:var(--color-accent);border-width:2px}.plan-card.plan-pro{border-color:var(--color-accent)}.plan-badge-current{background:var(--color-accent)!important;color:#fff!important}.plan-billed-annually{display:block;font-size:var(--text-micro);color:var(--color-text-tertiary);margin-top:var(--space-1)}.plan-features .feature-icon{font-weight:600;min-width:16px}.plan-features li.feature-excluded{color:var(--color-text-tertiary);text-decoration:line-through}.plan-features li.feature-excluded .feature-icon{color:var(--color-error)}.plan-action{margin-top:auto;padding-top:var(--space-4)}.plan-btn{width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.plan-btn:disabled{opacity:.5;cursor:not-allowed}.plan-btn-primary{background:var(--color-accent);color:#fff}.plan-btn-primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.plan-btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.plan-btn-secondary:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.plan-btn-tertiary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.plan-btn-tertiary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.yearly-savings-info{text-align:center;padding:var(--space-4);background:var(--color-accent-light);border-radius:var(--radius-md);margin-bottom:var(--space-8);color:var(--color-success)}.plans-faq{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border-light)}.plans-faq h3{font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center}.faq-item{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.faq-item h4{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.faq-item p{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.5}.plans-contact{text-align:center;margin-top:var(--space-8);padding:var(--space-6);background:var(--gradient-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.plans-contact h3{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.plans-contact p{color:var(--color-text-secondary)}.plans-contact a{color:var(--color-accent);text-decoration:none}.plans-contact a:hover{text-decoration:underline}@media(max-width:768px){.page-container{padding:24px 16px}.page-content h1{font-size:24px}.about-stats{flex-direction:column;align-items:center}.stat-item{width:100%;max-width:200px}.plans-preview{grid-template-columns:1fr}.email-signup-placeholder{flex-direction:column}}:root{--mobile-safe-area-bottom: env(safe-area-inset-bottom, 0px);--mobile-safe-area-top: env(safe-area-inset-top, 0px);--touch-target-min: 44px;--touch-target-comfortable: 48px;--spring-bounce: cubic-bezier(.175, .885, .32, 1.275);--spring-smooth: cubic-bezier(.4, 0, .2, 1);--spring-snappy: cubic-bezier(.68, -.55, .265, 1.55);--shadow-mobile-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-mobile-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-mobile-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-mobile-sheet: 0 -4px 32px rgba(0, 0, 0, .15);--color-overlay: rgba(0, 0, 0, .5);--color-sheet-bg: #FFFFFF;--color-pill-handle: #D1D5DB}@media(max-width:768px){.app[data-page=explore] .app-header{display:none}.app[data-page=explore] #main-content{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.explore-layout{width:100%;height:100%}.main-content{width:100%;height:100%;position:relative}}.sidebar-toggle-mobile{display:none}@media(max-width:768px){.sidebar-toggle-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:absolute;top:0;left:0;right:0;height:44px;background:transparent;border:none;cursor:grab;padding:12px 0 8px;z-index:10;touch-action:none}.sidebar-toggle-mobile:active{cursor:grabbing}.drag-handle-pill{width:36px;height:4px;background:var(--color-gray-300);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-in-out)}.sidebar-toggle-mobile:hover .drag-handle-pill,.sidebar.dragging .drag-handle-pill{background:var(--color-gray-400)}.drag-handle-chevron{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--duration-normal) var(--ease-spring)}.drag-handle-chevron.expanded{transform:rotate(180deg)}}@media(max-width:768px){.header-nav-mobile{position:fixed;top:0;right:0;width:280px;height:100vh;height:100dvh;background:var(--color-bg-secondary);border-radius:0;box-shadow:var(--shadow-mobile-lg);padding:0;z-index:250;transform:translate(100%);transition:transform .35s var(--spring-smooth);display:flex;flex-direction:column}.header-nav-mobile.open{transform:translate(0)}.mobile-nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:240;opacity:0;transition:opacity var(--duration-normal) var(--ease-in-out)}.mobile-nav-overlay.visible{display:block;opacity:1}.header-nav-mobile-header{padding:20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.header-nav-mobile-title{font-family:var(--font-wordmark);font-size:20px;color:var(--color-header-text)}.header-nav-mobile-close{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:50%;font-size:18px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-nav-mobile-close:active{transform:scale(.92);background:var(--color-border)}.header-nav-mobile-items{flex:1;padding:12px;overflow-y:auto}.header-nav-mobile-item{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;background:transparent;border:none;border-radius:12px;color:var(--color-text-primary);font-family:var(--font-body);font-size:16px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left;min-height:var(--touch-target-comfortable)}.header-nav-mobile-item:active{transform:scale(.98);background:var(--color-bg-tertiary)}.header-nav-mobile-item.active{color:var(--color-accent);background:var(--color-accent-light);font-weight:600}.header-nav-mobile-item .nav-icon{width:22px;height:22px;flex-shrink:0}.header-nav-mobile-divider{height:1px;background:var(--color-border);margin:12px 18px}.header-menu-toggle{width:var(--touch-target-min);height:var(--touch-target-min);padding:0;display:flex;align-items:center;justify-content:center;border-radius:12px}.header-menu-toggle .menu-icon{width:22px;height:22px}.header-nav-mobile-close .mobile-close-icon{width:20px;height:20px}.header-menu-toggle:active{transform:scale(.92);background:var(--color-bg-tertiary)}}@media(hover:none)and (pointer:coarse){button,.quiz-option,.mode-btn,.setting-btn,.town-card,.layer-item,.selector-trigger,.option-item,.surprise-me-button,.search-input,.nav-link{min-height:var(--touch-target-min)}button:hover,.quiz-option:hover,.mode-btn:hover,.town-card:hover,.layer-item:hover,.surprise-me-button:hover,.nav-link:hover{transform:none;box-shadow:inherit;background-color:inherit}button:active:not(:disabled),.quiz-option:active:not(:disabled),.mode-btn:active,.town-card:active,.layer-item:active,.surprise-me-button:active,.selector-trigger:active,.option-item:active,.nav-link:active{transform:scale(.96);opacity:.85;transition:transform .08s ease-out,opacity .08s ease-out}.quiz-btn.primary:active:not(:disabled),.surprise-me-button:active{transform:scale(.96);opacity:.9;background-color:var(--color-accent-hover)}.town-card:active,.layer-item:active{background-color:var(--color-accent-light)}.search-input:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.quiz-option.correct,.quiz-option.incorrect{animation:touchFeedback .3s ease}input[type=checkbox]:active+label,.layer-checkbox:active{transform:scale(.95)}*{-webkit-tap-highlight-color:rgba(47,125,78,.15)}}@keyframes touchFeedback{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes touchRipple{0%{transform:scale(.96);opacity:.85}50%{transform:scale(.98);opacity:.92}to{transform:scale(1);opacity:1}}@media(max-width:768px){.quiz-page,.learn-page{padding:0}.quiz-panel{padding:20px 16px}.quiz-progress-bar{position:sticky;top:0;left:0;right:0;height:6px;border-radius:0;z-index:10;background:var(--color-bg-tertiary)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#4ade80);transition:width .5s var(--spring-smooth)}.quiz-header{padding:16px 0}.quiz-info{flex-direction:column;gap:8px;align-items:flex-start}.quiz-mode-tag{font-size:11px}.quiz-progress{font-size:14px;font-weight:600}.quiz-flag-display{padding:32px 24px;border-radius:16px;background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%)}.quiz-flag{font-size:96px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}.quiz-prompt{padding:16px 0}.quiz-prompt p{font-size:18px;font-weight:600}.quiz-options{grid-template-columns:1fr;gap:12px}.quiz-option{padding:18px 20px;border-radius:16px;border-width:2px;min-height:60px;transition:all .2s var(--spring-smooth)}.quiz-option:active:not(:disabled){transform:scale(.98)}.quiz-option.selected{border-color:var(--color-accent);background:var(--color-accent-subtle);box-shadow:0 0 0 3px var(--color-focus-ring)}.quiz-option.correct{border-color:var(--color-success);background:#22c55e1a;animation:correctPulse .5s ease}.quiz-option.incorrect{border-color:var(--color-error);background:#ef44441a;animation:incorrectShake .4s ease}.option-letter{width:32px;height:32px;font-size:14px;font-weight:700;border-radius:8px}.option-text{font-size:15px;font-weight:500}.quiz-btn{width:100%;padding:16px 24px;font-size:16px;font-weight:600;border-radius:14px;min-height:var(--touch-target-comfortable)}.quiz-btn.primary{background:linear-gradient(135deg,var(--color-accent) 0%,#246B40 100%);box-shadow:0 4px 12px #2f7d4e4d}.quiz-btn.primary:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 8px #2f7d4e33}.quiz-actions{padding-top:16px}.quiz-feedback{padding:24px 20px;border-radius:16px;margin:16px 0}.feedback-header{font-size:20px;margin-bottom:16px}.feedback-icon{font-size:28px}.quiz-results{padding:24px 16px;gap:24px}.results-grade{width:80px;height:80px;font-size:36px;border-width:3px;animation:gradeReveal .6s var(--spring-bounce)}.results-header h3{font-size:24px}.score-main{font-size:40px}.results-stats{gap:32px}.stat-icon{font-size:28px}.stat-value{font-size:24px}.results-actions{flex-direction:column;gap:12px}.results-actions .quiz-btn{width:100%}}@keyframes correctPulse{0%{transform:scale(1);box-shadow:0 0 #22c55e66}50%{transform:scale(1.02);box-shadow:0 0 0 8px #22c55e00}to{transform:scale(1);box-shadow:0 0 #22c55e00}}@keyframes incorrectShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes gradeReveal{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media(max-width:768px){.quiz-modes h4{font-size:16px;margin-bottom:16px}.mode-buttons{gap:12px}.mode-btn{padding:20px;border-radius:16px;border-width:2px;min-height:80px;transition:all .2s var(--spring-smooth)}.mode-btn:active{transform:scale(.98);border-color:var(--color-accent)}.mode-icon{font-size:32px}.mode-info{flex:1}.mode-name{font-size:17px;margin-bottom:4px}.mode-desc{font-size:13px;margin-left:0;display:block}.quiz-settings{gap:20px}.setting-group label{font-size:14px;font-weight:600}.setting-options{gap:10px}.setting-btn{padding:12px 16px;font-size:14px;border-radius:10px;min-height:var(--touch-target-min);flex:1;text-align:center}.continent-options{grid-template-columns:repeat(2,1fr);gap:10px}.continent-options .setting-btn{padding:14px 12px}}@media(max-width:768px){.comparison-panel{padding:20px 16px}.comparison-header h3{font-size:22px}.comparison-selectors{flex-direction:column;gap:16px;align-items:stretch}.country-selector{width:100%}.swap-btn{width:48px;height:48px;align-self:center;margin:8px 0;border-radius:50%;font-size:20px}.selector-trigger{padding:14px 16px;border-radius:12px;min-height:var(--touch-target-comfortable)}.selector-dropdown{border-radius:12px;max-height:50vh}.option-item{padding:14px 16px;min-height:var(--touch-target-min)}.option-flag{font-size:24px}.option-name{font-size:15px}.comparison-countries{flex-direction:column;gap:8px;padding:16px}.country-badge{flex-direction:row;gap:12px;max-width:100%}.country-flag{font-size:36px}.country-name{font-size:16px}.vs-label{padding:4px 12px;background:var(--color-bg-secondary);border-radius:20px;font-size:11px}.metrics-section h4{font-size:14px;padding-bottom:10px}.comparison-metric{gap:10px;padding:12px 0}.metric-label{font-size:13px;font-weight:500}.metric-bars{flex-direction:column;gap:12px}.metric-side{flex-direction:row!important}.metric-value{min-width:80px;font-size:14px}.bar-container{height:10px;border-radius:5px}.metric-divider{display:none}.selector-buttons{flex-direction:row;align-self:center;gap:8px}.randomize-btn{width:48px;height:48px;font-size:18px}.comparison-scorecard{padding:20px 16px}.scorecard-wins{font-size:32px}.scorecard-flag{font-size:28px}.orgs-comparison{grid-template-columns:1fr;gap:12px}.orgs-column{padding:12px;background:var(--color-bg-tertiary);border-radius:8px}.org-badge{font-size:11px;padding:4px 10px}.advisory-comparison{grid-template-columns:1fr;gap:12px}.advisory-badge{padding:10px 14px;font-size:12px}.advisory-concerns{grid-template-columns:1fr;gap:8px}.trade-comparison{grid-template-columns:1fr;gap:12px}.trade-column{padding:12px;background:var(--color-bg-tertiary);border-radius:8px}.export-tag{font-size:11px;padding:4px 8px}.partner-chip{padding:4px 8px;font-size:11px}.fact-row{grid-template-columns:1fr;gap:8px;padding:12px;background:var(--color-bg-secondary);border-radius:12px;margin-bottom:8px;border-bottom:none}.fact-row:last-child{margin-bottom:0}.fact-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:8px;color:var(--color-text-tertiary)}.fact-value{text-align:left!important;font-size:13px;padding:8px 12px;background:var(--color-bg-tertiary);border-radius:8px}.fact-value-sm{font-size:12px}.fact-value[data-country-flag]:before{content:attr(data-country-flag) " ";margin-right:4px}.column-header{font-size:12px;margin-bottom:10px}.fact-header{display:block;position:sticky;top:0;background:var(--color-bg-primary);padding:8px 12px;margin:0 -12px 12px;border-bottom:1px solid var(--color-border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary);z-index:1}.org-badges{flex-wrap:wrap;gap:8px}}@media(max-width:768px){.search-container{margin-bottom:20px}.search-input{padding:16px 16px 16px 48px;font-size:17px;border-radius:var(--radius-lg);min-height:48px}.search-icon{left:16px;width:20px;height:20px}.surprise-me-button{padding:16px 20px;border-radius:var(--radius-lg);font-size:17px;min-height:48px}.surprise-me-button:active{transform:scale(.98)}.surprise-me-icon{font-size:20px}.region-towns{gap:10px}.town-card{padding:14px 16px;border-radius:var(--radius-lg);min-height:52px}.town-card:active{transform:scale(.98)}.town-icon{font-size:24px;width:36px;height:36px;border-radius:var(--radius-md)}.town-name{font-size:15px}.town-desc{font-size:13px}.sidebar-section{margin-bottom:28px}.sidebar-section h2{font-family:var(--font-system-text);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary);margin-bottom:14px}.layer-item{padding:16px;border-radius:var(--radius-lg);min-height:56px;background:var(--color-bg-secondary);-webkit-backdrop-filter:none;backdrop-filter:none}.layer-item:active{transform:scale(.98)}.layer-checkbox{width:24px;height:24px;margin-right:14px;border-radius:7px}.layer-checkbox:after{top:4px;left:8px;width:5px;height:11px}.layer-name{font-size:16px}.layer-description{font-size:13px}}@media(max-width:768px){.location-insight-panel{padding:20px;border-radius:16px}.insight-header{margin-bottom:16px}.insight-title-row{gap:12px}.insight-flag{font-size:36px}.insight-city{font-size:22px}.insight-region{font-size:13px}.insight-description{font-size:14px;line-height:1.7}.insight-country-grid{grid-template-columns:1fr;gap:12px;padding:16px}.country-info-item{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border)}.country-info-item:last-child{border-bottom:none}.country-info-label{font-size:12px}.country-info-value{font-size:14px;text-align:right}.insight-stats{flex-direction:column;gap:12px;padding:16px}.insight-stat{flex-direction:row;justify-content:space-between;align-items:center}.insight-stat .stat-value{font-size:18px}}@media(max-width:480px){.app-header{padding:10px 12px;min-height:52px}.header-brand{gap:8px}.header-logo{width:32px;height:32px}.header-title{font-size:18px}.header-tagline{display:none}.quiz-flag{font-size:72px}.quiz-prompt p{font-size:16px}.quiz-option{padding:14px 16px}.option-letter{width:28px;height:28px;font-size:12px}.option-text{font-size:14px}.continent-options{grid-template-columns:1fr}.country-flag{font-size:28px}.country-name{font-size:14px}.comparison-scorecard{flex-direction:column;gap:12px;padding:16px}.scorecard-side{flex-direction:row;justify-content:space-between;width:100%;padding:8px 0}.scorecard-center{order:-1;padding-bottom:8px;border-bottom:1px solid var(--color-border);margin-bottom:4px}.page-container{padding:16px 12px}.page-content h1{font-size:20px;margin-bottom:20px}.plan-card{padding:20px 16px}.plan-header h2{font-size:20px}.plan-price{font-size:28px}.about-section h2{font-size:18px}.about-section p{font-size:14px}.about-features li{padding:14px}.stat-number{font-size:28px}}@media(min-width:769px)and (max-width:1024px){.sidebar{width:280px}.quiz-options{grid-template-columns:1fr 1fr}.plans-preview{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.sidebar{width:360px}.page-content{max-width:1000px}.quiz-page,.learn-page{max-width:700px}.compare-page{max-width:800px}.plans-preview{grid-template-columns:repeat(3,1fr)}}.page-container{animation:pageSlideIn .3s var(--spring-smooth)}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover){.plan-card:hover,.mode-btn:hover,.town-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-mobile-md)}.quiz-option:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-accent)}.wikipedia-link{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.wikipedia-link:hover{box-shadow:var(--shadow-sm)}.insight-highlights li{transition:transform var(--transition-fast)}.insight-highlights li:hover{transform:translate(3px)}.surprise-me-button:hover:not(:disabled){animation:subtleGlow 1.5s ease-in-out infinite}}@keyframes subtleGlow{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 12px #2f7d4e33}}@keyframes successBounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.quiz-feedback.correct{animation:successBounce .4s var(--spring-bounce)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;animation:mobileShimmer 1.5s ease-in-out infinite}.quiz-btn:active:not(:disabled),.surprise-me-button:active:not(:disabled){transform:scale(.96);transition:transform .1s ease}.streak-badge{animation:fireGlow 1s ease infinite}@keyframes fireGlow{0%,to{text-shadow:0 0 4px rgba(245,158,11,.5);transform:scale(1)}50%{text-shadow:0 0 12px rgba(245,158,11,.8);transform:scale(1.1)}}@supports (padding: max(0px)){.app-header{padding-top:max(14px,var(--mobile-safe-area-top))}.sidebar{padding-bottom:max(16px,var(--mobile-safe-area-bottom))}.header-nav-mobile{padding-top:max(20px,var(--mobile-safe-area-top))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sidebar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-sidebar-bg);transition:none}.header-nav-mobile{transition:none}}@media(prefers-color-scheme:dark){:root{--color-bg-primary: #0f1419;--color-bg-secondary: #1a1f26;--color-bg-tertiary: #242d38;--color-text-primary: #e7e9ea;--color-text-secondary: #a3aab3;--color-text-tertiary: #71767b;--color-text-muted: #536471;--color-gray-50: #1a1f26;--color-gray-100: #242d38;--color-gray-200: #333d4a;--color-gray-300: #404d5c;--color-gray-400: #536471;--color-gray-500: #71767b;--color-gray-600: #a3aab3;--color-gray-700: #c4c9cd;--color-gray-800: #e7e9ea;--color-gray-900: #f7f9f9;--color-accent: #3d9960;--color-accent-hover: #4aad6d;--color-accent-active: #2f7d4e;--color-accent-light: rgba(61, 153, 96, .15);--color-accent-subtle: rgba(61, 153, 96, .08);--color-success-bg: rgba(34, 197, 94, .15);--color-success-border: rgba(34, 197, 94, .4);--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-border: rgba(245, 158, 11, .4);--color-error-bg: rgba(239, 68, 68, .15);--color-error-border: rgba(239, 68, 68, .4);--color-info-bg: rgba(59, 130, 246, .15);--color-info-border: rgba(59, 130, 246, .4);--color-focus-ring: rgba(61, 153, 96, .5);--color-focus-ring-offset: var(--color-bg-secondary);--color-border: #333d4a;--color-border-light: rgba(255, 255, 255, .08);--color-border-hover: #404d5c;--color-header-bg: #1a1f26;--color-header-text: #e7e9ea;--color-header-text-muted: #a3aab3;--color-header-nav-hover: rgba(255, 255, 255, .08);--color-header-nav-active: rgba(61, 153, 96, .2);--color-sidebar-bg: #1a1f26;--glass-bg: rgba(28, 28, 30, .72);--glass-bg-elevated: rgba(44, 44, 46, .85);--glass-border: rgba(255, 255, 255, .08);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .35), 0 4px 8px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .25);--shadow-header: 0 1px 3px rgba(0, 0, 0, .2);--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-accent: 0 4px 14px rgba(61, 153, 96, .2), 0 2px 6px rgba(61, 153, 96, .15);--shadow-accent-lg: 0 8px 24px rgba(61, 153, 96, .25), 0 4px 8px rgba(61, 153, 96, .15);--shadow-glow: 0 0 20px rgba(61, 153, 96, .3);--gradient-page: linear-gradient(180deg, #0f1419 0%, #1a1f26 100%);--gradient-card: linear-gradient(135deg, #1a1f26 0%, #242d38 100%);--gradient-hero-glow: radial-gradient(ellipse at 50% 0%, rgba(61, 153, 96, .08) 0%, transparent 60%);--color-sheet-bg: #1a1f26;--color-pill-handle: #404d5c;--color-overlay: rgba(0, 0, 0, .75)}body{background:var(--gradient-page);color-scheme:dark}.mapboxgl-ctrl-group{background:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}.mapboxgl-ctrl-group button{background:transparent!important;color:var(--color-text-primary)!important}.mapboxgl-ctrl-group button:hover{background:var(--color-gray-100)!important}input,select,textarea{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.modal-content,.auth-modal,.card,.toast{background:var(--color-bg-secondary);border-color:var(--color-border)}.skeleton{background:var(--color-gray-100)}.skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn var(--duration-normal) var(--ease-out-expo)}.auth-modal{background:var(--color-bg-secondary);border-radius:var(--radius-xl);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl);animation:scaleIn var(--duration-normal) var(--ease-out-expo)}.auth-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary);width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background var(--transition-fast),color var(--transition-fast)}.auth-modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.auth-modal-content{padding:var(--space-8)}.auth-tabs{display:flex;gap:0;margin-bottom:var(--space-6);padding:var(--space-1);background:var(--color-accent-subtle);border:1px solid var(--color-accent-light);border-radius:var(--radius-lg)}.auth-tab{flex:1;padding:var(--space-3) var(--space-4);border:none;background:var(--color-accent-light);cursor:pointer;font-size:var(--text-body);font-weight:600;color:var(--color-accent);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;margin:0 var(--space-1)}.auth-tab:first-child{margin-left:0}.auth-tab:last-child{margin-right:0}.auth-tab:hover{background:#2f7d4e26}.auth-tab.active{background:var(--color-accent);color:#fff}.auth-form{display:flex;flex-direction:column;animation:authFormFadeIn .3s ease-out}@keyframes authFormFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer;font-size:var(--text-body);font-weight:500;color:var(--color-text-primary);transition:all var(--transition-fast)}.oauth-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-icon{flex-shrink:0}.oauth-redirecting{background:var(--color-gray-100);cursor:wait}.oauth-spinner{width:var(--spinner-sm);height:var(--spinner-sm);border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:oauthSpinner .8s linear infinite}@keyframes oauthSpinner{to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;margin:20px 0;color:var(--color-text-tertiary);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{padding:0 12px}.auth-form-title{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--color-text-primary)}.auth-form-description{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px;transition:color .2s ease}.auth-field input{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.auth-field input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.auth-field:focus-within label{color:var(--color-accent)}.auth-field input:disabled{background:var(--color-bg-secondary);cursor:not-allowed}.auth-password-wrapper{position:relative;display:flex;align-items:center}.auth-password-wrapper input{padding-right:44px}.auth-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .2s,background .2s}.auth-password-toggle:hover{color:var(--color-text-secondary);background:var(--color-bg-secondary)}.auth-password-toggle:focus{outline:none}.password-strength{display:flex;align-items:center;gap:10px;margin-top:8px}.password-strength-bar{flex:1;height:4px;background:var(--color-bg-secondary);border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.password-strength-label{font-size:12px;font-weight:500;min-width:60px;text-align:right;transition:color .3s ease}.auth-submit-btn{padding:var(--space-3) var(--space-5);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:background var(--transition-fast);margin-top:var(--space-2)}.auth-submit-btn:hover:not(:disabled){background:var(--color-accent-hover)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-links{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.auth-link{background:var(--color-accent-light);border:1px solid rgba(47,125,78,.3);padding:var(--space-3) var(--space-4);font-size:var(--text-caption);font-weight:500;color:var(--color-accent);cursor:pointer;text-align:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.auth-link:hover{background:#2f7d4e26;border-color:#2f7d4e80;text-decoration:none}.auth-link:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-caption);margin-bottom:var(--space-4);animation:messageSlideIn var(--duration-normal) var(--ease-out-expo)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-dark);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-caption);margin-bottom:var(--space-4)}.auth-message-animated{animation:authMessageFadeIn .3s ease-out}.auth-message-animated.dismissing{animation:authMessageFadeOut .5s ease-out forwards}@keyframes authMessageFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes authMessageFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));display:flex;align-items:center;justify-content:center;opacity:0;animation:onboardingFadeIn .4s var(--ease-apple) forwards}.onboarding-overlay--exiting{animation:onboardingFadeOut .3s var(--ease-apple) forwards}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}@keyframes onboardingFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.onboarding-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:400px;height:100%;max-height:min(600px,85vh);min-height:0;padding:var(--space-6);padding-top:max(var(--space-6),env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));opacity:0;transform:translateY(30px);animation:onboardingContentIn .5s var(--ease-apple) .1s forwards}.onboarding-content--exiting{animation:onboardingContentOut .25s var(--ease-apple) forwards}@keyframes onboardingContentIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes onboardingContentOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.onboarding-slides-track{display:flex;width:100%;flex:1;min-height:0;transition:transform .3s var(--ease-apple-spring)}.onboarding-slide{flex:0 0 100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-4)}.onboarding-slide-icon{font-size:72px;line-height:1;margin-bottom:var(--space-6);animation:onboardingIconPop .5s var(--ease-apple-spring) .2s both}@keyframes onboardingIconPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.onboarding-slide-headline{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.onboarding-slide-subtext{font-size:17px;font-weight:400;color:var(--color-text-secondary);line-height:1.5;max-width:280px;margin:0}.onboarding-cta{margin-top:var(--space-5);padding:var(--space-3) var(--space-5);border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s var(--ease-apple),border-color .15s var(--ease-apple),background .15s var(--ease-apple),box-shadow .15s var(--ease-apple)}.onboarding-cta:hover{transform:translateY(-1px);border-color:#22c55e66;box-shadow:0 6px 16px #22c55e26}.onboarding-cta:active{transform:translateY(0);box-shadow:none}.onboarding-nav{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:var(--space-6);padding-bottom:0}.onboarding-skip{background:none;border:1px solid transparent;padding:var(--space-2) var(--space-3);font-size:15px;font-weight:500;color:var(--color-text-tertiary);cursor:pointer;transition:color .2s var(--ease-apple);min-width:80px;text-align:left;border-radius:999px}.onboarding-skip:hover{color:var(--color-text-secondary);border-color:var(--color-border);background:var(--color-bg-secondary)}.onboarding-dots{display:flex;align-items:center;justify-content:center;gap:8px}.onboarding-dot{width:8px;height:8px;border-radius:4px;background:var(--color-border);transition:width .3s var(--ease-apple-spring),background .2s var(--ease-apple)}.onboarding-dot--active{width:24px;background:var(--color-accent)}.onboarding-continue{background:var(--color-accent);color:#fff;border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;min-width:100px;box-shadow:0 2px 8px #22c55e40;transition:transform .15s var(--ease-apple),box-shadow .15s var(--ease-apple),background .15s var(--ease-apple)}.onboarding-continue:hover{transform:scale(1.02);box-shadow:0 4px 12px #22c55e59;background:var(--color-accent-hover)}.onboarding-continue:active{transform:scale(.98)}.onboarding-goal-cards{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:320px;margin-top:var(--spacing-lg)}.onboarding-goal-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:center}.onboarding-goal-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.onboarding-goal-card--selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-secondary))}.onboarding-goal-card--selected:after{content:"";position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:20px;height:20px;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center}.onboarding-goal-card{position:relative}.onboarding-goal-card__icon{font-size:32px;margin-bottom:var(--spacing-xs)}.onboarding-goal-card__label{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.onboarding-goal-card__description{font-size:var(--text-sm);color:var(--color-text-secondary)}@media(max-width:480px){.onboarding-goal-cards{max-width:280px;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.onboarding-goal-card{padding:var(--spacing-sm) var(--spacing-md)}.onboarding-goal-card__icon{font-size:28px}.onboarding-goal-card__label{font-size:var(--text-sm)}.onboarding-goal-card__description{font-size:var(--text-xs)}}@media(prefers-reduced-motion:reduce){.onboarding-overlay{animation:none;opacity:1}.onboarding-overlay--exiting{animation:none}.onboarding-content{animation:none;opacity:1;transform:none}.onboarding-content--exiting{animation:none}.onboarding-slides-track{transition:none}.onboarding-slide-icon{animation:none}.onboarding-dot,.onboarding-continue,.onboarding-cta{transition:none}}@media(max-width:480px){.onboarding-overlay{align-items:stretch;justify-content:flex-start}.onboarding-content{padding:var(--space-6);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding-top:calc(var(--space-5) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px))}.onboarding-slide-icon{font-size:64px}.onboarding-slide-headline{font-size:24px}.onboarding-slide-subtext{font-size:16px;max-width:260px}.onboarding-cta{font-size:14px;padding:var(--space-3) var(--space-4)}.onboarding-nav{padding-top:var(--space-5);padding-bottom:0}.onboarding-skip{font-size:14px;min-width:60px}.onboarding-continue{font-size:14px;min-width:90px;padding:var(--space-3) var(--space-4)}}@media(max-width:375px){.onboarding-content{padding:16px}.onboarding-slide-icon{font-size:48px}.onboarding-slide-headline{font-size:20px}.onboarding-slide-subtext{font-size:14px;max-width:240px}.onboarding-cta{width:100%}.onboarding-nav{flex-direction:column;gap:8px;width:100%}.onboarding-skip,.onboarding-continue{width:100%;justify-content:center}}@media(max-height:700px){.onboarding-slide{padding:var(--space-3)}.onboarding-slide-icon{font-size:56px;margin-bottom:var(--space-4)}.onboarding-slide-headline{font-size:22px}.onboarding-slide-subtext{font-size:15px;max-width:260px}.onboarding-nav{padding-top:var(--space-4)}}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:24px;padding:4px 12px 4px 4px;cursor:pointer;transition:all .2s}.user-menu-trigger:hover{background:var(--color-bg-tertiary, #e5e7eb)}.user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--color-accent);display:flex;align-items:center;justify-content:center}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-avatar-initials{color:#fff;font-size:12px;font-weight:600}.user-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:uppercase}.user-badge-pro{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.user-badge-edu{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#fff}.user-menu-arrow{font-size:10px;color:var(--color-text-secondary)}.user-avatar-ring{position:relative;display:inline-flex}.user-status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--color-success);border:2px solid var(--color-bg-primary);border-radius:50%}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:320px;z-index:100;overflow:hidden}.user-menu-header{padding:16px;border-bottom:1px solid var(--color-border)}.user-menu-identity{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-menu-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-menu-avatar .user-avatar-img{width:100%;height:100%;object-fit:cover}.user-menu-avatar .user-avatar-initials{color:#fff;font-size:16px;font-weight:600}.user-menu-info{display:flex;flex-direction:column;flex:1;min-width:0}.user-menu-plan{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.user-menu-plan-premium{display:inline-flex;align-items:center;gap:4px;color:var(--color-accent);font-weight:600}.user-menu-plan-premium .plan-icon{font-size:12px}.user-badge-icon{font-size:10px;margin-right:2px}.user-menu-profile-btn{width:100%;padding:8px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;font-size:13px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s}.user-menu-profile-btn:hover{background:var(--color-bg-tertiary)}.user-menu-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.user-menu-highlight{display:flex;flex-direction:column;align-items:center;text-align:center}.user-menu-highlight .highlight-label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.user-menu-highlight .highlight-value{font-size:16px;font-weight:600;color:var(--color-text-primary);margin-top:2px}.user-menu-quick{padding:12px 16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--color-border)}.user-menu-action{display:flex;flex-direction:column;align-items:flex-start;padding:10px 12px;border-radius:8px;border:none;cursor:pointer;text-align:left;transition:all .2s}.user-menu-action.primary{background:var(--color-accent-subtle);color:var(--color-accent)}.user-menu-action.primary:hover{background:var(--color-accent);color:#fff}.user-menu-action.secondary{background:var(--color-bg-secondary);color:var(--color-text-primary)}.user-menu-action.secondary:hover{background:var(--color-bg-tertiary)}.user-menu-action-title{font-size:13px;font-weight:500}.user-menu-action-detail{font-size:11px;opacity:.8;margin-top:2px}.user-menu-section{padding:8px 0;border-bottom:1px solid var(--color-border)}.user-menu-section:last-of-type{border-bottom:none}.user-menu-section-title{display:block;font-size:10px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:8px 16px 4px}.user-menu-item-text{display:flex;flex-direction:column;flex:1}.user-menu-item-title{font-size:13px;font-weight:500}.user-menu-item-detail{font-size:11px;color:var(--color-text-tertiary);margin-top:2px}.user-menu-pill{font-size:9px;font-weight:600;padding:2px 6px;border-radius:10px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.user-menu-item-muted{opacity:.6}.user-menu-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.user-menu-email{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.user-menu-divider{height:1px;background:var(--color-border);margin:4px 0}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:var(--color-text-primary);text-align:left;transition:background .2s}.user-menu-item:hover:not(:disabled){background:var(--color-bg-secondary)}.user-menu-item:disabled{opacity:.6;cursor:not-allowed}.user-menu-signout{color:var(--color-error-dark)}.user-menu-signout:hover:not(:disabled){background:var(--color-error-bg)}.user-menu-icon{font-size:16px}.header-auth-loading{display:flex;align-items:center;justify-content:center;width:80px;height:40px}.account-page{max-width:600px;margin:0 auto}.account-page h1{text-align:center;margin-bottom:var(--space-3);font-size:var(--text-title);font-weight:700;letter-spacing:var(--tracking-title)}.account-page>.page-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--text-body);margin-bottom:var(--space-8);line-height:var(--leading-body)}.account-not-signed-in{text-align:center;color:var(--color-text-secondary);padding:var(--space-10) var(--space-5)}.account-section{background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);animation:fadeUp var(--duration-slow) var(--ease-out-expo) both}.account-section:nth-of-type(1){animation-delay:0s}.account-section:nth-of-type(2){animation-delay:50ms}.account-section:nth-of-type(3){animation-delay:.1s}.account-section:nth-of-type(4){animation-delay:.15s}.account-section:nth-of-type(5){animation-delay:.2s}.account-section h2{font-size:var(--text-micro);font-weight:600;margin-bottom:var(--space-4);color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--tracking-micro)}.account-avatar-section{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.account-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.account-avatar-img{width:100%;height:100%;object-fit:cover}.account-avatar-placeholder{color:#fff;font-size:var(--text-heading);font-weight:600}.account-avatar-info{flex:1}.account-email{font-size:var(--text-body);font-weight:500;color:var(--color-text-primary)}.account-member-since{font-size:var(--text-caption);color:var(--color-text-secondary);margin-top:var(--space-1)}.profile-completion{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-info-bg),rgba(139,92,246,.08));border:1px solid var(--color-info-border);border-radius:var(--radius-md)}.profile-completion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.profile-completion-title{font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary)}.profile-completion-percent{font-size:var(--text-caption);font-weight:600;color:var(--color-info)}.profile-completion-bar{height:6px;background:var(--color-bg-secondary);border-radius:3px;overflow:hidden}.profile-completion-fill{height:100%;background:linear-gradient(90deg,var(--color-info),#8b5cf6);border-radius:3px;transition:width var(--duration-normal) var(--ease-out-expo)}.profile-completion-hint{margin-top:var(--space-2);font-size:var(--text-micro);color:var(--color-text-secondary)}.account-form{display:flex;flex-direction:column;gap:var(--space-3)}.account-field{display:flex;flex-direction:column;gap:var(--space-2)}.account-field label{font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast)}.account-field input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.account-field input:hover{border-color:var(--color-border-hover)}.account-field input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px #2f7d4e1a;background:var(--color-bg-secondary)}.account-field:focus-within label{color:var(--color-accent)}.account-message{font-size:var(--text-caption);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);animation:fadeUp var(--duration-normal) var(--ease-out-expo)}.account-message.success{background:var(--color-success-bg);color:var(--color-success-dark);border:1px solid var(--color-success-border)}.account-message.error{background:var(--color-error-bg);color:var(--color-error-dark);border:1px solid var(--color-error-border)}.account-save-btn{align-self:flex-start;padding:var(--space-3) var(--space-5);background:var(--gradient-accent-subtle);color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.account-save-btn:hover:not(:disabled){box-shadow:var(--shadow-accent);filter:brightness(1.05);transform:translateY(-1px)}.account-save-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.account-save-btn:disabled{opacity:.6;cursor:not-allowed}.account-subscription{display:flex;flex-direction:column;gap:var(--space-3)}.subscription-badge{display:inline-flex;align-self:flex-start;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-body);font-weight:600}.subscription-free{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.subscription-pro{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.subscription-education{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#fff}.subscription-upgrade-text{font-size:var(--text-caption);color:var(--color-text-secondary)}.security-section{display:flex;flex-direction:column}.security-expand-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-body);font-weight:500;color:var(--color-text-primary);transition:background var(--duration-fast),border-color var(--duration-fast)}.security-expand-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-tertiary)}.security-expand-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.security-expand-icon{transition:transform var(--transition-fast)}.security-expand-icon.expanded{transform:rotate(180deg)}.password-change-form{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);animation:passwordFormReveal .25s ease-out}@keyframes passwordFormReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.password-change-form .account-field{margin-bottom:var(--space-4)}.password-change-form .account-save-btn{margin-top:var(--space-2)}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.stat-value{font-size:var(--text-heading);font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:var(--text-caption);color:var(--color-text-secondary);text-align:center;margin-top:var(--space-1)}.quiz-history-list,.quiz-history-desktop{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-history-mobile{display:none}@media(max-width:768px){.quiz-history-desktop{display:none}.quiz-history-mobile{display:flex}}.quiz-history-card-meta{font-size:12px;color:var(--color-text-tertiary);text-transform:capitalize;margin-top:4px}.quiz-history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.quiz-history-info{display:flex;flex-direction:column}.quiz-history-mode{font-size:var(--text-body);font-weight:500;color:var(--color-text-primary);text-transform:capitalize}.quiz-history-meta{font-size:var(--text-micro);color:var(--color-text-secondary);text-transform:capitalize}.quiz-history-score{display:flex;flex-direction:column;align-items:flex-end}.quiz-history-percent{font-size:var(--text-subhead);font-weight:600;color:var(--color-accent)}.quiz-history-date{font-size:var(--text-caption);color:var(--color-text-tertiary)}.quiz-history-empty{text-align:center;color:var(--color-text-secondary);font-size:var(--text-body);padding:var(--space-5)}.quiz-history-load-more{display:block;width:100%;padding:var(--space-3);margin-top:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast)}.quiz-history-load-more:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-text-tertiary)}.quiz-history-load-more:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quiz-history-load-more:disabled{opacity:.6;cursor:not-allowed}.account-signout-section{background:transparent;border:none;padding:0}.account-signout-btn{width:100%;padding:var(--space-3) var(--space-5);background:var(--color-error-bg);color:var(--color-error-dark);border:1px solid var(--color-error-border);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all var(--duration-fast)}.account-signout-btn:hover{background:#ef444426;border-color:var(--color-error)}.account-signout-btn:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.profile-preview-btn{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-micro);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast)}.profile-preview-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.profile-preview-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.community-section{background:var(--color-bg-primary)}.community-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.community-header h2{margin:0}.account-section-subtitle{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:var(--space-1) 0 0 0}.community-pill{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;background:var(--color-accent-subtle);color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.community-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.community-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.community-card h3{font-size:var(--text-body);font-weight:600;margin:0}.community-card-subtitle{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:var(--space-1) 0 0 0}.community-meta{font-size:11px;color:var(--color-text-tertiary);white-space:nowrap}.friends-invite{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.friends-invite input{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-caption);background:var(--color-bg-primary)}.friends-invite-btn{padding:8px 14px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-caption);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.friends-invite-btn:hover{background:var(--color-accent-hover)}.friends-list{display:flex;flex-direction:column;gap:var(--space-2)}.friend-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.friend-info{display:flex;flex-direction:column}.friend-name{font-size:var(--text-caption);font-weight:500}.friend-email{font-size:11px;color:var(--color-text-tertiary)}.friend-actions{display:flex;align-items:center;gap:var(--space-2)}.friend-status{font-size:11px;color:var(--color-success)}.friend-btn{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.friend-btn.accept{background:var(--color-accent);color:#fff}.friend-btn.accept:hover{background:var(--color-accent-hover)}.friend-btn.remove{background:transparent;color:var(--color-text-tertiary);border:1px solid var(--color-border)}.friend-btn.remove:hover{background:var(--color-error-bg);color:var(--color-error-dark);border-color:var(--color-error-border)}.community-empty{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-primary);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.community-empty-icon{font-size:32px;opacity:.6}.community-empty-title{font-size:var(--text-caption);font-weight:500;margin:0 0 var(--space-1) 0}.community-empty-text{font-size:12px;color:var(--color-text-tertiary);margin:0;line-height:1.4}.leaderboard-card .leaderboard-empty{display:grid;gap:10px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);margin-bottom:var(--space-3)}.leaderboard-bars{display:flex;align-items:flex-end;gap:8px;height:48px}.leaderboard-bar{flex:1;border-radius:8px;background:linear-gradient(180deg,#2f7d4e66,#2f7d4e14)}.leaderboard-bar.bar-1{height:60%}.leaderboard-bar.bar-2{height:100%}.leaderboard-bar.bar-3{height:40%}.leaderboard-empty-text{font-size:12px;color:var(--color-text-secondary);text-align:center;margin:0}.leaderboard-preview{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.leaderboard-row{display:flex;justify-content:space-between;font-size:var(--text-caption)}.leaderboard-row .leaderboard-label{color:var(--color-text-tertiary)}.leaderboard-row .leaderboard-value{font-weight:500}.leaderboard-cta{width:100%;padding:10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-caption);font-weight:500;color:var(--color-text-tertiary);cursor:not-allowed}.profile-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1200;padding:var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-preview-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);width:100%;max-width:480px;padding:var(--space-6);position:relative;animation:scaleIn var(--duration-normal) var(--ease-out-expo)}.profile-preview-close{position:absolute;top:14px;right:16px;border:none;background:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;line-height:1;padding:4px}.profile-preview-close:hover{color:var(--color-text-primary)}.profile-preview-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.account-avatar-large{width:72px;height:72px;font-size:28px}.profile-preview-header h3{font-size:var(--text-lg);font-weight:600;margin:0}.profile-preview-meta{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:var(--space-1) 0 0 0}.profile-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.profile-preview-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);text-align:center}.profile-preview-label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.profile-preview-value{font-size:var(--text-lg);font-weight:600;margin-top:var(--space-1)}.profile-preview-footer{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-caption);color:var(--color-text-tertiary);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media(max-width:640px){.community-grid{grid-template-columns:1fr}.profile-preview-grid{grid-template-columns:repeat(2,1fr)}.profile-preview-modal{padding:var(--space-4);max-width:calc(100% - 32px)}.community-empty{flex-direction:column;text-align:center}}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary, #e5e7eb) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-avatar{width:64px;height:64px;border-radius:50%}.skeleton-title{height:24px;margin-bottom:16px}.skeleton-text{height:16px;margin-bottom:6px}.skeleton-text-sm{height:12px}.skeleton-label{height:14px;width:100px;margin-bottom:8px}.skeleton-input{height:44px;width:100%}.skeleton-button{height:44px;width:120px;margin-top:16px}.skeleton-badge{height:36px;width:80px;border-radius:20px}.skeleton-stat-card{background:var(--color-bg-secondary)}.skeleton-stat-value{height:28px;width:50px;margin-bottom:8px}.skeleton-stat-label{height:12px;width:80px}.skeleton-history-item{background:var(--color-bg-secondary)}@media(max-width:600px){.auth-modal{max-width:100%;margin:10px;max-height:95vh}.auth-modal-content{padding:24px}.account-stats{grid-template-columns:1fr}.account-avatar-section{flex-direction:column;text-align:center}.account-avatar-info{text-align:center}}@media(max-width:768px){.account-page{padding:0 16px}.account-page h1{font-size:24px;margin-bottom:8px}.account-page>.page-subtitle{font-size:14px;margin-bottom:24px}.account-avatar-section{flex-direction:column;text-align:center;gap:12px}.account-avatar{width:56px;height:56px;margin:0 auto}.account-avatar-placeholder{font-size:20px}.account-avatar-info{text-align:center}.account-email{font-size:14px}.account-stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:12px 8px}.stat-value{font-size:20px}.stat-label{font-size:10px}.account-section{padding:20px;margin-bottom:16px;border-radius:12px}.account-section h2{font-size:13px;margin-bottom:12px}.account-save-btn{width:100%;min-height:44px;padding:12px 20px;font-size:15px;border-radius:10px}.account-field input{font-size:16px;padding:12px 14px;min-height:44px;border-radius:10px}.account-field label{font-size:12px}.quiz-history-item{padding:14px 12px;border-radius:10px}.quiz-history-mode{font-size:13px}.quiz-history-meta{font-size:11px}.quiz-history-percent{font-size:15px}.quiz-history-date{font-size:10px}.quiz-history-load-more{min-height:44px;font-size:14px;border-radius:10px}.security-expand-btn{min-height:48px;padding:14px 16px;font-size:15px;border-radius:10px}.password-change-form{padding:14px;border-radius:10px}.password-change-form .account-field input{font-size:16px;min-height:44px}.account-signout-btn{min-height:48px;font-size:15px;border-radius:10px}.profile-completion{padding:14px;border-radius:10px}.profile-completion-title,.profile-completion-percent{font-size:12px}.profile-completion-hint{font-size:11px}.subscription-badge{padding:10px 16px;font-size:13px;min-height:44px;display:inline-flex;align-items:center}.subscription-upgrade-text{font-size:12px}.skeleton-avatar{width:56px;height:56px}}@media(max-width:480px){.account-page h1{font-size:20px}.account-page>.page-subtitle{font-size:13px;margin-bottom:20px}.account-avatar{width:52px;height:52px}.account-avatar-placeholder{font-size:18px}.account-email{font-size:13px}.account-member-since{font-size:11px}.account-stats{grid-template-columns:1fr;gap:6px}.stat-card{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 14px}.stat-value{font-size:18px;order:2}.stat-label{font-size:12px;text-align:left;margin-top:0;order:1}.account-section{padding:16px;margin-bottom:12px}.account-section h2{font-size:12px;margin-bottom:10px}.quiz-history-item{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.quiz-history-info{flex-direction:row;justify-content:space-between;align-items:center}.quiz-history-score{flex-direction:row;align-items:center;gap:12px;padding-top:8px;border-top:1px solid var(--color-border)}.quiz-history-percent{font-size:14px}.quiz-history-date,.account-field label{font-size:11px}.account-message{font-size:12px;padding:10px}.profile-completion{padding:12px}.profile-completion-header{margin-bottom:6px}.profile-completion-bar{height:5px}}@media(max-width:768px){.plans-page h1{font-size:26px;margin-bottom:10px}.plans-intro{font-size:14px;margin-bottom:32px;padding:0 8px}.plans-preview{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.plan-card{padding:24px 20px;border-radius:14px}.plan-header{margin-bottom:20px;padding-bottom:20px}.plan-header h2{font-size:22px}.plan-price{font-size:28px}.plan-period{font-size:12px}.plan-badge{font-size:10px;padding:3px 10px;top:-8px}.plan-status{min-height:44px;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:10px;font-size:14px}.plan-features li{padding:10px 0;font-size:13px}.plans-cta{padding:24px 20px;border-radius:14px}.plans-cta h3{font-size:18px}.plans-cta p{font-size:13px;margin-bottom:20px}.email-signup-placeholder{flex-direction:column;gap:12px}.email-input{font-size:16px;padding:14px 16px;min-height:48px;border-radius:10px;text-align:center}.notify-btn{min-height:48px;padding:14px 24px;font-size:15px;border-radius:10px}.signup-note{font-size:11px;margin-top:12px}}@media(max-width:480px){.plans-page h1{font-size:22px}.plans-intro{font-size:13px;margin-bottom:24px;line-height:1.5}.plan-card{padding:20px 16px;border-radius:12px}.plan-header{margin-bottom:16px;padding-bottom:16px}.plan-header h2{font-size:20px}.plan-price{font-size:26px}.plan-features{margin-bottom:20px}.plan-features li{padding:8px 0;font-size:12px}.plan-status{font-size:13px;padding:10px 14px}.plans-cta{padding:20px 16px;border-radius:12px}.plans-cta h3{font-size:16px}.plans-cta p{font-size:12px;margin-bottom:16px}.email-input{padding:12px 14px;min-height:44px}.notify-btn{min-height:44px;padding:12px 20px;font-size:14px}}@media(max-width:768px){.privacy-page{padding:0 16px}.privacy-page h1{font-size:24px;margin-bottom:6px}.privacy-updated{font-size:12px;margin-bottom:20px}.privacy-intro{font-size:14px;line-height:1.65;margin-bottom:14px}.privacy-section{margin-top:24px;padding-top:20px}.privacy-section h2{font-size:16px;margin-bottom:14px}.privacy-section h3{font-size:14px;margin-top:16px;margin-bottom:10px}.privacy-section p{font-size:13px;line-height:1.65;margin-bottom:10px}.privacy-section ul{padding-left:20px;margin:10px 0}.privacy-section li{font-size:13px;line-height:1.6;margin-bottom:6px}.privacy-page .contact-email{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;font-size:14px;text-decoration:none;color:var(--color-accent);font-weight:500;margin-top:12px}.privacy-page .contact-email:active{transform:scale(.98);background:var(--color-bg-tertiary, #e5e7eb)}.contact-placeholder{font-size:13px;margin-top:12px}}@media(max-width:480px){.privacy-page h1{font-size:20px}.privacy-updated{font-size:11px;margin-bottom:16px}.privacy-intro{font-size:13px;line-height:1.6}.privacy-section{margin-top:20px;padding-top:16px}.privacy-section h2{font-size:15px;margin-bottom:12px}.privacy-section h3{font-size:13px;margin-top:14px}.privacy-section p{font-size:12px;line-height:1.55}.privacy-section li{font-size:12px;line-height:1.55;margin-bottom:5px}.privacy-page .contact-email{display:flex;justify-content:center;width:100%;min-height:48px;padding:12px 16px;font-size:14px;border-radius:10px}.contact-placeholder{font-size:12px;text-align:center}}@media(max-width:768px){button,.btn,[role=button]{min-height:var(--touch-target-min)}button:active:not(:disabled),.btn:active:not(:disabled),[role=button]:active:not(:disabled){transform:scale(.98);transition:transform .1s ease}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea,select{font-size:16px;min-height:44px}.page-content a,.privacy-section a,.about-section a{display:inline-block;padding:4px 0}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-width:20px;min-height:20px}label{padding:4px 0;cursor:pointer}}@media(max-width:896px)and (orientation:landscape){.app-header{height:48px;min-height:48px}.header-logo-wordmark{font-size:18px}.sidebar.mobile{max-height:45vh;max-height:45dvh}.sidebar.mobile.expanded{height:70vh;height:70dvh;max-height:70vh;max-height:70dvh}.quiz-page,.learn-page,.quiz-question{padding:var(--space-3)}.quiz-options{gap:var(--space-2);max-height:35vh;max-height:35dvh;overflow-y:auto}.quiz-option{padding:var(--space-2) var(--space-3);min-height:40px}.option-letter{width:28px;height:28px;font-size:12px}.quiz-results-enhanced{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start}.results-header-enhanced,.results-actions-enhanced{grid-column:1 / -1}.results-score-enhanced,.results-grade-enhanced{grid-column:span 1}.results-stats-enhanced{grid-column:1 / -1}.score-circle{width:100px;height:100px}.score-circle .score-main{font-size:28px}.grade-badge{width:50px;height:50px;font-size:22px}.auth-modal{max-height:85vh;max-height:85dvh}.auth-modal-content{padding:var(--space-4)}.header-nav-mobile{width:50vw;max-width:320px}.comparison-panel{max-height:45vh;max-height:45dvh;overflow-y:auto}}@media(min-width:897px)and (max-width:1024px)and (orientation:landscape){.sidebar{width:320px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}}@media(max-width:375px){.app-header{padding:0 var(--space-2)}.header-logo-wordmark{font-size:18px}.sidebar{padding:var(--space-3)}.quiz-option{padding:var(--space-2) var(--space-3)}.option-letter{width:28px;height:28px;font-size:12px}.auth-modal-content{padding:var(--space-4)}.results-btn{padding:var(--space-3) var(--space-4);font-size:13px}}.plans-hero{text-align:center;padding:var(--space-8) var(--space-4);margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-4)) var(--space-8);background:linear-gradient(135deg,#2f7d4e14,#2f7d4e05,#60a5fa0d);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.plans-hero h1{font-size:var(--text-hero);font-weight:700;letter-spacing:var(--tracking-hero);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--color-text-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plans-hero-tagline{font-size:var(--text-subhead);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:var(--leading-subhead)}.plans-hero-trust{display:flex;justify-content:center}.trust-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-caption);color:var(--color-text-secondary)}.trust-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--color-success);color:#fff;border-radius:50%;font-size:10px;font-weight:700}.plans-value{text-align:center;margin-bottom:var(--space-8);padding:var(--space-8) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.plans-value-copy{margin-bottom:var(--space-6)}.plans-value-kicker,.plans-kicker{display:block;font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-micro);color:var(--color-accent);margin-bottom:var(--space-2)}.plans-value-copy h2{font-size:var(--text-title);font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3}.plans-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.value-card{padding:var(--space-5);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-align:center;transition:transform var(--transition-lift),box-shadow var(--transition-lift)}.value-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.value-card-icon{font-size:32px;margin-bottom:var(--space-3);line-height:1}.value-card h3{font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.value-card p{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.5;margin:0}.plans-audience{text-align:center;margin-bottom:var(--space-8)}.plans-audience h2{font-size:var(--text-title);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6)}.plans-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.audience-card{padding:var(--space-5);background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-align:center;transition:transform var(--transition-lift),box-shadow var(--transition-lift)}.audience-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.audience-card-icon{font-size:32px;margin-bottom:var(--space-3);line-height:1}.audience-card h3{font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.audience-card p{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.5;margin:0}.audience-meta{display:block;margin-top:var(--space-3);font-size:var(--text-micro);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-micro);color:var(--color-accent)}.plans-pricing-intro{text-align:center;margin-bottom:var(--space-6);padding:var(--space-4) 0}.plans-pricing-intro h2{font-size:var(--text-title);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.plans-pricing-intro p{font-size:var(--text-subhead);color:var(--color-text-secondary);margin:0}.plans-comparison{text-align:center;margin-bottom:var(--space-8);padding:var(--space-6);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.plans-comparison h2{font-size:var(--text-title);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6)}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-bg-primary);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.comparison-table th,.comparison-table td{padding:var(--space-4);text-align:center;border-bottom:1px solid var(--color-border-light)}.comparison-table th{background:var(--color-bg-secondary);font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-micro);color:var(--color-text-secondary)}.comparison-table th:first-child{text-align:left;padding-left:var(--space-5)}.comparison-table th:nth-child(3){color:var(--color-accent)}.comparison-table td:first-child{text-align:left;padding-left:var(--space-5);font-weight:500;color:var(--color-text-primary)}.comparison-table td{font-size:var(--text-body);color:var(--color-text-secondary)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr{transition:background-color var(--transition-fast)}.comparison-table tbody tr:hover{background:var(--color-bg-tertiary)}@media(max-width:768px){.plans-comparison{padding:var(--space-4)}.plans-comparison h2{font-size:var(--text-heading)}.comparison-table th,.comparison-table td{padding:var(--space-3);font-size:var(--text-caption)}.comparison-table th:first-child,.comparison-table td:first-child{padding-left:var(--space-3);min-width:120px}}@media(max-width:480px){.comparison-table th,.comparison-table td{padding:var(--space-2)}}.plans-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.feature-card{position:relative;background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:transform var(--transition-lift),box-shadow var(--transition-lift)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-card-highlight{border-color:var(--color-accent);border-width:2px;box-shadow:var(--shadow-accent)}.feature-card-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);background:var(--color-accent);color:#fff;font-size:var(--text-micro);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-micro);border-radius:var(--radius-full);white-space:nowrap}.feature-card-icon{font-size:40px;margin-bottom:var(--space-3);line-height:1}.feature-card-name{font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.feature-card-price{margin-bottom:var(--space-3)}.feature-card-price .price-amount{font-size:var(--text-title);font-weight:700;color:var(--color-accent);letter-spacing:var(--tracking-title)}.feature-card-price .price-period{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-left:2px}.feature-card-description{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.4}.feature-list{list-style:none;text-align:left;margin:0;padding:0}.feature-list li{position:relative;padding:var(--space-2) 0;padding-left:var(--space-6);font-size:var(--text-body);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light)}.feature-list li:last-child{border-bottom:none}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:600}.feature-list li.feature-inherit{font-weight:500;color:var(--color-text-primary);font-style:italic}.feature-list li.feature-inherit:before{content:"↑";color:var(--color-accent)}.trust-section{display:flex;justify-content:center;gap:var(--space-8);padding:var(--space-6);margin-bottom:var(--space-8);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.trust-item{display:flex;align-items:center;gap:var(--space-3)}.trust-item-icon{font-size:24px;line-height:1}.trust-item-content{display:flex;flex-direction:column;gap:2px}.trust-item-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.trust-item-description{font-size:var(--text-caption);color:var(--color-text-tertiary)}.faq-accordion{display:flex;flex-direction:column;gap:var(--space-2)}.faq-item-collapsible{background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.faq-item-collapsible:hover{border-color:var(--color-border)}.faq-item-collapsible.faq-item-open{border-color:var(--color-accent)}.faq-item-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-4);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.faq-item-header:hover{background:var(--color-bg-secondary)}.faq-question{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.faq-toggle-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:18px;font-weight:300;color:var(--color-text-tertiary);transition:transform var(--transition-fast),color var(--transition-fast)}.faq-item-open .faq-toggle-icon{color:var(--color-accent)}.faq-item-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item-open .faq-item-content{max-height:200px}.faq-item-content p{padding:0 var(--space-4) var(--space-4);margin:0;font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.6}.plans-contact .contact-icon{font-size:32px;margin-bottom:var(--space-3)}.plans-contact .contact-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-accent);color:#fff;font-size:var(--text-body);font-weight:600;text-decoration:none;border-radius:var(--radius-md);margin-top:var(--space-3);transition:filter var(--transition-fast),transform var(--transition-fast)}.plans-contact .contact-link:hover{filter:brightness(1.1);transform:translateY(-2px);text-decoration:none}.plans-contact .contact-response-time{display:block;margin-top:var(--space-3);font-size:var(--text-caption);color:var(--color-text-tertiary)}@media(max-width:900px){.plans-features{grid-template-columns:1fr;gap:var(--space-4)}.feature-card-highlight{order:-1}.trust-section{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.trust-item{justify-content:center}.plans-value-grid,.plans-audience-grid{grid-template-columns:1fr;gap:var(--space-3)}}@media(max-width:768px){.plans-hero{padding:var(--space-6) var(--space-3);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-3)) var(--space-6)}.plans-hero h1{font-size:var(--text-title)}.plans-hero-tagline{font-size:var(--text-body)}.trust-badge{font-size:var(--text-micro);padding:var(--space-1) var(--space-3)}.feature-card{padding:var(--space-4)}.feature-card-icon{font-size:32px}.faq-item-header{padding:var(--space-3)}.faq-question{font-size:var(--text-caption)}.faq-item-content p{padding:0 var(--space-3) var(--space-3);font-size:var(--text-micro)}.plans-contact{padding:var(--space-4)}.plans-contact .contact-icon{font-size:28px}.plans-contact .contact-link{width:100%;justify-content:center;padding:var(--space-3) var(--space-4)}.plans-value{padding:var(--space-6) var(--space-3)}.plans-value-copy h2{font-size:var(--text-heading)}.value-card{padding:var(--space-4)}.value-card-icon{font-size:28px}.plans-audience h2{font-size:var(--text-heading)}.audience-card{padding:var(--space-4)}.audience-card-icon{font-size:28px}.plans-pricing-intro h2{font-size:var(--text-heading)}.plans-pricing-intro p{font-size:var(--text-body)}}@media(max-width:480px){.plans-hero h1{font-size:24px}.trust-badge{flex-wrap:wrap;justify-content:center;text-align:center}.feature-card-name{font-size:var(--text-subhead)}.feature-card-price .price-amount{font-size:var(--text-heading)}.trust-item{flex-direction:column;text-align:center}.trust-item-content{align-items:center}}.iap-loading{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.iap-packages-container{max-width:800px;margin:0 auto var(--space-8);padding:var(--space-4)}.iap-packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.iap-package-card{position:relative;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.iap-package-card:hover{border-color:var(--color-accent)}.iap-package-recommended{border-color:var(--color-accent);box-shadow:0 4px 12px #2f7d4e26}.iap-package-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;font-size:var(--text-caption);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.iap-package-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.iap-package-name{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1)}.iap-package-period{font-size:var(--text-caption);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.iap-package-price{margin-bottom:var(--space-2)}.iap-package-price .price-amount{font-size:var(--text-title);font-weight:700;color:var(--color-text-primary)}.iap-package-price .price-period{font-size:var(--text-body);color:var(--color-text-secondary)}.iap-package-intro{font-size:var(--text-caption);color:var(--color-accent);margin-bottom:var(--space-2)}.iap-package-savings{font-size:var(--text-caption);color:var(--color-success);font-weight:500;margin-bottom:var(--space-4)}.iap-package-button{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);min-height:var(--touch-target-min)}.iap-package-button:hover:not(:disabled){background:var(--color-accent-hover)}.iap-package-button:disabled{opacity:.6;cursor:not-allowed}.iap-restore-section{text-align:center;margin-bottom:var(--space-4)}.iap-restore-button{background:transparent;border:none;color:var(--color-accent);font-size:var(--text-body);cursor:pointer;padding:var(--space-2) var(--space-4);min-height:var(--touch-target-min)}.iap-restore-button:hover:not(:disabled){text-decoration:underline}.iap-restore-button:disabled{opacity:.5;cursor:not-allowed}.iap-legal-text{text-align:center;padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.iap-legal-text p{font-size:var(--text-caption);color:var(--color-text-tertiary);line-height:1.5;margin:0}.plans-web-redirect{text-align:center;padding:var(--space-8);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin:0 auto var(--space-8);max-width:500px}.plans-web-redirect p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}@media(max-width:640px){.iap-packages-grid{grid-template-columns:1fr}.iap-package-card{padding:var(--space-5)}.iap-package-icon{font-size:2rem}.iap-package-price .price-amount{font-size:var(--text-heading)}}.favorite-btn{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;position:relative}.favorite-btn-sm,.favorite-btn-md{width:var(--touch-target-min);height:var(--touch-target-min)}.favorite-btn-lg{width:48px;height:48px}.favorite-btn:hover:not(:disabled){border-color:var(--color-error-light);background:var(--color-error-bg)}.favorite-btn:disabled{opacity:.5;cursor:not-allowed}.favorite-btn.favorited{background:var(--color-error-bg);border-color:var(--color-error)}.favorite-btn .favorite-btn-icon{color:var(--color-text-tertiary);transition:all var(--transition-fast)}.favorite-btn-sm .favorite-btn-icon{width:14px;height:14px}.favorite-btn-md .favorite-btn-icon{width:18px;height:18px}.favorite-btn-lg .favorite-btn-icon{width:22px;height:22px}.favorite-btn:hover:not(:disabled) .favorite-btn-icon{color:var(--color-error-light)}.favorite-btn.favorited .favorite-btn-icon{color:var(--color-error)}.favorite-btn.animating .favorite-btn-icon{animation:heartPulse .3s var(--ease-out-back)}.favorite-btn-spinner{position:absolute;width:12px;height:12px;border:2px solid var(--color-border);border-top-color:var(--color-error);border-radius:50%;animation:spin .6s linear infinite}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.favorites-section{padding:var(--space-4);border-top:1px solid var(--color-border-light)}.favorites-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.favorites-header h4{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.favorites-header h4 .header-icon{font-size:14px}.favorites-limit{font-size:var(--text-micro);color:var(--color-text-tertiary);font-weight:500}.favorites-limit.at-limit{color:var(--color-warning)}.favorites-list{display:flex;flex-direction:column;gap:var(--space-2)}.favorite-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-lift);animation:favoriteSlideIn .25s var(--ease-out-expo) backwards}.favorite-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}@keyframes favoriteSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.favorite-flag{width:32px;height:24px;border-radius:3px;object-fit:cover;flex-shrink:0;box-shadow:var(--shadow-xs)}.favorite-info{flex:1;min-width:0}.favorite-name{display:block;font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-country{display:block;font-size:var(--text-micro);color:var(--color-text-tertiary);margin-top:2px}.favorite-delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.favorite-card:hover .favorite-delete-btn{opacity:1}.favorite-delete-btn:hover{background:var(--color-error-bg)}.favorite-delete-btn svg{width:14px;height:14px;color:var(--color-text-tertiary)}.favorite-delete-btn:hover svg{color:var(--color-error)}.favorites-empty{text-align:center;padding:var(--space-4)}.favorites-empty-icon{font-size:32px;margin-bottom:var(--space-2);animation:floatGlobe 3s ease-in-out infinite}@keyframes floatGlobe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.favorites-empty p{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:0}.favorites-upgrade-prompt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-accent-subtle);border-radius:var(--radius-md);margin-top:var(--space-3)}.favorites-upgrade-prompt .upgrade-icon{font-size:20px}.favorites-upgrade-prompt p{flex:1;font-size:var(--text-micro);color:var(--color-text-secondary);margin:0}.favorites-upgrade-prompt .upgrade-link{font-size:var(--text-micro);font-weight:600;color:var(--color-accent);text-decoration:none}.favorites-upgrade-prompt .upgrade-link:hover{text-decoration:underline}.leaderboard-panel{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--spacing-xl) var(--space-4) var(--space-4);max-height:70vh;overflow-y:auto}.leaderboard-header{text-align:center;padding-top:var(--spacing-sm)}.leaderboard-header h3{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.leaderboard-header p{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:0}.leaderboard-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.leaderboard-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.leaderboard-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.leaderboard-close svg{width:16px;height:16px}.leaderboard-scope-toggle{display:flex;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:4px;gap:4px;margin-bottom:var(--spacing-sm)}.leaderboard-scope-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.leaderboard-scope-btn:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.leaderboard-scope-btn.active{background:var(--color-bg-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.leaderboard-scope-btn--locked{opacity:.7}.leaderboard-scope-btn--locked:hover{opacity:1}.scope-icon{font-size:16px;line-height:1}.scope-pro-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;background:linear-gradient(135deg,var(--color-accent) 0%,#3d9e64 100%);color:#fff;border-radius:var(--radius-full)}.leaderboard-filters{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.leaderboard-filter-group{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.leaderboard-filter-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary)}.leaderboard-filter-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.leaderboard-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.leaderboard-pill:hover{border-color:var(--color-border-hover);color:var(--color-text-primary);background:var(--color-bg-primary)}.leaderboard-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 2px 8px #2f7d4e40}.leaderboard-pill .pill-icon{font-size:14px;line-height:1}.leaderboard-pill .pill-label{line-height:1}.leaderboard-period-toggle{display:inline-flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px;gap:2px}.leaderboard-period-btn{flex:1;padding:8px 16px;font-size:13px;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.leaderboard-period-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.leaderboard-period-btn.active{background:var(--color-accent);color:#fff;box-shadow:0 1px 3px #2f7d4e33}.filter-pill{padding:var(--space-2) var(--space-3);font-size:var(--text-micro);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.filter-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}@media(max-width:600px){.leaderboard-filters{padding:var(--spacing-sm);gap:var(--spacing-sm)}.leaderboard-filter-pills{gap:4px}.leaderboard-pill{padding:6px 10px;font-size:12px}.leaderboard-pill .pill-icon{font-size:12px}.leaderboard-period-btn{padding:6px 12px;font-size:12px}.leaderboard-scope-toggle{flex-direction:column}}.leaderboard-user-rank{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#2f7d4e14,#2f7d4e0a);border:1px solid rgba(47,125,78,.15);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.user-rank-label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.user-rank-value{font-size:18px;font-weight:700;color:var(--color-accent)}.leaderboard-podium{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-3);padding:var(--space-4) 0}.podium-place{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:2px solid transparent;min-width:80px;animation:podiumRise .5s var(--ease-out-back) backwards}.podium-place.gold{order:2;border-color:gold;background:linear-gradient(135deg,#fff9e6,#fffef8);animation-delay:.2s}.podium-place.silver{order:1;border-color:silver;background:linear-gradient(135deg,#f5f5f5,#fff);animation-delay:.1s}.podium-place.bronze{order:3;border-color:#cd7f32;background:linear-gradient(135deg,#fff5eb,#fffcfa);animation-delay:.3s}@keyframes podiumRise{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.podium-rank{font-size:24px}.podium-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.podium-avatar img{width:100%;height:100%;object-fit:cover}.podium-avatar span{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-secondary)}.podium-name{font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary);text-align:center;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-score{font-size:var(--text-micro);font-weight:600;color:var(--color-accent)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-2)}.leaderboard-entry{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);animation:leaderboardSlide .25s var(--ease-out-expo) backwards}.leaderboard-entry:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.leaderboard-entry.current-user{background:var(--color-accent-subtle);border-color:var(--color-accent-light)}@keyframes leaderboardSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.rank-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:700;flex-shrink:0}.rank-badge.top-1{background:linear-gradient(135deg,gold,orange);color:#7a5c00;box-shadow:0 2px 8px #ffd70066}.rank-badge.top-2{background:linear-gradient(135deg,#e8e8e8,silver);color:#555}.rank-badge.top-3{background:linear-gradient(135deg,#f5d0a9,#cd7f32);color:#5c3d00}.rank-badge.top-10{background:var(--color-accent-light);color:var(--color-accent)}.rank-badge.standard{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.entry-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.entry-avatar img{width:100%;height:100%;object-fit:cover}.entry-avatar span{font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary)}.entry-info{flex:1;min-width:0}.entry-name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary)}.entry-name .you-badge{font-size:var(--text-micro);font-weight:600;color:var(--color-accent);background:var(--color-accent-light);padding:2px 6px;border-radius:var(--radius-sm)}.entry-stats{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-micro);color:var(--color-text-tertiary);margin-top:2px}.entry-score{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.entry-score .score-value{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary)}.entry-score .score-percentage{font-size:var(--text-micro);color:var(--color-accent);font-weight:500}.leaderboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-tertiary)}.leaderboard-friends-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.leaderboard-empty{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.leaderboard-empty-icon{font-size:48px;margin-bottom:var(--spacing-md);line-height:1}.leaderboard-empty-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.leaderboard-empty-text{font-size:14px;color:var(--color-text-tertiary);margin:0;line-height:1.5}.leaderboard-retry-btn{margin-top:var(--spacing-md);padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.leaderboard-retry-btn:hover{background:var(--color-accent-hover)}.leaderboard-empty .empty-icon{font-size:48px;margin-bottom:var(--space-3)}.leaderboard-empty h4{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.leaderboard-empty p{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:0}.leaderboard-user-position{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--color-border)}.user-position-divider{text-align:center;color:var(--color-text-tertiary);font-size:14px;margin-bottom:var(--spacing-sm)}.rank-achievement{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-accent-subtle);border-radius:var(--radius-lg);animation:rankReveal .5s var(--ease-out-back)}@keyframes rankReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rank-achievement .rank-label{font-size:var(--text-micro);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-micro)}.rank-achievement .rank-value{font-size:var(--text-title);font-weight:700;color:var(--color-accent)}.rank-achievement .rank-tier{font-size:var(--text-caption);color:var(--color-text-tertiary)}.view-leaderboard-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.view-leaderboard-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.view-leaderboard-btn .btn-icon{font-size:16px}.classroom-page{max-width:1200px;margin:0 auto;padding:var(--space-6)}.classroom-auth-prompt,.classroom-tier-prompt{text-align:center;padding:var(--space-12)}.classroom-tier-prompt .tier-prompt-icon{font-size:64px;margin-bottom:var(--space-4)}.classroom-tier-prompt h2,.classroom-auth-prompt h2{font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.classroom-tier-prompt p,.classroom-auth-prompt p{font-size:var(--text-body);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;max-width:480px;margin-left:auto;margin-right:auto}.upgrade-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-body);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.upgrade-btn.primary{background:var(--color-accent);color:#fff;border:none;box-shadow:var(--shadow-accent)}.upgrade-btn.primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-accent-lg);transform:translateY(-1px)}.classroom-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.classroom-list-header h1{font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin:0}.classroom-list-actions{display:flex;gap:var(--space-3)}.action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-caption);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.action-btn .btn-icon{font-size:16px}.action-btn.primary{background:var(--color-accent);color:#fff;border:none;box-shadow:var(--shadow-accent)}.action-btn.primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.action-btn.secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.action-btn.secondary:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.action-btn.danger{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.action-btn.danger:hover{background:var(--color-error);color:#fff}.classroom-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-tertiary)}.classroom-empty{text-align:center;padding:var(--space-12)}.classroom-empty .empty-icon{font-size:64px;margin-bottom:var(--space-4)}.classroom-empty h2{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.classroom-empty p{font-size:var(--text-body);color:var(--color-text-tertiary);margin:0 0 var(--space-6) 0;max-width:400px;margin-left:auto;margin-right:auto}.classroom-empty .empty-actions{display:flex;gap:var(--space-3);justify-content:center}.classroom-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.classroom-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-lift);animation:cardFadeUp .3s var(--ease-out-expo) backwards}.classroom-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.classroom-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.classroom-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-light);border-radius:var(--radius-md);font-size:24px}.classroom-role-tag{font-size:var(--text-micro);font-weight:600;padding:4px 8px;border-radius:var(--radius-sm)}.classroom-role-tag.teacher{background:var(--color-info-bg);color:var(--color-info)}.classroom-role-tag.student{background:var(--color-accent-light);color:var(--color-accent)}.classroom-card-name{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.classroom-card-description{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:0 0 var(--space-3) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.classroom-card-teacher{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0 0 var(--space-3) 0}.classroom-card-stats{display:flex;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.classroom-stat{display:flex;flex-direction:column;gap:2px}.classroom-stat .stat-value{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary)}.classroom-stat .stat-label{font-size:var(--text-micro);color:var(--color-text-tertiary)}.classroom-detail{animation:fadeIn .3s var(--ease-out-expo)}.classroom-detail-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.back-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-caption);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.back-btn svg{width:16px;height:16px}.classroom-detail-title{flex:1;display:flex;align-items:center;gap:var(--space-3)}.classroom-detail-title h1{font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin:0}.classroom-role-badge{font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full)}.classroom-actions{display:flex;gap:var(--space-2)}.classroom-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.classroom-tabs .tab{flex:1;padding:var(--space-3);background:none;border:none;border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.classroom-tabs .tab:hover{color:var(--color-text-primary)}.classroom-tabs .tab.active{background:var(--color-bg-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.classroom-tab-content{animation:contentFadeIn .2s var(--ease-out-expo)}.classroom-overview{display:flex;flex-direction:column;gap:var(--space-6)}.classroom-description{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body);margin:0}.classroom-join-code-section{padding:var(--space-5);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.classroom-join-code-section h3{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-1) 0}.join-code-instruction{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:0 0 var(--space-4) 0}.join-code-display{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);max-width:fit-content}.join-code-display.large .code-value{font-size:var(--text-heading);font-weight:700;font-family:var(--font-body);letter-spacing:.1em;color:var(--color-accent)}.join-code-display .copy-btn,.join-code-display .regenerate-btn{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.join-code-display .copy-btn:hover,.join-code-display .regenerate-btn:hover{background:var(--color-accent-light);border-color:var(--color-accent)}.join-code-display .copy-btn svg,.join-code-display .regenerate-btn svg{width:18px;height:18px;color:var(--color-text-secondary)}.join-code-display .copy-btn:hover svg,.join-code-display .regenerate-btn:hover svg{color:var(--color-accent)}.classroom-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4)}.stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.stat-card .stat-value{font-size:var(--text-heading);font-weight:700;color:var(--color-accent)}.stat-card .stat-label{font-size:var(--text-caption);color:var(--color-text-tertiary)}.student-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.student-roster-load-more{margin:var(--space-4) auto 0;display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--text-caption);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.student-roster-load-more:hover{border-color:var(--color-accent);color:var(--color-accent)}.student-roster-load-more:disabled{opacity:.6;cursor:not-allowed}.student-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);animation:studentCardIn .25s var(--ease-out-expo) backwards}@keyframes studentCardIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.student-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.student-avatar img{width:100%;height:100%;object-fit:cover}.student-avatar span{font-size:var(--text-body);font-weight:600;color:var(--color-text-secondary)}.student-info{flex:1;min-width:0}.student-name{display:block;font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-joined{display:block;font-size:var(--text-micro);color:var(--color-text-tertiary);margin-top:2px}.student-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.student-card:hover .student-remove-btn{opacity:1}.student-remove-btn:hover{background:var(--color-error-bg)}.student-remove-btn svg{width:14px;height:14px;color:var(--color-text-tertiary)}.student-remove-btn:hover svg{color:var(--color-error)}.roster-empty{text-align:center;padding:var(--space-8);grid-column:1 / -1}.roster-empty-icon{font-size:48px;margin-bottom:var(--space-3)}.roster-empty-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.roster-empty-text{font-size:var(--text-caption);color:var(--color-text-tertiary);margin:0}.class-analytics{display:flex;flex-direction:column;gap:var(--space-6)}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--color-text-tertiary)}.analytics-empty{text-align:center;padding:var(--space-8)}.analytics-empty-icon{font-size:48px;margin-bottom:var(--space-3)}.analytics-empty p{font-size:var(--text-body);color:var(--color-text-tertiary);margin:0}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.analytics-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.analytics-card.highlight{background:var(--color-accent-subtle);border-color:var(--color-accent-light)}.analytics-card .analytics-value{font-size:var(--text-title);font-weight:700;color:var(--color-text-primary)}.analytics-card.highlight .analytics-value{color:var(--color-accent)}.analytics-card .analytics-label{font-size:var(--text-caption);color:var(--color-text-tertiary)}.analytics-section{padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.analytics-section h4{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.mode-breakdown{display:flex;flex-direction:column;gap:var(--space-4)}.mode-item{display:flex;flex-direction:column;gap:var(--space-2)}.mode-header{display:flex;align-items:center;justify-content:space-between}.mode-name{font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary);text-transform:capitalize}.mode-score{font-size:var(--text-caption);font-weight:600;color:var(--color-accent)}.mode-bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.mode-bar-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width .5s var(--ease-out-expo)}.mode-count{font-size:var(--text-micro);color:var(--color-text-tertiary)}.activity-chart{display:flex;align-items:flex-end;justify-content:space-between;height:120px;gap:var(--space-2)}.activity-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);height:100%}.activity-bar{width:100%;max-width:40px;background:var(--color-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-1);transition:height .5s var(--ease-out-expo)}.activity-count{font-size:var(--text-micro);font-weight:600;color:#fff}.activity-day{font-size:var(--text-micro);color:var(--color-text-tertiary)}.top-performers{display:flex;flex-direction:column;gap:var(--space-2)}.performer-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.performer-rank{font-size:var(--text-body);width:28px;text-align:center}.performer-name{flex:1;font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary)}.performer-score{font-size:var(--text-caption);font-weight:600;color:var(--color-accent)}.performer-quizzes{font-size:var(--text-micro);color:var(--color-text-tertiary)}.class-leaderboard{display:flex;flex-direction:column;gap:var(--space-4)}.class-leaderboard-header{display:flex;flex-direction:column;gap:var(--space-3)}.class-leaderboard-header h4{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0}.class-leaderboard-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.class-leaderboard-loading,.class-leaderboard-empty{text-align:center;padding:var(--space-8)}.class-leaderboard-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-text-tertiary)}.class-leaderboard-empty .empty-icon{font-size:48px;margin-bottom:var(--space-3)}.class-leaderboard-empty p{font-size:var(--text-body);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.class-leaderboard-empty .empty-hint{font-size:var(--text-caption);color:var(--color-text-tertiary)}.class-leaderboard-list{display:flex;flex-direction:column;gap:var(--space-2)}.classroom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .2s ease-out;padding:var(--space-4)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.classroom-modal{background:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;max-height:90vh;overflow:hidden;animation:modalSlideUp .3s var(--ease-out-expo)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.classroom-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light)}.classroom-modal-header h2{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0}.classroom-modal-close{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-fast)}.classroom-modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.classroom-modal-close svg{width:18px;height:18px}.classroom-modal-body{padding:var(--space-5)}.classroom-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary)}.form-group input,.form-group textarea{padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{min-height:80px;resize:vertical}.form-group .helper-text{font-size:var(--text-micro);color:var(--color-text-tertiary)}.form-group.error input,.form-group.error textarea{border-color:var(--color-error)}.form-group .error-text{font-size:var(--text-micro);color:var(--color-error)}.join-code-input{text-align:center;font-size:var(--text-heading);font-weight:600;letter-spacing:.15em;text-transform:uppercase}.classroom-modal-actions{display:flex;gap:var(--space-3);padding-top:var(--space-4)}.classroom-modal-actions .action-btn{flex:1;justify-content:center}.classroom-modal-success{text-align:center;padding:var(--space-4)}.success-icon{font-size:64px;margin-bottom:var(--space-4);animation:successBounce .5s var(--ease-out-back)}@keyframes successBounce{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.classroom-modal-success h3{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.classroom-modal-success p{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0 0 var(--space-5) 0}.classroom-modal-success .success-code{padding:var(--space-4);background:var(--color-accent-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.classroom-modal-success .success-code label{display:block;font-size:var(--text-micro);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-micro);margin-bottom:var(--space-2)}.classroom-modal-success .success-code .code-display{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.classroom-modal-success .success-code .code-value{font-size:var(--text-heading);font-weight:700;color:var(--color-accent);letter-spacing:.1em}.classroom-modal-success .success-code .copy-btn{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.classroom-modal-success .success-code .copy-btn:hover{border-color:var(--color-accent);background:#fff}.classroom-modal-success .success-code .copy-btn svg{width:18px;height:18px;color:var(--color-text-secondary)}.loading-spinner-small{width:var(--spinner-sm);height:var(--spinner-sm);border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.assignment-list{display:flex;flex-direction:column;gap:var(--space-5)}.assignment-list-header{display:flex;justify-content:space-between;align-items:center}.assignment-list-header h2{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0}.assignment-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-secondary)}.assignment-list-empty{text-align:center;padding:var(--space-8)}.assignment-list-empty .empty-icon{font-size:48px;margin-bottom:var(--space-4)}.assignment-list-empty h3{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.assignment-list-empty p{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.assignment-section{display:flex;flex-direction:column;gap:var(--space-4)}.assignment-section .section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-micro);margin:0}.assignment-section .section-icon{font-size:var(--text-body)}.assignment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.assignment-card-wrapper{position:relative}.assignment-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);animation:cardFadeIn .3s var(--ease-out-expo) both}.assignment-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.assignment-card.completed{background:var(--color-success-subtle);border-color:var(--color-success)}.assignment-card.overdue{background:var(--color-error-subtle);border-color:var(--color-error)}.assignment-card-header{display:flex;align-items:center;gap:var(--space-2)}.assignment-type-icon{font-size:var(--text-body)}.assignment-type-label{font-size:var(--text-micro);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-micro)}.assignment-status-badge{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;padding:var(--space-1) var(--space-2);font-size:var(--text-micro);font-weight:600;border-radius:var(--radius-full)}.assignment-status-badge.completed{background:var(--color-success);color:#fff}.assignment-status-badge.completed svg{width:12px;height:12px}.assignment-status-badge.overdue{background:var(--color-error);color:#fff}.assignment-card-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3}.assignment-card-description{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.assignment-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.assignment-due-date,.assignment-submissions-count{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-micro);color:var(--color-text-tertiary)}.assignment-due-date svg,.assignment-submissions-count svg{width:14px;height:14px}.assignment-due-date.urgent{color:var(--color-error);font-weight:600}.assignment-score{font-size:var(--text-caption);font-weight:700;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.assignment-score.good{background:var(--color-success-subtle);color:var(--color-success)}.assignment-score.okay{background:var(--color-warning-subtle);color:var(--color-warning)}.assignment-score.needs-work{background:var(--color-error-subtle);color:var(--color-error)}.assignment-delete-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.assignment-card-wrapper:hover .assignment-delete-btn{opacity:1}.assignment-delete-btn:hover{background:var(--color-error-subtle);border-color:var(--color-error)}.assignment-delete-btn svg{width:16px;height:16px;color:var(--color-text-secondary)}.assignment-delete-btn:hover svg{color:var(--color-error)}.assignment-delete-confirm{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:#fffffff2;border-radius:var(--radius-lg);padding:var(--space-4);animation:fadeIn .2s var(--ease-out-expo)}.assignment-delete-confirm p{font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary);margin:0}.assignment-delete-confirm .confirm-actions{display:flex;gap:var(--space-2)}.assignment-delete-confirm .action-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-micro)}.assignment-creator-overlay{z-index:1001}.assignment-creator-modal{max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.assignment-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.assignment-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.type-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.type-option:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.type-option.active{background:var(--color-accent-subtle);border-color:var(--color-accent)}.type-icon{font-size:24px}.type-label{font-size:var(--text-micro);font-weight:600;color:var(--color-text-secondary)}.type-option.active .type-label{color:var(--color-accent)}.quiz-mode-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.mode-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.mode-option:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.mode-option.active{background:var(--color-accent-subtle);border-color:var(--color-accent)}.mode-emoji{font-size:var(--text-body)}.mode-label{font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary)}.mode-option.active .mode-label{color:var(--color-accent)}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-error-subtle);border-radius:var(--radius-md);font-size:var(--text-caption);color:var(--color-error)}.form-error svg{width:18px;height:18px;flex-shrink:0}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.student-report-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1002;padding:var(--space-4);animation:fadeIn .2s var(--ease-out-expo)}.student-report-content{background:var(--color-bg-secondary);border-radius:var(--radius-xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s var(--ease-out-expo)}.student-report-loading,.student-report-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-secondary)}.student-report-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.student-report-profile{display:flex;align-items:center;gap:var(--space-4)}.student-avatar-lg{width:56px;height:56px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-subhead);font-weight:700}.student-report-name h2{font-size:var(--text-subhead);font-weight:600;margin:0 0 var(--space-1) 0}.student-report-level{font-size:var(--text-caption);color:var(--color-text-secondary)}.student-report-actions{display:flex;gap:var(--space-2)}.student-report-actions .action-btn{padding:var(--space-2)}.student-report-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-tertiary)}.summary-stat{text-align:center}.summary-stat.highlight{background:var(--color-accent-subtle);margin:calc(var(--space-2) * -1);padding:var(--space-2);border-radius:var(--radius-md)}.summary-value{display:block;font-size:var(--text-subhead);font-weight:700;color:var(--color-text-primary)}.summary-stat.highlight .summary-value{color:var(--color-accent)}.summary-label{display:block;font-size:var(--text-micro);color:var(--color-text-tertiary);margin-top:var(--space-1)}.student-report-section{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.student-report-section h3{font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-micro);margin:0 0 var(--space-4) 0}.weekly-activity-chart{display:flex;justify-content:space-between;align-items:flex-end;height:120px;gap:var(--space-2)}.weekly-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);height:100%}.weekly-bar{width:100%;max-width:40px;background:var(--color-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-1);transition:height .3s var(--ease-out-expo)}.weekly-count{font-size:var(--text-micro);font-weight:600;color:#fff}.weekly-day{font-size:var(--text-micro);color:var(--color-text-tertiary)}.mode-performance-list{display:flex;flex-direction:column;gap:var(--space-3)}.mode-performance-item{display:flex;flex-direction:column;gap:var(--space-1)}.mode-performance-header{display:flex;justify-content:space-between;align-items:center}.mode-performance-name{font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary)}.mode-performance-score{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary)}.mode-performance-bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.mode-performance-fill{height:100%;border-radius:var(--radius-full);transition:width .5s var(--ease-out-expo)}.mode-performance-count{font-size:var(--text-micro);color:var(--color-text-tertiary)}.quiz-history-list{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.quiz-history-info{display:flex;flex-direction:column;gap:var(--space-1)}.quiz-history-mode{font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary)}.quiz-history-date{font-size:var(--text-micro);color:var(--color-text-tertiary)}.quiz-history-result{display:flex;align-items:center;gap:var(--space-2)}.quiz-history-score{font-size:var(--text-caption);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.quiz-history-score.good{background:var(--color-success-subtle);color:var(--color-success)}.quiz-history-score.okay{background:var(--color-warning-subtle);color:var(--color-warning)}.quiz-history-score.poor{background:var(--color-error-subtle);color:var(--color-error)}.quiz-history-detail{font-size:var(--text-micro);color:var(--color-text-tertiary)}.student-report-empty{text-align:center;padding:var(--space-8) var(--space-5)}.student-report-empty .empty-icon{font-size:48px;margin-bottom:var(--space-4)}.student-report-empty p{font-size:var(--text-body);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.student-report-empty span{font-size:var(--text-caption);color:var(--color-text-secondary)}.class-overview{display:flex;flex-direction:column;gap:var(--space-5)}.class-overview-loading,.class-overview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-secondary)}.class-health-banner{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md)}.health-status{display:flex;align-items:center;gap:var(--space-2)}.health-indicator{width:10px;height:10px;border-radius:50%}.health-message{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.health-details{font-size:var(--text-caption);color:var(--color-text-secondary)}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.metric-card{text-align:center;padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.metric-card.primary{background:var(--color-accent-subtle);border-color:var(--color-accent)}.metric-value{display:block;font-size:var(--text-heading);font-weight:700;color:var(--color-text-primary)}.metric-card.primary .metric-value{color:var(--color-accent)}.metric-label{display:block;font-size:var(--text-micro);color:var(--color-text-tertiary);margin-top:var(--space-1)}.overview-section{padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.overview-section.attention{border-color:var(--color-error);background:var(--color-error-subtle)}.overview-section h3{font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-micro);margin:0 0 var(--space-4) 0}.weekly-trend-chart{display:flex;justify-content:space-between;align-items:flex-end;height:100px;gap:var(--space-2)}.trend-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);height:100%}.trend-bar{width:100%;max-width:40px;background:var(--color-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-1)}.trend-count{font-size:var(--text-micro);font-weight:600;color:#fff}.trend-day{font-size:var(--text-micro);color:var(--color-text-tertiary)}.skill-progress-list{display:flex;flex-direction:column;gap:var(--space-3)}.skill-progress-item{display:flex;flex-direction:column;gap:var(--space-1)}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary)}.skill-accuracy{font-size:var(--text-caption);font-weight:600}.skill-bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.skill-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s var(--ease-out-expo)}.skill-students{font-size:var(--text-micro);color:var(--color-text-tertiary)}.overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.performer-list,.struggling-list{display:flex;flex-direction:column;gap:var(--space-2)}.performer-item,.struggling-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.performer-rank{width:28px;text-align:center;font-size:var(--text-body)}.performer-name,.struggling-name{flex:1;font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary)}.performer-score,.struggling-score{font-size:var(--text-caption);font-weight:600}.performer-score{color:var(--color-success)}.struggling-score{color:var(--color-error)}.overview-empty-state{text-align:center;padding:var(--space-8)}.overview-empty-state .empty-icon{font-size:48px;margin-bottom:var(--space-4)}.overview-empty-state h3{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.overview-empty-state p{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0}@media(max-width:768px){.student-report-summary{grid-template-columns:repeat(3,1fr)}.overview-metrics{grid-template-columns:repeat(2,1fr)}.overview-columns{grid-template-columns:1fr}}@media print{.student-report-modal{position:static;background:none;padding:0}.student-report-actions{display:none}.student-report-content{max-width:none;max-height:none;box-shadow:none}}@media(max-width:768px){.classroom-page{padding:var(--space-4)}.classroom-list-header{flex-direction:column;gap:var(--space-3);align-items:stretch}.classroom-list-actions{flex-direction:column}.classroom-grid{grid-template-columns:1fr}.classroom-detail-header{flex-wrap:wrap}.classroom-detail-title{order:3;flex-basis:100%;margin-top:var(--space-3)}.classroom-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.classroom-tabs .tab{white-space:nowrap;flex:none;padding:var(--space-3) var(--space-4)}.analytics-summary{grid-template-columns:repeat(2,1fr)}.student-roster{grid-template-columns:1fr}.leaderboard-podium{gap:var(--space-2)}.podium-place{min-width:70px;padding:var(--space-2)}.podium-avatar{width:40px;height:40px}}@media(max-width:480px){.join-code-display.large .code-value{font-size:var(--text-subhead)}.classroom-modal{max-width:100%;margin:var(--space-2);border-radius:var(--radius-lg)}.leaderboard-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2)}.filter-pill{flex-shrink:0}}.map-attribution-footer{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);padding:var(--space-4) var(--space-4) var(--space-2);z-index:10;pointer-events:none}.map-attribution-footer .attribution-text{font-size:var(--text-micro);color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:auto}.map-attribution-footer a{color:#fffffff2;text-decoration:underline;text-underline-offset:2px}.map-attribution-footer a:hover{color:#fff}.data-sources-page{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-6)}.ds-hero{text-align:center;margin-bottom:var(--space-10)}.ds-hero-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent-subtle) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.ds-hero-icon svg{width:32px;height:32px}.ds-hero h1{font-family:var(--font-display);font-size:var(--text-title);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:var(--tracking-title)}.ds-hero-subtitle{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body);max-width:540px;margin:0 auto}.ds-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--gradient-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-10)}.ds-stat{text-align:center}.ds-stat-value{display:block;font-family:var(--font-display);font-size:var(--text-heading);font-weight:700;color:var(--color-accent);letter-spacing:-.02em}.ds-stat-label{display:block;font-size:var(--text-micro);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.ds-commitment{margin-bottom:var(--space-10)}.ds-commitment h2{font-family:var(--font-display);font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-5);text-align:center}.ds-commitment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.ds-commitment-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);position:relative}.ds-commitment-number{position:absolute;top:var(--space-4);right:var(--space-4);width:28px;height:28px;background:var(--color-accent-subtle);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-caption);font-weight:700;color:var(--color-accent)}.ds-commitment-card h3{font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2);padding-right:var(--space-8)}.ds-commitment-card p{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:var(--leading-body);margin:0}.ds-sources-section{margin-bottom:var(--space-10)}.ds-sources-section h2{font-family:var(--font-display);font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.ds-sources-intro{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.ds-sources-list{display:flex;flex-direction:column;gap:var(--space-3)}.ds-collapsible{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.ds-collapsible-header{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);background:transparent;border:none;cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--ease-in-out)}.ds-collapsible-header:hover{background:var(--color-bg-tertiary)}.ds-collapsible-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-collapsible-icon svg{width:20px;height:20px}.ds-collapsible-title{flex:1;font-family:var(--font-display);font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary)}.ds-collapsible-chevron{width:20px;height:20px;color:var(--color-text-muted);transition:transform var(--duration-normal) var(--ease-spring)}.ds-collapsible-chevron.open{transform:rotate(180deg)}.ds-collapsible-chevron svg{width:20px;height:20px}.ds-collapsible-content{display:none;padding:0 var(--space-5) var(--space-5)}.ds-collapsible.open .ds-collapsible-content{display:block}.ds-source-cards{display:flex;flex-direction:column;gap:var(--space-4)}.ds-source-card{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-5)}.ds-source-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.ds-source-card-header h4{font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0}.ds-reliability-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:500}.ds-reliability-icon{width:12px;height:12px}.ds-reliability-icon svg{width:12px;height:12px}.reliability-high{background:var(--color-success-bg);color:var(--color-success-dark)}.reliability-medium{background:var(--color-warning-bg);color:var(--color-warning-dark)}.reliability-low{background:var(--color-error-bg);color:var(--color-error-dark)}.ds-source-description{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:var(--leading-body);margin-bottom:var(--space-3)}.ds-source-data-types{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.ds-data-type-tag{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--text-micro);color:var(--color-text-tertiary)}.ds-source-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.ds-source-meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.ds-meta-label{font-size:var(--text-micro);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.ds-meta-value{font-size:var(--text-caption);color:var(--color-text-primary);font-weight:500}.ds-meta-link{font-size:var(--text-caption);color:var(--color-accent);text-decoration:none;font-weight:500}.ds-meta-link:hover{text-decoration:underline}.ds-source-note{font-size:var(--text-micro);color:var(--color-text-tertiary);font-style:italic;padding:var(--space-2) var(--space-3);background:var(--color-warning-bg);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.ds-source-note strong{font-style:normal;color:var(--color-text-secondary)}.ds-source-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-accent-subtle);border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--color-accent);text-decoration:none;font-weight:500;transition:background-color var(--duration-fast) var(--ease-in-out)}.ds-source-link:hover{background:var(--color-accent-light)}.ds-link-icon{width:14px;height:14px}.ds-link-icon svg{width:14px;height:14px}.ds-freshness-section{margin-bottom:var(--space-10)}.ds-freshness-section h2{font-family:var(--font-display);font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.ds-freshness-intro{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.ds-freshness-timeline{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.ds-freshness-item{display:flex;align-items:flex-start;gap:var(--space-4)}.ds-freshness-indicator{width:12px;height:12px;border-radius:var(--radius-full);margin-top:4px;flex-shrink:0;position:relative}.ds-freshness-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:var(--radius-full);opacity:.2}.ds-freshness-indicator.continuous{background:var(--color-success)}.ds-freshness-indicator.continuous:after{background:var(--color-success);animation:pulse 2s ease-in-out infinite}.ds-freshness-indicator.weekly{background:var(--color-info)}.ds-freshness-indicator.weekly:after{background:var(--color-info)}.ds-freshness-indicator.monthly{background:var(--color-warning)}.ds-freshness-indicator.monthly:after{background:var(--color-warning)}.ds-freshness-indicator.annual{background:var(--color-text-muted)}.ds-freshness-indicator.annual:after{background:var(--color-text-muted)}.ds-freshness-content h4{font-family:var(--font-display);font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.ds-freshness-content p{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0}.ds-licenses-section{margin-bottom:var(--space-10)}.ds-licenses-section h2{font-family:var(--font-display);font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-5)}.ds-licenses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.ds-license-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.ds-license-icon{width:48px;height:48px;margin:0 auto var(--space-3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-caption);font-weight:700;color:#fff}.ds-license-icon.public-domain{background:linear-gradient(135deg,#6b7280,#4b5563)}.ds-license-icon.cc-by{background:linear-gradient(135deg,#f59e0b,#d97706)}.ds-license-icon.odbl{background:linear-gradient(135deg,#2f7d4e,#1e5835)}.ds-license-icon.commercial{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ds-license-card h4{font-family:var(--font-display);font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.ds-license-card p{font-size:var(--text-micro);color:var(--color-text-secondary);line-height:var(--leading-caption);margin-bottom:var(--space-2)}.ds-license-note{display:block;font-size:var(--text-micro);color:var(--color-text-muted);font-style:italic}.ds-report-section{margin-bottom:var(--space-10)}.ds-report-card{display:flex;gap:var(--space-6);padding:var(--space-6);background:linear-gradient(135deg,var(--color-accent-subtle) 0%,var(--color-bg-secondary) 100%);border:1px solid var(--color-accent-light);border-radius:var(--radius-xl)}.ds-report-icon{width:56px;height:56px;background:var(--color-accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ds-report-icon svg{width:28px;height:28px}.ds-report-content{flex:1}.ds-report-content h2{font-family:var(--font-display);font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.ds-report-content>p{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.ds-report-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.ds-report-option{padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.ds-report-option h4{font-family:var(--font-display);font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.ds-report-option p{font-size:var(--text-micro);color:var(--color-text-secondary);line-height:var(--leading-body);margin:0}.ds-report-option a{color:var(--color-accent);text-decoration:none;font-weight:500}.ds-report-option a:hover{text-decoration:underline}.ds-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:center}.ds-footer p{font-size:var(--text-caption);color:var(--color-text-muted);margin-bottom:var(--space-2)}.ds-footer a{color:var(--color-accent);text-decoration:none}.ds-footer a:hover{text-decoration:underline}.ds-footer-updated{font-size:var(--text-micro);color:var(--color-text-muted);font-style:italic}@media(max-width:768px){.data-sources-page{padding:var(--space-5) var(--space-4)}.ds-hero-icon{width:56px;height:56px}.ds-hero-icon svg{width:28px;height:28px}.ds-stats-bar{grid-template-columns:repeat(2,1fr);padding:var(--space-4);gap:var(--space-3)}.ds-stat-value{font-size:var(--text-subhead)}.ds-commitment-grid{grid-template-columns:1fr}.ds-licenses-grid{grid-template-columns:repeat(2,1fr)}.ds-report-card{flex-direction:column;align-items:center;text-align:center}.ds-report-options,.ds-source-meta{grid-template-columns:1fr}.ds-source-card-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.ds-stats-bar{grid-template-columns:1fr 1fr}.ds-licenses-grid{grid-template-columns:1fr}}.upgrade-prompt-panel{text-align:center;padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border);max-width:480px;margin:var(--space-6) auto}.upgrade-prompt-icon{font-size:48px;margin-bottom:var(--space-3)}.upgrade-prompt-panel h3{font-family:var(--font-display);font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.upgrade-prompt-intro{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body);margin-bottom:var(--space-4)}.upgrade-prompt-panel p{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body);margin-bottom:var(--space-3)}.upgrade-prompt-benefits{font-size:var(--text-caption);color:var(--color-text-tertiary)}.feature-comparison{text-align:left;margin:var(--space-4) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.feature-comparison-header{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;background:var(--color-bg-tertiary);padding:var(--space-2) var(--space-3);font-size:var(--text-micro);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary)}.feature-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-caption);align-items:center}.feature-row:nth-child(2n){background:var(--color-bg-primary)}.feature-row .feature-name{color:var(--color-text-primary)}.feature-row .plan-free,.feature-row .plan-pro,.feature-row .plan-edu{text-align:center;color:var(--color-text-secondary)}.feature-row .highlight{color:var(--color-success);font-weight:600}.feature-comparison-header .plan-pro{color:var(--color-accent)}.feature-comparison-header .plan-edu{color:var(--color-info)}.upgrade-prompt-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.upgrade-prompt-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.upgrade-prompt-btn.primary{background:var(--color-accent);color:#fff;border:none}.upgrade-prompt-btn.primary:hover{background:var(--color-accent-hover)}.upgrade-prompt-btn.secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.upgrade-prompt-btn.secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.mode-card.locked{opacity:.85;position:relative}.mode-card.locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px);pointer-events:none;border-radius:inherit}.mode-card.locked .mode-card-name{color:var(--color-text-secondary)}.mode-card-badge.pro-locked{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:var(--text-micro);padding:2px 8px;border-radius:var(--radius-sm)}.mode-card-badge.pro-unlocked{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;font-size:var(--text-micro);padding:2px 8px;border-radius:var(--radius-sm)}.insight-sources-link{margin-top:var(--space-3);border-top:1px solid var(--color-border-light);padding-top:var(--space-3)}.sources-link-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sources-link-btn:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.sources-icon{font-size:14px}.sources-text{flex:1;text-align:left}.sources-arrow{font-size:14px;opacity:.6}.layer-empty-hint{display:block;margin-top:var(--space-1);font-size:var(--text-micro);color:var(--color-text-muted);font-style:italic}.upgrade-prompt-inline,.hl-upgrade-prompt,.results-upgrade-prompt{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:linear-gradient(135deg,#f59e0b14,#eab3080a);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);margin-top:var(--space-4)}.upgrade-prompt-content{display:flex;align-items:flex-start;gap:var(--space-2)}.upgrade-text-content{display:flex;flex-direction:column;gap:var(--space-1)}.hl-upgrade-prompt .upgrade-icon,.results-upgrade-prompt .upgrade-icon{font-size:20px;flex-shrink:0}.hl-upgrade-prompt .upgrade-text,.results-upgrade-prompt .upgrade-text{font-size:var(--text-caption);color:var(--color-text-primary);font-weight:500}.hl-upgrade-prompt .upgrade-benefits,.results-upgrade-prompt .upgrade-benefits{font-size:var(--text-micro);color:var(--color-text-tertiary)}.hl-upgrade-prompt .upgrade-prompt-btn,.results-upgrade-prompt .upgrade-prompt-btn{padding:var(--space-2) var(--space-3);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:600;cursor:pointer;align-self:flex-start;transition:background var(--transition-fast)}.hl-upgrade-prompt .upgrade-prompt-btn:hover,.results-upgrade-prompt .upgrade-prompt-btn:hover{background:var(--color-accent-hover)}.results-rank-display{padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin:var(--space-4) 0;text-align:center}.results-rank-display.prominent{background:linear-gradient(135deg,#2f7d4e14,#22c55e0a);border-color:#2f7d4e40}.results-rank-display.new-best{background:linear-gradient(135deg,#eab3081a,#f59e0b0d);border-color:#eab3084d}.results-rank-display .rank-celebration{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3);animation:celebrationPulse 1s ease-in-out infinite}.results-rank-display .celebration-sparkle{font-size:20px}.results-rank-display .celebration-text{font-size:var(--text-body);font-weight:700;color:var(--color-warning)}.results-rank-display .rank-badge-large{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.results-rank-display .rank-trophy{font-size:40px}.results-rank-display .rank-value-large{font-family:var(--font-display);font-size:var(--text-title);font-weight:700;color:var(--color-accent)}.results-rank-display .rank-label-large{font-size:var(--text-caption);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.results-rank-display .rank-challenge-btn{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.results-rank-display .rank-challenge-btn:hover{background:var(--color-accent);color:#fff}.results-upgrade-prompt.prominent{padding:var(--space-5);text-align:center;flex-direction:column;align-items:center}.results-upgrade-prompt .upgrade-teaser{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.results-upgrade-prompt .upgrade-icon-large{font-size:48px}.results-upgrade-prompt .upgrade-teaser-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.results-upgrade-prompt .upgrade-teaser-title{font-size:var(--text-subhead);font-weight:700;color:var(--color-text-primary)}.results-upgrade-prompt .upgrade-teaser-text{font-size:var(--text-caption);color:var(--color-text-secondary)}.results-upgrade-prompt .upgrade-teaser-btn{margin-top:var(--space-3);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-accent),#34d399);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #2f7d4e40}.results-upgrade-prompt .upgrade-teaser-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2f7d4e59}.classroom-tier-prompt .tier-prompt-body{font-size:var(--text-body);color:var(--color-text-primary);margin-bottom:var(--space-2)}.classroom-tier-prompt .tier-prompt-benefits{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.insight-report-issue{margin-top:var(--space-2)}.report-issue-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--color-text-secondary);text-decoration:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.report-issue-btn:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.report-icon{font-size:14px}.report-text{flex:1;text-align:left}.report-arrow{font-size:14px;opacity:.6}.insight-sources-link+.insight-report-issue{margin-top:var(--space-2)}.sidebar-welcome-tip{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--gradient-card);border:1px solid var(--color-accent-light);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);animation:sectionDiscover var(--duration-slow) var(--ease-out-expo)}.welcome-tip-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-light);border-radius:var(--radius-full);color:var(--color-accent);font-size:var(--text-caption);flex-shrink:0}.welcome-tip-text{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.welcome-tip-text strong{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary)}.welcome-tip-text span{font-size:var(--text-micro);color:var(--color-text-secondary)}.welcome-tip-dismiss{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);font-size:14px;color:var(--color-text-muted);cursor:pointer;line-height:1;transition:background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out)}.welcome-tip-dismiss:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}@media(max-width:768px){.sidebar-welcome-tip{padding:var(--space-2);margin-bottom:var(--space-2)}.welcome-tip-icon{font-size:16px}.welcome-tip-text strong{font-size:var(--text-micro)}}.map-error-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-tertiary);z-index:100;text-align:center;padding:var(--space-6)}.map-error-icon{font-size:48px;margin-bottom:var(--space-4)}.map-error-fallback h3{font-family:var(--font-display);font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.map-error-fallback p{font-size:var(--text-caption);color:var(--color-text-secondary);margin-bottom:var(--space-4);max-width:280px}.map-error-reload-btn{padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-caption);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.map-error-reload-btn:hover{background:var(--color-accent-hover)}.insight-confidence-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.data-confidence-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-micro);font-weight:500;transition:all var(--transition-fast)}.data-confidence-badge.small{padding:2px var(--space-1);font-size:10px}.data-confidence-badge.high{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.data-confidence-badge.medium{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.data-confidence-badge.low{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.confidence-icon{font-weight:700;line-height:1}.confidence-label{white-space:nowrap}.insight-takeaway{background:#2f7d4e14;border-left:3px solid var(--color-success);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3);margin-bottom:var(--space-3)}.takeaway-label{display:block;font-size:var(--text-micro);font-weight:600;color:var(--color-success);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.takeaway-text{font-size:var(--text-body);color:var(--color-text-primary);line-height:1.5;margin:0}.insight-learn-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 0;background:transparent;border:none;font-size:var(--text-caption);font-weight:500;color:var(--color-accent);cursor:pointer;transition:all .15s ease;margin-bottom:var(--space-2)}.insight-learn-toggle:hover{color:var(--color-accent-hover)}.insight-learn-toggle:hover .toggle-text{text-decoration:underline;text-underline-offset:2px}.insight-learn-toggle .toggle-icon{font-size:8px;transition:transform .2s ease}.insight-learn-toggle[aria-expanded=true] .toggle-icon{transform:rotate(90deg)}.insight-learn-toggle .toggle-text{font-weight:500}.insight-details{padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-3);animation:expandDown .2s ease-out}.insight-details p{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.6;margin:0}.insight-why{--why-color: #60a5fa;background:color-mix(in srgb,var(--why-color) 12%,transparent);border-left:3px solid var(--why-color);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3);margin-bottom:var(--space-3)}.insight-why--historical{--why-color: #b45309}.insight-why--economic{--why-color: #047857}.insight-why--cultural{--why-color: #7c3aed}.insight-why--geographic{--why-color: #0369a1}.insight-why--political{--why-color: #dc2626}.insight-why--scientific{--why-color: #0891b2}.insight-why--demographic{--why-color: #4f46e5}.why-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.why-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-micro);font-weight:600;color:var(--why-color);text-transform:uppercase;letter-spacing:.05em}.why-icon{font-size:14px}.why-tag{font-size:10px;font-weight:500;padding:2px 8px;border-radius:4px;background:color-mix(in srgb,var(--why-color) 20%,transparent);color:var(--why-color);white-space:nowrap}.insight-why--historical{background:#b453091f}.insight-why--economic{background:#0478571f}.insight-why--cultural{background:#7c3aed1f}.insight-why--geographic{background:#0369a11f}.insight-why--political{background:#dc26261f}.insight-why--scientific{background:#0891b21f}.insight-why--demographic{background:#4f46e51f}.why-text{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.5;margin:0}.citation-compact{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-micro);color:var(--color-text-tertiary);padding:var(--space-1) 0}.citation-compact .citation-label{color:var(--color-text-tertiary)}.citation-compact a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.citation-compact a:hover{color:var(--color-accent);text-decoration:underline}.feedback-why-matters{background:linear-gradient(135deg,#3b82f614,#6366f10a);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-3);border:1px solid rgba(59,130,246,.2)}.feedback-why-matters .why-matters-label{display:block;font-size:var(--text-micro);font-weight:600;color:var(--color-info);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.feedback-why-matters .why-matters-text{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.5;margin:0}.feedback-misconception{background:linear-gradient(135deg,#f59e0b14,#d977060a);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-2);border:1px solid rgba(245,158,11,.2)}.feedback-misconception .misconception-label{display:block;font-size:var(--text-micro);font-weight:600;color:var(--color-warning);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.feedback-misconception .misconception-text{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.5;margin:0}.feedback-learning{background:#9ca3af1a;border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-3);border:1px solid var(--color-border)}.feedback-learning .learning-label{display:block;font-size:var(--text-micro);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.feedback-learning .learning-list{margin:0;padding-left:var(--space-4);list-style-type:disc}.feedback-learning .learning-list li{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-1)}.feedback-learning .learning-list li:last-child{margin-bottom:0}.results-celebration{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;z-index:100;animation:celebrationFadeIn .3s ease-out}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}.celebration-particles{position:relative;width:200px;height:200px}.celebration-particles .particle{position:absolute;font-size:32px;animation:particleFloat 2s ease-out infinite}.particle.p1{top:0;left:50%;animation-delay:0s}.particle.p2{top:20%;right:0;animation-delay:.2s}.particle.p3{bottom:20%;right:10%;animation-delay:.4s}.particle.p4{bottom:0;left:50%;animation-delay:.6s}.particle.p5{top:20%;left:0;animation-delay:.8s}.particle.p6{bottom:20%;left:10%;animation-delay:1s}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-20px) scale(1.2);opacity:.8}}.celebration-message{font-size:var(--text-title);font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:celebrationPulse 1s ease-in-out infinite}@keyframes celebrationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.results-breakdown{margin:var(--space-4) 0;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);opacity:0;transform:translateY(10px);transition:opacity .3s ease-out,transform .3s ease-out}.results-breakdown.visible{opacity:1;transform:translateY(0)}.breakdown-title{font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3)}.breakdown-bars{display:flex;flex-direction:column;gap:var(--space-3)}.breakdown-item{display:flex;flex-direction:column;gap:var(--space-1)}.breakdown-header{display:flex;justify-content:space-between;align-items:center}.breakdown-category{font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary)}.breakdown-stats{font-size:var(--text-micro);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.breakdown-bar{height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.breakdown-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.breakdown-fill.excellent{background:linear-gradient(90deg,var(--color-success),#34d399)}.breakdown-fill.good{background:linear-gradient(90deg,var(--color-warning),#fbbf24)}.breakdown-fill.needs-work{background:linear-gradient(90deg,var(--color-error),#f87171)}.results-weak-topics{display:flex;align-items:flex-start;gap:var(--space-3);background:linear-gradient(135deg,#f59e0b1a,#eab3080d);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;animation:fadeIn .3s ease-out .5s both}.results-weak-topics .weak-topics-icon{font-size:24px;flex-shrink:0}.results-weak-topics .weak-topics-content{flex:1}.results-weak-topics .weak-topics-title{display:block;font-size:var(--text-caption);font-weight:600;color:var(--color-warning);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.results-weak-topics p{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.5;margin:0}.results-encouragement{display:flex;align-items:flex-start;gap:var(--space-3);background:linear-gradient(135deg,#3b82f61a,#6366f10d);border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;animation:fadeIn .3s ease-out .6s both}.results-encouragement .encouragement-icon{font-size:24px;flex-shrink:0}.results-encouragement .encouragement-content{flex:1}.results-encouragement .encouragement-title{display:block;font-size:var(--text-caption);font-weight:600;color:var(--color-info);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.results-encouragement p{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.5;margin:0}@media(max-width:480px){.results-encouragement{padding:var(--space-3)}.results-encouragement .encouragement-icon{font-size:20px}.results-encouragement p{font-size:var(--text-micro)}}.results-learning{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;animation:fadeIn .3s ease-out .8s both}.results-learning .learning-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.results-learning .learning-icon{font-size:18px}.results-learning .learning-facts{margin:0 0 var(--space-3) 0;padding-left:var(--space-4);list-style-type:none}.results-learning .learning-facts li{position:relative;font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-2);padding-left:var(--space-2)}.results-learning .learning-facts li:before{content:"✓";position:absolute;left:calc(-1 * var(--space-4));color:var(--color-success);font-weight:700}.results-learning .learning-facts li:last-child{margin-bottom:0}.results-learning .learning-citation{padding-top:var(--space-2);border-top:1px solid rgba(251,191,36,.2)}.learn-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;padding:20px;background:linear-gradient(135deg,#2f7d4e14,#2f7d4e05 60%,#60a5fa0f);border:1px solid var(--color-border-light);border-radius:16px}.learn-hero-copy h2{margin:8px 0 10px;font-size:24px;font-weight:700;color:var(--color-text-primary)}.learn-hero-copy p{margin:0 0 12px;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.learn-hero-kicker{display:inline-flex;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-tertiary)}.learn-hero-chips{display:flex;flex-wrap:wrap;gap:8px}.learn-chip{padding:4px 10px;border-radius:999px;background:var(--color-bg-primary);border:1px solid var(--color-border);font-size:11px;color:var(--color-text-secondary)}.learn-hero-metrics{display:grid;gap:10px}.learn-metric-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;text-align:left}.metric-value{font-size:18px;font-weight:700;color:var(--color-accent)}.metric-label{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em}.learn-loop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.learn-loop-step{display:flex;gap:10px;padding:12px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-secondary)}.learn-loop-step h3{margin:0 0 4px;font-size:13px;color:var(--color-text-primary)}.learn-loop-step p{margin:0;font-size:12px;color:var(--color-text-secondary);line-height:1.5}.loop-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#2f7d4e1f;color:var(--color-accent);font-size:12px;font-weight:700;flex-shrink:0}.learn-review{margin-top:16px;padding:16px;border-radius:14px;border:1px solid rgba(59,130,246,.25);background:linear-gradient(135deg,#3b82f614,#2f7d4e08);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;align-items:center}.learn-review-copy h3{margin:6px 0;font-size:15px;color:var(--color-text-primary)}.learn-review-copy p{margin:0 0 12px;font-size:12px;color:var(--color-text-secondary);line-height:1.6}.review-label{display:inline-flex;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-tertiary)}.review-metrics{display:flex;gap:12px}.review-metric{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:4px;min-width:90px}.review-metric-value{font-size:16px;font-weight:700;color:var(--color-accent)}.review-metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.learn-review-actions{display:flex;flex-direction:column;gap:8px}.review-btn{padding:10px 12px;border-radius:10px;border:1px solid var(--color-border);font-size:12px;cursor:pointer;background:var(--color-bg-primary);color:var(--color-text-primary);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.review-btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.review-btn.secondary:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.review-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.learn-recommended{margin-top:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,#2f7d4e0f,#22c55e08);border:1px solid rgba(47,125,78,.15);border-radius:var(--radius-lg)}.recommended-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.recommended-header .recommended-icon{font-size:20px}.recommended-header h3{margin:0;font-size:var(--text-body);font-weight:600;color:var(--color-accent)}.recommended-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.recommended-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.recommended-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #2f7d4e26}.recommended-card.featured{border-color:var(--color-accent);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,rgba(47,125,78,.05) 100%)}.recommended-badge{font-size:var(--text-micro);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em}.recommended-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.recommended-reason{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.4}@media(max-width:480px){.recommended-grid{grid-template-columns:1fr}}.learn-quickstart{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.learn-quickstart h3{margin:0 0 8px;font-size:13px;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.08em}.learn-quickstart ol{margin:0;padding-left:18px;color:var(--color-text-secondary);font-size:12px;line-height:1.6}.learn-paths{margin-top:18px;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px}.learn-paths-header h3{margin:0 0 6px;font-size:14px;color:var(--color-text-primary)}.learn-paths-header p{margin:0 0 12px;font-size:12px;color:var(--color-text-secondary)}.learn-paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.learn-path-card{padding:12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;gap:8px}.learn-path-card.active{border-color:#2f7d4e66;box-shadow:var(--shadow-xs)}.learn-path-card.complete{opacity:.8}.path-card-top{display:flex;flex-direction:column;gap:2px}.path-name{font-size:13px;font-weight:600;color:var(--color-text-primary)}.path-audience{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.learn-path-card p{margin:0;font-size:12px;color:var(--color-text-secondary);line-height:1.5}.path-progress{font-size:11px;color:var(--color-text-tertiary)}.path-actions{display:flex;gap:6px}.path-btn{flex:1;padding:6px 10px;border-radius:8px;border:1px solid var(--color-border);background:transparent;font-size:11px;cursor:pointer;color:var(--color-text-secondary)}.path-btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.path-btn.secondary:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.learn-recommendation{margin-top:16px;padding:14px;border-radius:12px;border:1px solid rgba(47,125,78,.25);background:linear-gradient(135deg,#2f7d4e14,#2f7d4e05);display:flex;justify-content:space-between;align-items:center;gap:12px}.recommendation-copy h3{margin:0 0 4px;font-size:14px;color:var(--color-text-primary)}.recommendation-copy p{margin:0;font-size:12px;color:var(--color-text-secondary)}.recommendation-label{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.recommendation-btn{padding:8px 12px;border-radius:8px;border:none;background:var(--color-accent);color:#fff;font-size:12px;cursor:pointer}.learn-regions{margin-top:16px;padding:16px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-secondary)}.learn-regions-header h3{margin:0 0 6px;font-size:14px;color:var(--color-text-primary)}.learn-regions-header p{margin:0 0 12px;font-size:12px;color:var(--color-text-secondary)}.learn-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.learn-region-card{padding:12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-tertiary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-expo)}.learn-region-card:hover{border-color:var(--color-accent)}.learn-region-card h4{margin:0 0 4px;font-size:13px;color:var(--color-text-primary)}.learn-region-card p{margin:0;font-size:11px;color:var(--color-text-tertiary)}.results-path-next{margin-top:18px;padding:14px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:space-between;gap:12px}.path-next-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:4px}.results-path-next h3{margin:0 0 4px;font-size:14px;color:var(--color-text-primary)}.results-path-next p{margin:0;font-size:12px;color:var(--color-text-secondary)}.path-next-btn{padding:8px 12px;border-radius:8px;border:none;background:var(--color-accent);color:#fff;font-size:12px;cursor:pointer;flex-shrink:0}.diff-recommended{margin-top:6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}@media(max-width:768px){.insight-takeaway,.insight-why{padding:var(--space-2);margin-bottom:var(--space-2)}.takeaway-text,.why-text{font-size:var(--text-caption)}.insight-learn-toggle{padding:var(--space-2);font-size:var(--text-micro)}.insight-details{padding:var(--space-2)}.feedback-learning{padding:var(--space-2);margin-top:var(--space-2)}.results-learning{padding:var(--space-3);margin:var(--space-3) 0}.results-learning .learning-header{font-size:var(--text-caption)}.results-learning .learning-facts li{font-size:var(--text-micro)}}@media(max-width:900px){.learn-hero,.learn-loop,.learn-review{grid-template-columns:1fr}.learn-review-actions{flex-direction:row}.learn-paths-grid{grid-template-columns:1fr}.learn-region-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.learn-hero{padding:16px}.learn-hero-copy h2{font-size:20px}.learn-region-grid{grid-template-columns:1fr}}.skeleton-element{display:inline-block;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;border-radius:4px}.skeleton-animate{animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-text{display:flex;flex-direction:column;gap:8px}.skeleton-text-line{display:block}.skeleton-card{background:var(--color-bg-secondary);border-radius:var(--border-radius);overflow:hidden}.skeleton-card-content{padding:16px;display:flex;flex-direction:column;gap:12px}.skeleton-list-item{display:flex;align-items:center;gap:12px;padding:12px}.skeleton-list-item-content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-stat{display:flex;flex-direction:column;gap:4px;align-items:center}.skeleton-insight-panel{padding:16px}.skeleton-insight-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.skeleton-insight-stats{display:flex;justify-content:space-around;margin-bottom:16px;padding:12px;background:var(--color-bg-tertiary);border-radius:var(--border-radius)}.skeleton-insight-description{margin-bottom:16px}.skeleton-insight-highlights{display:flex;flex-direction:column;gap:8px}.skeleton-insight-highlight-items{display:flex;flex-direction:column;gap:6px;margin-top:8px}button,a,input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],select,[role=button],[role=link],[role=checkbox],[role=radio],[role=tab],[role=menuitem]{min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px)}p a,li a,span a,.inline-link{min-height:auto;min-width:auto;padding:2px 0}.btn-sm{min-height:var(--touch-target-min, 44px);padding-top:10px;padding-bottom:10px}.btn-icon-only{display:inline-flex;align-items:center;justify-content:center;padding:10px}.visually-hidden,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--color-accent);color:#fff;font-weight:600;border-radius:var(--border-radius);z-index:10000;transition:top .2s ease}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.error-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px;background:var(--color-bg-tertiary);border-radius:var(--border-radius);margin:16px}.error-fallback h2{font-size:var(--text-heading);color:var(--color-text-primary);margin-bottom:8px}.error-fallback p{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:24px;max-width:400px}.error-fallback button{padding:12px 24px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:background-color .2s ease}.error-fallback button:hover{background:var(--color-accent-dark, #2563eb)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:modal-fade-in .2s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-secondary);border-radius:var(--border-radius-lg, 12px);box-shadow:var(--shadow-lg);max-height:calc(100vh - 48px);overflow-y:auto;animation:modal-slide-in .2s ease}@keyframes modal-slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:560px}.modal-lg{width:100%;max-width:800px}.modal-xl{width:100%;max-width:1024px}.modal-full{width:calc(100vw - 48px);height:calc(100vh - 48px);max-width:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin:0}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:0;background:transparent;border:none;border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.modal-close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{padding:24px}.modal-message{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body);margin-bottom:24px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.streak-display{position:relative;display:inline-flex;align-items:center}.streak-loading{opacity:.5}.streak-loading-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-streak);border-radius:50%;animation:spin .8s linear infinite}.streak-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(245,158,11,.3);border-radius:24px;font-size:var(--text-caption);font-weight:600;color:#92400e;cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.streak-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b40}.streak-badge-compact{padding:4px 10px;gap:4px;min-height:32px}.streak-icon{font-size:1.1em;line-height:1}.streak-count{font-variant-numeric:tabular-nums;font-weight:700}.streak-label{font-weight:500;opacity:.85}.streak-warning{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--color-error);color:#fff;font-size:10px;font-weight:700;border-radius:50%;margin-left:2px;animation:pulse 1.5s ease-in-out infinite}.streak-inactive .streak-badge{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-secondary)}.streak-at-risk .streak-badge{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef44444d;color:#991b1b;animation:shake .5s ease-in-out}.streak-active .streak-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b4d;color:#92400e}.streak-on-fire .streak-badge{background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#f9731666;color:#7c2d12;box-shadow:0 0 20px #f9731640}.streak-details{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;max-width:320px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-xl);padding:20px;z-index:1000;animation:slideDown .2s var(--ease-out-expo)}.streak-details-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.streak-details-icon{font-size:2rem;line-height:1}.streak-details-info{display:flex;flex-direction:column;gap:2px}.streak-details-count{font-size:var(--text-subhead);font-weight:700;color:var(--color-text-primary)}.streak-details-message{font-size:var(--text-caption);color:var(--color-text-secondary)}.streak-details-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:16px}.streak-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.streak-stat-value{font-size:var(--text-subhead);font-weight:700;color:var(--color-text-primary)}.streak-stat-label{font-size:var(--text-micro);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.streak-freezes{background:var(--color-bg-tertiary);border-radius:12px;padding:12px;margin-bottom:16px}.streak-freezes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.streak-freezes-title{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary)}.streak-freezes-count{font-size:var(--text-caption);font-weight:600;color:var(--color-info)}.streak-freezes-icons{display:flex;gap:8px;margin-bottom:8px}.streak-freeze-icon{font-size:1.25rem;opacity:.3;filter:grayscale(1);transition:all var(--transition-fast)}.streak-freeze-icon.available{opacity:1;filter:none}.streak-freeze-btn{width:100%;padding:10px 16px;background:var(--color-info);border:none;border-radius:8px;font-size:var(--text-caption);font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast);margin-bottom:8px}.streak-freeze-btn:hover{background:var(--color-info-dark)}.streak-freeze-btn:disabled{background:var(--color-gray-300);cursor:not-allowed}.streak-freezes-hint{font-size:var(--text-micro);color:var(--color-text-tertiary);text-align:center;margin:0}.streak-progress{margin-top:8px}.streak-progress-label{font-size:var(--text-micro);color:var(--color-text-tertiary);margin-bottom:6px}.streak-progress-bar{height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:4px}.streak-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-streak),#F97316);border-radius:3px;transition:width .3s var(--ease-out-expo)}.streak-progress-text{font-size:var(--text-micro);color:var(--color-text-secondary);text-align:right}.streak-celebration-modal .modal-content{overflow:visible;background:transparent;border:none;box-shadow:none}.streak-celebration-modal .modal-body{padding:0}.streak-celebration{position:relative;background:linear-gradient(180deg,#fffbeb,#fef3c7);border-radius:24px;padding:32px 24px;text-align:center;overflow:hidden;border:2px solid rgba(245,158,11,.3);box-shadow:0 20px 60px #f59e0b4d}.streak-celebration-bronze{background:linear-gradient(180deg,#fffbeb,#fef3c7);border-color:#f59e0b4d}.streak-celebration-silver{background:linear-gradient(180deg,#f9fafb,#e5e7eb);border-color:#9ca3af66}.streak-celebration-gold{background:linear-gradient(180deg,#fffbeb,#fde68a);border-color:#f59e0b80;box-shadow:0 20px 60px #f59e0b66}.streak-celebration-diamond{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#3b82f666;box-shadow:0 20px 60px #3b82f64d}.streak-confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.streak-confetti-particle{position:absolute;width:10px;height:10px;border-radius:2px}.streak-celebration-icon{font-size:4rem;line-height:1;margin-bottom:16px;animation:bounce .5s var(--ease-spring)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.streak-celebration-title{font-size:var(--text-title);font-weight:700;color:var(--color-text-primary);margin:0 0 16px}.streak-celebration-badge{display:inline-flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,var(--color-streak),#F97316);color:#fff;padding:16px 32px;border-radius:16px;margin-bottom:16px;box-shadow:0 8px 24px #f59e0b66}.streak-celebration-count{font-size:3rem;font-weight:800;line-height:1}.streak-celebration-unit{font-size:var(--text-micro);font-weight:600;letter-spacing:.1em;opacity:.9}.streak-celebration-message{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body);max-width:280px;margin:0 auto 16px}.streak-celebration-record{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid rgba(245,158,11,.3);padding:8px 16px;border-radius:24px;margin-bottom:16px}.streak-record-icon{font-size:1.25rem}.streak-record-text{font-size:var(--text-caption);font-weight:600;color:#92400e}.streak-celebration-milestones{display:flex;justify-content:center;gap:6px;margin-bottom:20px}.streak-milestone-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all var(--transition-fast)}.streak-milestone-dot.achieved{background:var(--color-streak)}.streak-milestone-dot.current{background:var(--color-streak);box-shadow:0 0 0 3px #f59e0b4d;transform:scale(1.25)}.streak-celebration-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:var(--color-accent);border:none;border-radius:12px;font-size:var(--text-body);font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.streak-celebration-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-accent)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.header-streak{margin-right:8px}@media(max-width:768px){.header-streak .streak-badge{padding:4px 8px}.header-streak .streak-label{display:none}.streak-details{position:fixed;top:auto;bottom:80px;right:16px;left:16px;max-width:none}}.xp-display{position:relative;display:inline-flex;align-items:center}.xp-loading{opacity:.5}.xp-loading-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.xp-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:24px;font-size:var(--text-caption);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.xp-badge:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #2f7d4e26}.xp-badge-compact{padding:4px;gap:0}.xp-level-circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#1E5835);color:#fff;font-weight:700;font-size:var(--text-caption)}.xp-level-number{line-height:1}.xp-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.xp-total{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary)}.xp-title{font-size:var(--text-micro);color:var(--color-text-tertiary)}.xp-beginner .xp-level-circle{background:linear-gradient(135deg,#6b7280,#4b5563)}.xp-intermediate .xp-level-circle{background:linear-gradient(135deg,var(--color-accent),#1E5835)}.xp-expert .xp-level-circle{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.xp-master .xp-level-circle{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.xp-legendary .xp-level-circle{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 12px #f59e0b66}.xp-gain-container{position:absolute;top:-8px;right:0;pointer-events:none;z-index:100}.xp-gain-popup{padding:4px 10px;background:linear-gradient(135deg,var(--color-success),#16A34A);border-radius:12px;font-size:var(--text-micro);font-weight:700;color:#fff;white-space:nowrap;animation:xpPopup 2s ease-out forwards}@keyframes xpPopup{0%{opacity:1;transform:translateY(0) scale(1)}20%{transform:translateY(-10px) scale(1.1)}to{opacity:0;transform:translateY(-30px) scale(.8)}}.xp-details{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-xl);padding:20px;z-index:1000;animation:slideDown .2s var(--ease-out-expo)}.xp-details-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.xp-details-level{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:var(--color-accent-subtle);border-radius:12px}.xp-level-large{font-size:2rem;font-weight:800;color:var(--color-accent);line-height:1}.xp-level-label{font-size:var(--text-micro);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.xp-details-info{display:flex;flex-direction:column;gap:4px}.xp-details-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.xp-details-total{font-size:var(--text-caption);color:var(--color-text-secondary)}.xp-progress-section{padding:12px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:12px}.xp-progress-label{display:flex;justify-content:space-between;font-size:var(--text-micro);color:var(--color-text-secondary);margin-bottom:8px}.xp-progress-bar{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:4px}.xp-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#4ADE80);border-radius:4px;transition:width .3s var(--ease-out-expo)}.xp-progress-text{font-size:var(--text-micro);color:var(--color-text-tertiary);text-align:right}.xp-today-section{margin-bottom:12px}.xp-today-header{display:flex;justify-content:space-between;align-items:center}.xp-today-label{font-size:var(--text-caption);color:var(--color-text-secondary)}.xp-today-value{font-size:var(--text-caption);font-weight:600;color:var(--color-success)}.xp-milestones{padding-top:12px;border-top:1px solid var(--color-border)}.xp-milestones-label{display:block;font-size:var(--text-micro);color:var(--color-text-tertiary);margin-bottom:8px}.xp-milestones-list{display:flex;flex-direction:column;gap:6px}.xp-milestone-item{display:flex;justify-content:space-between;font-size:var(--text-caption)}.xp-milestone-level{font-weight:600;color:var(--color-text-primary)}.xp-milestone-xp{color:var(--color-text-secondary)}.level-up-modal .modal-content{overflow:visible;background:transparent;border:none;box-shadow:none}.level-up-modal .modal-body{padding:0}.level-up-content{position:relative;background:linear-gradient(180deg,#ecfdf5,#d1fae5);border-radius:24px;padding:32px 24px;text-align:center;overflow:hidden;border:2px solid rgba(34,197,94,.3);box-shadow:0 20px 60px #22c55e4d}.level-up-beginner{background:linear-gradient(180deg,#f3f4f6,#e5e7eb);border-color:#6b72804d;box-shadow:0 20px 60px #6b728033}.level-up-intermediate{background:linear-gradient(180deg,#ecfdf5,#d1fae5);border-color:#22c55e4d;box-shadow:0 20px 60px #22c55e4d}.level-up-expert{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#3b82f64d;box-shadow:0 20px 60px #3b82f64d}.level-up-master{background:linear-gradient(180deg,#f5f3ff,#ede9fe);border-color:#8b5cf64d;box-shadow:0 20px 60px #8b5cf64d}.level-up-legendary{background:linear-gradient(180deg,#fffbeb,#fef3c7);border-color:#f59e0b66;box-shadow:0 20px 60px #f59e0b66}.level-up-stars{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.level-up-star{position:absolute;width:4px;height:60px;background:linear-gradient(to top,transparent,rgba(255,215,0,.8));transform-origin:bottom center;animation:starBurst .6s ease-out forwards}@keyframes starBurst{0%{transform:rotate(var(--rotation, 0deg)) scaleY(0);opacity:1}50%{transform:rotate(var(--rotation, 0deg)) scaleY(1);opacity:1}to{transform:rotate(var(--rotation, 0deg)) scaleY(1.5) translateY(-20px);opacity:0}}.level-up-header{margin-bottom:16px}.level-up-label{font-size:var(--text-title);font-weight:800;color:var(--color-accent);letter-spacing:.1em;animation:pulse .5s ease-in-out}.level-up-transition{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.level-up-previous,.level-up-new{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--color-bg-secondary);border:2px solid var(--color-border)}.level-up-new{background:linear-gradient(135deg,var(--color-accent),#1E5835);border-color:var(--color-accent);box-shadow:0 8px 24px #2f7d4e66;animation:levelBounce .5s var(--ease-spring)}@keyframes levelBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.level-up-num{font-size:1.75rem;font-weight:800;line-height:1}.level-up-previous .level-up-num{color:var(--color-text-secondary)}.level-up-new .level-up-num{color:#fff}.level-up-arrow{font-size:1.5rem;color:var(--color-text-tertiary)}.level-up-title-section{margin-bottom:16px}.level-up-title-label{display:block;font-size:var(--text-micro);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.level-up-title{font-size:var(--text-heading);font-weight:700;color:var(--color-text-primary)}.level-up-xp-info{margin-bottom:20px}.level-up-xp-current{display:block;font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.level-up-xp-next{font-size:var(--text-caption);color:var(--color-text-secondary)}.level-up-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:var(--color-accent);border:none;border-radius:12px;font-size:var(--text-body);font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.level-up-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.header-xp{margin-right:8px}@media(max-width:768px){.header-xp .xp-badge{padding:4px}.header-xp .xp-info{display:none}.xp-details{position:fixed;top:auto;bottom:80px;right:16px;left:16px;max-width:none}}.badge-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:12px;padding:16px;gap:12px;position:relative;transition:transform .2s,box-shadow .2s;border:1px solid var(--border-color)}.badge-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.badge-card[role=button]{cursor:pointer}.badge-card-sm{padding:12px;gap:8px}.badge-card-lg{padding:20px;gap:16px}.badge-card-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent-color) 100%);margin:0 auto;position:relative}.badge-icon-emoji{font-size:32px;line-height:1}.badge-hidden-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;border-radius:50%;font-size:32px;color:#fff;font-weight:700}.badge-locked .badge-card-icon{background:linear-gradient(135deg,#6b7280,#4b5563);opacity:.6}.badge-locked .badge-card-name,.badge-locked .badge-card-description{opacity:.7}.badge-card-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.badge-card-name{font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin:0}.badge-card-description{font-size:var(--text-caption);color:var(--text-secondary);line-height:1.4;margin:0}.badge-progress-container{width:100%;display:flex;flex-direction:column;gap:4px;margin-top:8px}.badge-progress-bar{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.badge-progress-fill{height:100%;background:var(--accent-color);border-radius:3px;transition:width .3s ease}.badge-progress-text{font-size:var(--text-micro);color:var(--text-muted);text-align:right}.badge-xp-reward{font-size:var(--text-micro);color:var(--xp-color, #9b59b6);font-weight:600;margin-top:4px}.badge-earned-date{font-size:var(--text-micro);color:var(--text-muted);margin-top:4px}.badge-rarity-indicator{position:absolute;top:8px;right:8px}.rarity-badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.rarity-common{background:#e5e7eb;color:#4b5563}.rarity-rare{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.rarity-epic{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff}.rarity-legendary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.badge-common{border-color:#e5e7eb}.badge-rare{border-color:#60a5fa}.badge-epic{border-color:#a855f7}.badge-legendary{border-color:#fbbf24;box-shadow:0 0 12px #fbbf2433}.badge-grid-container{display:flex;flex-direction:column;gap:24px}.badge-stats-summary{display:flex;flex-wrap:wrap;gap:24px;padding:20px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.badge-stats-main{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}.badge-stats-count{font-size:2rem;font-weight:700;color:var(--text-primary)}.badge-stats-earned{color:var(--accent-color)}.badge-stats-separator{color:var(--text-muted);margin:0 4px}.badge-stats-total{color:var(--text-secondary)}.badge-stats-label{font-size:var(--text-caption);color:var(--text-secondary)}.badge-completion-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.badge-completion-fill{height:100%;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-light) 100%);border-radius:4px;transition:width .5s ease}.badge-stats-percentage{font-size:var(--text-micro);color:var(--text-muted)}.badge-stats-rarity{display:flex;gap:16px;flex-wrap:wrap}.badge-rarity-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;background:var(--surface-bg)}.badge-rarity-count{font-size:var(--text-body);font-weight:600;color:var(--text-primary)}.badge-rarity-label{font-size:var(--text-micro);text-transform:capitalize}.badge-rarity-stat.rarity-common .badge-rarity-label{color:#6b7280}.badge-rarity-stat.rarity-rare .badge-rarity-label{color:#3b82f6}.badge-rarity-stat.rarity-epic .badge-rarity-label{color:#9333ea}.badge-rarity-stat.rarity-legendary .badge-rarity-label{color:#f59e0b}.badge-filters{display:flex;gap:16px;flex-wrap:wrap}.badge-filter-group{display:flex;align-items:center;gap:8px}.badge-filter-label{font-size:var(--text-caption);color:var(--text-secondary)}.badge-filter-select{padding:6px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);font-size:var(--text-caption);cursor:pointer}.badge-categories{display:flex;flex-direction:column;gap:24px}.badge-category-section{display:flex;flex-direction:column;gap:12px}.badge-category-title{font-size:var(--text-subhead);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin:0}.badge-category-count{font-size:var(--text-caption);color:var(--text-muted);font-weight:400}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.badge-empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.badge-notification-modal .modal-content{background:transparent;border:none;overflow:visible}.badge-notification-modal .modal-body{padding:0}.badge-notification-content{display:flex;flex-direction:column;align-items:center;padding:32px;background:var(--card-bg);border-radius:16px;position:relative;overflow:hidden;text-align:center}.badge-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:confetti-fall 2s ease-out forwards;opacity:0}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}.badge-notification-header{margin-bottom:16px}.badge-notification-label{font-size:var(--text-heading);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px}.badge-notification-icon{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:badge-pulse .6s ease-out}@keyframes badge-pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.badge-icon-large{font-size:48px;line-height:1}.badge-notification-info{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.badge-notification-name{font-size:var(--text-title);font-weight:700;color:var(--text-primary);margin:0}.badge-notification-rarity{font-size:var(--text-caption);font-weight:600;text-transform:uppercase;padding:4px 12px;border-radius:12px;letter-spacing:1px}.badge-notification-description{font-size:var(--text-body);color:var(--text-secondary);max-width:280px;margin:0}.badge-notification-xp{margin:16px 0}.badge-xp-amount{font-size:var(--text-subhead);font-weight:700;color:var(--xp-color, #9b59b6)}.badge-notification-queue{margin-bottom:12px}.badge-queue-count{font-size:var(--text-caption);color:var(--text-muted)}.badge-notification-btn{padding:12px 32px;font-size:var(--text-body);font-weight:600;border:none;border-radius:8px;background:var(--accent-color);color:#fff;cursor:pointer;transition:transform .2s,background .2s}.badge-notification-btn:hover{transform:scale(1.02);background:var(--accent-hover)}.badge-notification-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.badge-notification-legendary{background:linear-gradient(180deg,rgba(251,191,36,.1) 0%,var(--card-bg) 50%)}.badge-notification-legendary .badge-notification-label{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-notification-epic{background:linear-gradient(180deg,rgba(168,85,247,.1) 0%,var(--card-bg) 50%)}.badge-notification-epic .badge-notification-label{color:#a855f7}@media(max-width:768px){.badge-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.badge-stats-summary{flex-direction:column}.badge-filters{flex-direction:column;gap:12px}.badge-filter-group{width:100%}.badge-filter-select{flex:1}.badge-notification-content{padding:24px 16px}.badge-notification-icon{width:80px;height:80px}.badge-icon-large{font-size:40px}}.celebration-queue-indicator{margin:12px 0;text-align:center}.celebration-queue-count{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:500}.celebration-queue-count:before{content:"";display:inline-block;width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:queuePulse 1.5s ease-in-out infinite}@keyframes queuePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.celebration-share-row{display:flex;justify-content:center;margin:12px 0}.celebration-share-btn{min-width:120px}.progress-page{max-width:1200px;margin:0 auto;padding:24px}.progress-dashboard{display:flex;flex-direction:column;gap:24px}.progress-header{text-align:center;margin-bottom:16px}.progress-header h1{font-size:var(--text-title);font-weight:700;color:var(--text-primary);margin:0 0 8px}.progress-subtitle{font-size:var(--text-body);color:var(--text-secondary);margin:0}.progress-section{background:var(--card-bg);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.progress-section-title{font-size:var(--text-subhead);font-weight:600;color:var(--text-primary);margin:0 0 16px}.progress-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.progress-loading,.progress-error,.progress-auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;gap:16px}.progress-error h2,.progress-auth-required h2{font-size:var(--text-heading);color:var(--text-primary);margin:0}.progress-error p,.progress-auth-required p{font-size:var(--text-body);color:var(--text-secondary);margin:0}.progress-error button{padding:10px 24px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:var(--text-body);cursor:pointer}.progress-overview{display:flex;flex-direction:column;gap:20px}.progress-level-card{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,var(--accent-light) 0%,var(--card-bg) 100%);border-radius:12px}.progress-level-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-hover) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-level-number{font-size:2rem;font-weight:700;color:#fff}.progress-level-info{flex:1;display:flex;flex-direction:column;gap:8px}.progress-level-title{font-size:var(--text-subhead);font-weight:600;color:var(--text-primary)}.progress-level-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-level-fill{height:100%;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-light) 100%);border-radius:4px;transition:width .5s ease}.progress-level-xp{font-size:var(--text-caption);color:var(--text-secondary)}.progress-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.progress-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface-bg);border-radius:10px;position:relative}.progress-stat-icon{font-size:24px;line-height:1}.progress-stat-content{display:flex;flex-direction:column;gap:2px}.progress-stat-value{font-size:var(--text-subhead);font-weight:700;color:var(--text-primary)}.progress-stat-total{font-size:var(--text-caption);font-weight:400;color:var(--text-muted)}.progress-stat-label{font-size:var(--text-micro);color:var(--text-secondary)}.progress-stat-best{position:absolute;top:8px;right:8px;font-size:var(--text-micro);color:var(--text-muted)}.progress-today{padding:16px;background:var(--surface-bg);border-radius:10px}.progress-today-title{font-size:var(--text-body);font-weight:600;color:var(--text-primary);margin:0 0 12px}.progress-today-stats{display:flex;gap:24px;flex-wrap:wrap}.progress-today-stat{display:flex;flex-direction:column;gap:2px}.progress-today-value{font-size:var(--text-subhead);font-weight:600;color:var(--accent-color)}.progress-today-label{font-size:var(--text-micro);color:var(--text-secondary)}.weekly-activity{display:flex;flex-direction:column;gap:16px}.weekly-summary{display:flex;justify-content:space-around;gap:16px;flex-wrap:wrap}.weekly-summary-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.weekly-summary-value{font-size:var(--text-subhead);font-weight:700;color:var(--text-primary)}.weekly-summary-label{font-size:var(--text-micro);color:var(--text-secondary)}.weekly-chart{display:flex;justify-content:space-between;align-items:flex-end;height:120px;gap:8px;padding:8px 0}.weekly-chart-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.weekly-chart-bars{display:flex;gap:3px;align-items:flex-end;height:80px}.weekly-chart-bar{width:12px;border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease}.weekly-chart-bar-quiz{background:var(--accent-color)}.weekly-chart-bar-xp{background:var(--xp-color, #9b59b6)}.weekly-chart-day.inactive .weekly-chart-bar{opacity:.3}.weekly-chart-label{font-size:var(--text-micro);color:var(--text-secondary)}.weekly-chart-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;z-index:10;white-space:nowrap;flex-direction:column;gap:2px;font-size:var(--text-micro);box-shadow:0 4px 12px #00000026}.weekly-chart-day:hover .weekly-chart-tooltip{display:flex}.weekly-activity-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px;text-align:center;color:var(--text-secondary)}.weekly-activity-empty__icon{font-size:32px}.weekly-activity-empty__hint{font-size:var(--text-caption);color:var(--text-muted)}.weekly-legend{display:flex;justify-content:center;gap:24px}.weekly-legend-item{display:flex;align-items:center;gap:6px}.weekly-legend-color{width:12px;height:12px;border-radius:3px}.weekly-legend-quiz{background:var(--accent-color)}.weekly-legend-xp{background:var(--xp-color, #9b59b6)}.weekly-legend-label{font-size:var(--text-micro);color:var(--text-secondary)}.skill-mastery-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.skill-mastery-empty{text-align:center;padding:32px;color:var(--text-secondary)}.skill-mastery-hint{font-size:var(--text-caption);color:var(--text-muted);margin-top:8px}.skill-mastery-card{padding:16px;background:var(--surface-bg);border-radius:10px;border-left:4px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.skill-mastery-card.mastery-excellent{border-left-color:#10b981}.skill-mastery-card.mastery-good{border-left-color:#3b82f6}.skill-mastery-card.mastery-fair{border-left-color:#f59e0b}.skill-mastery-card.mastery-needs-work{border-left-color:#ef4444}.skill-mastery-header{display:flex;align-items:center;gap:10px}.skill-mastery-icon{font-size:20px}.skill-mastery-topic{font-size:var(--text-body);font-weight:600;color:var(--text-primary)}.skill-mastery-progress{display:flex;align-items:center;gap:10px}.skill-mastery-bar{flex:1;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.skill-mastery-fill{height:100%;border-radius:3px;transition:width .3s ease}.mastery-excellent .skill-mastery-fill{background:#10b981}.mastery-good .skill-mastery-fill{background:#3b82f6}.mastery-fair .skill-mastery-fill{background:#f59e0b}.mastery-needs-work .skill-mastery-fill{background:#ef4444}.skill-mastery-accuracy{font-size:var(--text-caption);font-weight:600;color:var(--text-primary);min-width:40px;text-align:right}.skill-mastery-footer{display:flex;justify-content:space-between;align-items:center}.skill-mastery-level{font-size:var(--text-micro);font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase}.mastery-beginner{background:#f3f4f6;color:#6b7280}.mastery-learning{background:#fef3c7;color:#92400e}.mastery-practiced{background:#dbeafe;color:#1e40af}.mastery-mastered{background:#d1fae5;color:#065f46}.skill-mastery-meta{font-size:var(--text-micro);color:var(--text-muted)}.weak-areas-panel{display:flex;flex-direction:column;gap:12px}.weak-areas-empty{text-align:center;padding:24px}.weak-areas-empty-icon{font-size:32px;display:block;margin-bottom:8px}.weak-areas-hint{font-size:var(--text-caption);color:var(--text-muted);margin-top:4px}.weak-area-card{padding:14px;background:var(--surface-bg);border-radius:10px;display:flex;flex-direction:column;gap:10px}.weak-area-header{display:flex;align-items:center;gap:10px}.weak-area-icon{font-size:20px}.weak-area-info{display:flex;flex-direction:column;gap:2px}.weak-area-topic{font-size:var(--text-body);font-weight:600;color:var(--text-primary)}.weak-area-meta{font-size:var(--text-micro);color:var(--text-muted)}.weak-area-stats{display:flex;align-items:center;gap:10px}.weak-area-accuracy{display:flex;flex-direction:column;min-width:50px}.weak-area-accuracy-value{font-size:var(--text-body);font-weight:600;color:#ef4444}.weak-area-accuracy-label{font-size:var(--text-micro);color:var(--text-muted)}.weak-area-bar{flex:1;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.weak-area-fill{height:100%;background:#ef4444;border-radius:3px}.weak-area-practice-btn{align-self:flex-end;padding:8px 16px;background:var(--accent-color);color:#fff;border:none;border-radius:6px;font-size:var(--text-caption);font-weight:500;cursor:pointer;transition:background .2s}.weak-area-practice-btn:hover{background:var(--accent-hover)}.goals-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.goals-empty{text-align:center;padding:24px;color:var(--text-secondary);grid-column:span 2}.goal-card{padding:14px;background:var(--surface-bg);border-radius:10px;display:flex;flex-direction:column;gap:10px}.goal-card.goal-complete{background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,var(--surface-bg) 100%)}.goal-header{display:flex;align-items:center;gap:8px}.goal-icon{font-size:18px}.goal-label{font-size:var(--text-caption);font-weight:500;color:var(--text-primary);flex:1}.goal-checkmark{font-size:14px;color:#10b981;font-weight:700}.goal-progress{width:100%}.goal-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.goal-fill{height:100%;background:var(--accent-color);border-radius:4px;transition:width .3s ease}.goal-complete .goal-fill{background:#10b981}.goal-stats{display:flex;justify-content:space-between;align-items:center}.goal-current{font-size:var(--text-micro);color:var(--text-secondary)}.goal-percentage{font-size:var(--text-caption);font-weight:600;color:var(--text-primary)}.leaderboard-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.leaderboard-summary-empty{text-align:center;padding:24px;color:var(--text-secondary);grid-column:span 3}.leaderboard-summary-empty__icon{font-size:32px;display:block;margin-bottom:8px}.leaderboard-summary-empty__hint{font-size:var(--text-caption);color:var(--text-muted);margin-top:4px}.leaderboard-rank-card{padding:16px;background:var(--surface-bg);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.leaderboard-rank-card.top-rank{background:linear-gradient(135deg,rgba(251,191,36,.1) 0%,var(--surface-bg) 100%)}.leaderboard-rank-header{display:flex;align-items:center;gap:6px}.leaderboard-period-icon{font-size:16px}.leaderboard-period-label{font-size:var(--text-caption);color:var(--text-secondary)}.leaderboard-rank-value{display:flex;align-items:baseline;gap:2px}.leaderboard-rank-number{font-size:var(--text-heading);font-weight:700;color:var(--text-primary)}.leaderboard-rank-ordinal{font-size:var(--text-caption);color:var(--text-secondary)}.leaderboard-rank-unranked{font-size:var(--text-heading);color:var(--text-muted)}.leaderboard-rank-footer{display:flex;flex-direction:column;gap:2px}.leaderboard-percentile{font-size:var(--text-micro);color:var(--text-muted);padding:2px 6px;border-radius:4px;background:var(--border-color)}.leaderboard-percentile.high{background:#d1fae5;color:#065f46}.leaderboard-participants{font-size:var(--text-micro);color:var(--text-muted)}.recent-badges{display:flex;flex-direction:column;gap:16px}.recent-badges-summary{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--surface-bg);border-radius:10px}.recent-badges-count{font-size:var(--text-subhead);font-weight:700}.recent-badges-earned{color:var(--accent-color)}.recent-badges-separator{color:var(--text-muted);margin:0 4px}.recent-badges-total{color:var(--text-secondary)}.recent-badges-progress{flex:1;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.recent-badges-progress-fill{height:100%;background:var(--accent-color);border-radius:3px}.recent-badges-label{font-size:var(--text-caption);color:var(--text-secondary)}.recent-badges-grid{display:flex;gap:12px;flex-wrap:wrap}.recent-badges-empty{text-align:center;padding:20px;background:var(--surface-bg);border-radius:10px;color:var(--text-secondary)}.recent-badges-empty__icon{font-size:28px;display:block;margin-bottom:8px}.recent-badges-empty__hint{font-size:var(--text-caption);color:var(--text-muted);margin-top:4px}.recent-badge-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-bg);border-radius:8px;border-left:3px solid var(--border-color)}.recent-badge-card.badge-rarity-common{border-left-color:#9ca3af}.recent-badge-card.badge-rarity-rare{border-left-color:#3b82f6}.recent-badge-card.badge-rarity-epic{border-left-color:#9333ea}.recent-badge-card.badge-rarity-legendary{border-left-color:#f59e0b}.recent-badge-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--border-color);border-radius:50%}.recent-badge-emoji{font-size:20px}.recent-badge-info{display:flex;flex-direction:column;gap:2px}.recent-badge-name{font-size:var(--text-caption);font-weight:600;color:var(--text-primary)}.recent-badge-date{font-size:var(--text-micro);color:var(--text-muted)}.recent-badges-view-all{align-self:center;padding:8px 20px;background:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:var(--text-caption);color:var(--text-secondary);cursor:pointer;transition:all .2s}.recent-badges-view-all:hover{background:var(--surface-bg);color:var(--text-primary)}@media(max-width:768px){.progress-page{padding:16px}.progress-grid-2{grid-template-columns:1fr}.progress-level-card{flex-direction:column;text-align:center}.progress-stats-grid{grid-template-columns:repeat(2,1fr)}.goals-panel,.leaderboard-summary,.skill-mastery-map{grid-template-columns:1fr}.weekly-chart{height:100px}.weekly-chart-bar{width:8px}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column-reverse;gap:var(--space-3);pointer-events:none;max-width:400px;width:100%}@media(max-width:480px){.toast-container{left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));max-width:none}}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);pointer-events:auto;animation:toastSlideIn .3s var(--ease-out-expo);will-change:transform,opacity}.toast-exit{animation:toastSlideOut .2s var(--ease-in-out) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media(max-width:480px){@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:2px}.toast-success .toast-icon{color:var(--color-success);background:var(--color-success-bg)}.toast-error .toast-icon{color:var(--color-error);background:var(--color-error-bg)}.toast-warning .toast-icon{color:var(--color-warning);background:var(--color-warning-bg)}.toast-info .toast-icon{color:var(--color-info);background:var(--color-info-bg)}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);line-height:1.4}.toast-message{font-size:var(--text-caption);color:var(--color-text-secondary);margin-top:var(--space-1);line-height:1.5}.toast-action{flex-shrink:0;padding:var(--space-2) var(--space-3);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.toast-action:hover{background:var(--color-accent-hover)}.toast-dismiss{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);margin:-4px -4px -4px 0}.toast-dismiss:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-error)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--color-info)}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast-exit{opacity:0}}.premium-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.premium-badge-pro{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;box-shadow:0 2px 8px #ffd7004d}.premium-badge-edu{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.premium-badge-icon{width:12px;height:12px}.user-badge-pro{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;font-size:var(--text-micro);font-weight:700;padding:2px 6px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #ffd70040}.user-badge-edu{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:var(--text-micro);font-weight:700;padding:2px 6px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #8b5cf640}.user-avatar-premium{position:relative}.user-avatar-premium:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:linear-gradient(135deg,gold,orange);z-index:-1;animation:premiumGlow 3s ease-in-out infinite}.user-avatar-premium.edu:after{background:linear-gradient(135deg,#8b5cf6,#6366f1)}@keyframes premiumGlow{0%,to{opacity:.6}50%{opacity:1}}.verified-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:600;color:var(--color-success-dark)}.verified-badge-icon{width:14px;height:14px}.source-attribution{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.source-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-micro);color:var(--color-text-secondary)}.source-tag-icon{width:12px;height:12px;opacity:.7}.last-verified{font-size:var(--text-micro);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2)}.last-verified-icon{width:12px;height:12px;opacity:.6}.report-inaccuracy{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.report-inaccuracy-trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--text-caption);cursor:pointer;transition:all var(--transition-fast)}.report-inaccuracy-trigger:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text-secondary)}.report-inaccuracy-icon{width:16px;height:16px;opacity:.7}.report-form{margin-top:var(--space-3);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:fadeUp .2s ease-out}.report-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.report-form-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.report-form-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer}.report-form-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.report-form-group{margin-bottom:var(--space-3)}.report-form-label{display:block;font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.report-form-select{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-body);color:var(--color-text-primary);cursor:pointer}.report-form-textarea{width:100%;min-height:80px;padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-body);color:var(--color-text-primary);resize:vertical;font-family:inherit}.report-form-textarea:focus,.report-form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.report-form-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.report-submit-btn{flex:1;padding:var(--space-3);background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-body);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.report-submit-btn:hover{background:var(--color-accent-hover)}.report-submit-btn:disabled{opacity:.6;cursor:not-allowed}.report-cancel-btn{padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-body);cursor:pointer;transition:all var(--transition-fast)}.report-cancel-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.report-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.report-success-icon{width:48px;height:48px;color:var(--color-success)}.report-success-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.report-success-message{font-size:var(--text-caption);color:var(--color-text-secondary)}.timed-challenge-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:var(--radius-lg);margin-bottom:var(--space-4);color:#fff}.timed-challenge-timer{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-title);font-weight:700;font-variant-numeric:tabular-nums}.timer-icon{width:28px;height:28px;animation:pulse 1s ease-in-out infinite}.timer-warning{animation:timerShake .5s ease-in-out}@keyframes timerShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.timer-critical{color:#ffe066;animation:timerPulse .3s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.timed-challenge-score{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-heading);font-weight:600}.bonus-xp-indicator{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;background:#fff3;border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:600}.timed-challenge-progress{height:6px;background:#ffffff4d;border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-2)}.timed-challenge-progress-fill{height:100%;background:#fff;border-radius:var(--radius-full);transition:width .3s ease-out}.difficulty-expert{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.difficulty-expert-icon{width:12px;height:12px}.pro-feature-lock{position:relative}.pro-feature-lock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;z-index:1}.pro-feature-lock:after{content:"Pro";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:8px 16px;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:700;z-index:2;box-shadow:var(--shadow-md)}.analytics-dashboard{padding:var(--space-6)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.analytics-title{font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary)}.analytics-period-select{padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--color-text-primary);cursor:pointer}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.analytics-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5)}.analytics-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.analytics-card-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.analytics-card-trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-micro);font-weight:600}.analytics-card-trend.up{color:var(--color-success)}.analytics-card-trend.down{color:var(--color-error)}.analytics-card-value{font-size:var(--text-title);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.analytics-card-label{font-size:var(--text-caption);color:var(--color-text-secondary)}.accuracy-chart{height:200px;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-4)}.accuracy-bar{flex:1;background:var(--color-accent-light);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .5s var(--ease-out-expo);position:relative}.accuracy-bar:hover{background:var(--color-accent)}.accuracy-bar-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:var(--text-micro);color:var(--color-text-tertiary);white-space:nowrap}.weak-areas-list{display:flex;flex-direction:column;gap:var(--space-3)}.weak-area-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.weak-area-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-md);font-size:18px}.weak-area-content{flex:1}.weak-area-name{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.weak-area-accuracy{font-size:var(--text-caption);color:var(--color-text-secondary)}.weak-area-practice{padding:var(--space-2) var(--space-3);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.weak-area-practice:hover{background:var(--color-accent-hover)}.global-comparison{padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);text-align:center}.global-comparison-title{font-size:var(--text-caption);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.global-comparison-percentile{font-size:var(--text-title);font-weight:700;color:var(--color-accent)}.global-comparison-label{font-size:var(--text-micro);color:var(--color-text-tertiary);margin-top:var(--space-1)}.historical-borders-control{padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.historical-borders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.historical-borders-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.historical-borders-badge{padding:2px 8px;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:700}.timeline-slider{width:100%;margin-bottom:var(--space-3)}.timeline-slider input[type=range]{width:100%;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.timeline-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-accent);border-radius:50%;cursor:grab;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.timeline-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.timeline-slider input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(.95)}.timeline-labels{display:flex;justify-content:space-between;font-size:var(--text-micro);color:var(--color-text-tertiary)}.timeline-current-year{text-align:center;font-size:var(--text-heading);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2);font-variant-numeric:tabular-nums}.timeline-era{text-align:center;font-size:var(--text-caption);color:var(--color-accent);font-weight:500}.historical-events{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.historical-event{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.historical-event-year{font-size:var(--text-caption);font-weight:700;color:var(--color-accent);white-space:nowrap}.historical-event-text{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.5}.activity-feed{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.activity-feed-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.activity-feed-actions{display:flex;align-items:center;gap:var(--space-2)}.activity-feed-demo{padding:4px 10px;background:var(--color-warning-bg);color:var(--color-warning-dark);border:1px solid var(--color-warning-border);border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-micro)}.activity-feed-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.activity-feed-live{display:flex;align-items:center;gap:var(--space-1);padding:4px 10px;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:600}.activity-feed-live-dot{width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.activity-feed-list{max-height:400px;overflow-y:auto}.activity-item{display:flex;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.activity-item:hover{background:var(--color-bg-tertiary)}.activity-item:last-child{border-bottom:none}.activity-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-caption);flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-text{font-size:var(--text-body);color:var(--color-text-primary);line-height:1.5}.activity-text strong{font-weight:600}.activity-meta{display:flex;gap:var(--space-3);margin-top:var(--space-1);font-size:var(--text-micro);color:var(--color-text-tertiary)}.activity-score{color:var(--color-success);font-weight:600}.student-weakness-report{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5)}.student-weakness-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.student-weakness-title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.student-weakness-export{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-caption);cursor:pointer;transition:all var(--transition-fast)}.student-weakness-export:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.student-weakness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.student-weakness-card{padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-warning)}.student-weakness-topic{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.student-weakness-stats{display:flex;justify-content:space-between;font-size:var(--text-caption);color:var(--color-text-secondary)}.student-weakness-accuracy{color:var(--color-warning);font-weight:600}.student-weakness-students{color:var(--color-text-tertiary)}.insight-verification-row{margin:var(--space-3) 0;padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.data-verification-summary{display:flex;flex-direction:column;gap:var(--space-2)}.data-verification-summary.compact{gap:var(--space-1)}.verification-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.verified-badge-verified{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-dark)}.verified-badge-curated{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-dark)}.verified-badge-estimated{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-dark)}.verified-badge-unverified{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-dark)}.verified-badge-small{padding:3px 8px;font-size:var(--text-micro)}.verified-badge-medium{padding:4px 12px;font-size:var(--text-caption)}.verified-badge-label{font-weight:600}.source-attribution-compact{gap:var(--space-1)}.source-attribution-compact .source-tag{padding:2px 6px;font-size:10px}.timed-challenge-container{height:100%;display:flex;flex-direction:column;padding:var(--space-4)}.timed-challenge-intro,.timed-challenge-results{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;gap:var(--space-6)}.intro-icon,.results-icon{font-size:64px;animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.timed-challenge-intro h2,.timed-challenge-results h2{font-size:var(--text-heading);font-weight:700;color:var(--color-text-primary);margin:0}.timed-challenge-intro p{font-size:var(--text-body);color:var(--color-text-secondary);max-width:300px}.intro-tips{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.tip{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-body);color:var(--color-text-primary)}.tip-icon{font-size:20px}.intro-actions,.results-actions{display:flex;gap:var(--space-3)}.start-btn,.results-btn.primary{padding:var(--space-4) var(--space-8);background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px #ff6b6b4d}.start-btn:hover,.results-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.back-btn,.results-btn.secondary{padding:var(--space-4) var(--space-6);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-body);cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover,.results-btn.secondary:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.results-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.results-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);width:100%;max-width:300px}.results-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.results-stat.highlight{background:linear-gradient(135deg,#ff6b6b1a,#ff8e531a);border:1px solid rgba(255,107,107,.3)}.results-stat .stat-value{font-size:var(--text-heading);font-weight:700;color:var(--color-text-primary)}.results-stat.highlight .stat-value{color:#ff6b6b}.results-stat .stat-label{font-size:var(--text-caption);color:var(--color-text-secondary)}.results-message{font-size:var(--text-body);color:var(--color-text-secondary)}.timed-challenge-question{flex:1;display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-4)}.challenge-flag-display{display:flex;justify-content:center;padding:var(--space-6);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.challenge-flag{font-size:80px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.challenge-prompt{font-size:var(--text-subhead);font-weight:500;color:var(--color-text-primary);text-align:center;margin:0}.challenge-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.challenge-option{padding:var(--space-4);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-text-primary);cursor:pointer;transition:all .15s ease;text-align:center}.challenge-option:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-subtle)}.challenge-option.selected{border-color:var(--color-accent);background:var(--color-accent-light)}.challenge-option.correct{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success-dark)}.challenge-option.incorrect{border-color:var(--color-error);background:var(--color-error-bg);color:var(--color-error-dark)}.challenge-option:disabled{cursor:not-allowed}.analytics-auth-prompt,.analytics-upgrade-prompt,.analytics-loading,.analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10);gap:var(--space-4)}.analytics-upgrade-prompt .upgrade-icon,.analytics-empty .empty-icon{font-size:48px;margin-bottom:var(--space-2)}.analytics-upgrade-prompt h2,.analytics-empty h3{font-size:var(--text-heading);color:var(--color-text-primary);margin:0}.analytics-upgrade-prompt p,.analytics-empty p{color:var(--color-text-secondary);max-width:400px}.upgrade-features{list-style:none;padding:0;margin:var(--space-4) 0;text-align:left}.upgrade-features li{padding:var(--space-2) 0;padding-left:var(--space-6);position:relative;color:var(--color-text-secondary)}.upgrade-features li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:600}.analytics-upgrade-prompt .upgrade-btn,.analytics-empty .start-quiz-btn{padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.analytics-upgrade-prompt .upgrade-btn:hover,.analytics-empty .start-quiz-btn:hover{background:var(--color-accent-hover)}.analytics-loading{gap:var(--space-4)}.analytics-chart-card{grid-column:1 / -1}.weak-area-item.strong{background:var(--color-success-bg);border-left:3px solid var(--color-success)}.weak-area-item.strong .weak-area-icon{background:transparent;color:var(--color-success)}.weak-area-item.strong .weak-area-accuracy{color:var(--color-success-dark)}.strength-badge{padding:4px 10px;background:var(--color-success);color:#fff;border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:600}.historical-borders-locked-msg{font-size:var(--text-caption);color:var(--color-text-secondary);margin:var(--space-3) 0}.historical-borders-upgrade-btn{width:100%;padding:var(--space-3);background:linear-gradient(135deg,gold,orange);color:#1a1a1a;border:none;border-radius:var(--radius-md);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.historical-borders-upgrade-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.historical-events-title{font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.era-quick-select{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.era-btn{padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-micro);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.era-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.era-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.classroom-activity-section{margin-top:var(--space-6)}.activity-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--color-text-tertiary)}.activity-feed-empty p{font-size:var(--text-body);color:var(--color-text-secondary);margin:0}.activity-feed-empty span{font-size:var(--text-caption);margin-top:var(--space-1)}.activity-feed-live.active{background:var(--color-success-bg);color:var(--color-success)}.activity-feed-live:not(.active){background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.activity-feed-live:not(.active) .activity-feed-live-dot{background:var(--color-text-tertiary);animation:none}.student-weakness-report{padding:var(--space-4)}.report-loading,.report-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;gap:var(--space-3);color:var(--color-text-secondary)}.class-weak-areas-summary{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.class-weak-areas-summary h4{font-size:var(--text-body);font-weight:600;color:var(--color-warning-dark);margin:0 0 var(--space-3) 0}.class-weak-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.class-weak-area-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3)}.class-weak-area-topic{display:block;font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.class-weak-area-stats{display:block;font-size:var(--text-caption);color:var(--color-text-secondary);margin-top:var(--space-1)}.report-sort-controls{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-caption);color:var(--color-text-secondary)}.sort-btn{padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sort-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sort-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.student-performance-list{display:flex;flex-direction:column;gap:var(--space-3)}.student-performance-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.student-card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:transparent;border:none;width:100%;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.student-card-header:hover{background:var(--color-bg-tertiary)}.student-card-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-accent-light);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-caption);flex-shrink:0}.student-card-info{flex:1;min-width:0}.student-card-name{display:block;font-size:var(--text-body);font-weight:600;color:var(--color-text-primary)}.student-card-meta{display:block;font-size:var(--text-caption);color:var(--color-text-tertiary)}.student-card-stats{text-align:right}.student-card-accuracy{display:block;font-size:var(--text-heading);font-weight:700;color:var(--color-text-primary)}.student-card-trend{display:block;font-size:var(--text-caption);font-weight:500}.student-card-expand{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.student-card-expand.rotated{transform:rotate(180deg)}.student-card-details{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--color-border-light)}.student-card-section{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light)}.student-card-section:last-child{border-bottom:none;padding-bottom:0}.section-title{font-size:var(--text-caption);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3) 0}.section-title.needs-work{color:var(--color-warning-dark)}.section-title.doing-well{color:var(--color-success-dark)}.weakness-cards{display:flex;flex-direction:column;gap:var(--space-2)}.student-weakness-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.weakness-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.weakness-info{flex:1}.weakness-topic{display:block;font-size:var(--text-body);font-weight:500;color:var(--color-text-primary)}.weakness-bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);margin:var(--space-1) 0;overflow:hidden}.weakness-bar-fill{height:100%;background:var(--color-warning);border-radius:var(--radius-full)}.weakness-stats{font-size:var(--text-micro);color:var(--color-text-tertiary)}.strength-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.strength-tag{padding:var(--space-2) var(--space-3);background:var(--color-success-bg);border-radius:var(--radius-full);font-size:var(--text-caption);color:var(--color-success-dark)}.recommendations-list{list-style:none;padding:0;margin:0}.recommendations-list li{padding:var(--space-2) 0;padding-left:var(--space-5);position:relative;font-size:var(--text-caption);color:var(--color-text-secondary)}.recommendations-list li:before{content:"•";position:absolute;left:0;color:var(--color-accent);font-weight:700}.globe-controls{position:absolute;bottom:120px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:1}.globe-control-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-bg-secondary);border:none;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:all .2s ease;color:var(--color-text-primary)}.globe-control-btn:hover{background:var(--color-bg-tertiary);transform:scale(1.05)}.globe-control-btn:active{transform:scale(.98)}.globe-control-btn[aria-pressed=true]{background:var(--color-accent-light);border:2px solid var(--color-accent)}.globe-control-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.globe-control-icon svg{width:20px;height:20px}.globe-control-label{font-size:9px;font-weight:600;color:var(--color-text-secondary);margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.map-container.globe-view{background:#0b0b19}@media(max-width:768px){.globe-controls{bottom:80px;right:8px}.globe-control-btn{width:40px;height:40px}.globe-control-icon svg{width:18px;height:18px}.globe-control-label{font-size:8px}}.share-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:var(--text-body);font-weight:500;cursor:pointer;transition:all .2s ease}.share-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.share-btn:active{transform:scale(.97)}.share-btn--icon{padding:var(--spacing-sm)}.share-btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-small)}.share-btn--large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-lg)}.share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.share-modal{background:var(--color-bg-secondary);border-radius:16px;width:min(400px,90vw);max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0003;animation:slideUp .3s ease}.share-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.share-modal__header h3{margin:0;font-size:var(--text-lg);font-weight:600}.share-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.share-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.share-modal__preview{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-primary)}.share-modal__text{margin:0;font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.6}.share-modal__options{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg)}.share-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;font-size:var(--text-body);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.share-option:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.share-option--twitter:hover{background:#1da1f21a;border-color:#1da1f2;color:#1da1f2}.share-option--facebook:hover{background:#1877f21a;border-color:#1877f2;color:#1877f2}.share-option--copy.share-option--success{background:#22c55e1a;border-color:var(--color-success);color:var(--color-success)}.celebration-share-btn{margin-top:var(--spacing-sm)}.celebration-share-row{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.celebration-share-row .share-btn{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.celebration-share-row .share-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.results-rank-display .celebration-share-btn{margin-top:var(--spacing-md);width:100%;justify-content:center}.lesson-complete__button--tertiary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.lesson-complete__button--tertiary:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.not-found-content{max-width:540px;width:100%}.not-found-icon{margin-bottom:var(--spacing-lg);color:var(--color-accent)}.not-found-globe{width:120px;height:120px}.not-found-title{font-family:var(--font-display);font-size:var(--text-title);font-weight:700;color:var(--color-text-primary);line-height:var(--leading-title);margin-bottom:var(--spacing-sm)}.not-found-subtitle{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body);margin-bottom:var(--spacing-xl)}.not-found-search{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.not-found-search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-body);font-family:var(--font-body);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-secondary);color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease}.not-found-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.not-found-search-input::placeholder{color:var(--color-text-muted)}.not-found-search-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-accent);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease}.not-found-search-btn:hover{background:var(--color-accent-hover)}.not-found-search-btn .search-icon{width:20px;height:20px;color:#fff}.not-found-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xl)}.not-found-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-body);font-family:var(--font-body);font-weight:500;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;min-height:var(--touch-target-min)}.not-found-btn .btn-icon{width:18px;height:18px}.not-found-btn-primary{background:var(--color-accent);color:#fff;border:none}.not-found-btn-primary:hover{background:var(--color-accent-hover)}.not-found-btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.not-found-btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-accent)}.not-found-btn-tertiary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.not-found-btn-tertiary:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.not-found-help{font-size:var(--text-caption);color:var(--color-text-tertiary)}.not-found-link{color:var(--color-accent);text-decoration:none}.not-found-link:hover{text-decoration:underline}@media(max-width:600px){.not-found-page{padding:var(--spacing-lg) var(--spacing-md);min-height:calc(100vh - 160px)}.not-found-title{font-size:1.5rem}.not-found-actions{flex-direction:column}.not-found-btn{width:100%;justify-content:center}}.offline-toast{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--text-body);font-family:var(--font-body);box-shadow:0 4px 12px #00000026;z-index:9999;animation:offlineToastSlideUp .3s ease}@keyframes offlineToastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.offline-toast--offline{background:var(--color-warning-light, #FEF3C7);border:1px solid var(--color-warning, #F59E0B);color:var(--color-gray-800)}.offline-toast--online{background:var(--color-success-light, #D1FAE5);border:1px solid var(--color-success, #22C55E);color:var(--color-gray-800)}.offline-toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.offline-toast-icon svg{width:20px;height:20px}.offline-toast--offline .offline-toast-icon{color:var(--color-warning, #F59E0B)}.offline-toast--online .offline-toast-icon{color:var(--color-success, #22C55E)}.offline-toast-content{display:flex;flex-direction:column;gap:2px}.offline-toast-title{font-weight:600;line-height:1.3}.offline-toast-message{font-size:var(--text-caption);color:var(--color-text-secondary);line-height:1.4}.offline-toast-icon--spinning{animation:offline-toast-spin 1s linear infinite}@keyframes offline-toast-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:600px){.offline-toast{left:var(--spacing-md);right:var(--spacing-md);bottom:calc(var(--mobile-nav-height, 64px) + var(--spacing-md));transform:none;width:auto}@keyframes offlineToastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:640px){.mode-cards-grid{display:flex;flex-direction:column;gap:12px}.mode-card{padding:16px;min-height:auto;gap:12px}.mode-card-icon{font-size:24px}.mode-card-name{font-size:15px}.mode-card-desc{font-size:13px;line-height:1.4}.quiz-stats-row{flex-wrap:wrap;gap:8px;justify-content:center}.quiz-stat-pill{min-width:auto;padding:6px 12px}.quiz-panel.setup{padding:16px}.quiz-panel.setup.learn-panel{padding:12px}.quiz-category-enhanced{margin-bottom:24px}.category-header{margin-bottom:12px}.category-header h3{font-size:16px}.quiz-settings-enhanced{padding:12px}.difficulty-buttons{flex-direction:column;gap:8px}.difficulty-btn{flex:none;width:100%;min-height:48px;padding:12px 16px;flex-direction:row;justify-content:flex-start;text-align:left}.diff-label{font-size:14px}.diff-desc{font-size:11px;margin-left:auto}.diff-recommended{position:absolute;right:12px;font-size:10px;color:var(--color-accent);background:var(--color-accent-light);padding:2px 6px;border-radius:4px}.continent-chips{display:flex;flex-wrap:wrap;gap:8px}.continent-chip{min-height:40px;padding:8px 14px;font-size:13px}.quiz-question-enhanced{padding:0}.quiz-prompt-enhanced p{font-size:18px;line-height:1.5;padding:0 8px}.quiz-options-enhanced{display:flex;flex-direction:column;gap:10px}.quiz-option-enhanced{width:100%;min-height:48px;padding:12px 16px;gap:12px;border-radius:12px}.quiz-option-enhanced:hover:not(:disabled){transform:none}.quiz-option-enhanced:active:not(:disabled){transform:scale(.99);box-shadow:none}.option-letter-enhanced{width:32px;height:32px;font-size:14px;border-radius:8px}.option-text-enhanced{font-size:15px;line-height:1.4}.option-indicator{font-size:20px}.quiz-flag-display-enhanced{margin:12px 0;padding:16px}.quiz-flag-large{font-size:64px}.quiz-feedback-enhanced{padding:14px;margin:12px 0;border-radius:12px}.feedback-header-enhanced{font-size:16px;margin-bottom:10px}.feedback-icon-enhanced{width:24px;height:24px;font-size:14px}.feedback-details-enhanced{font-size:14px}.feedback-country-info{flex-direction:row;align-items:center;gap:12px}.feedback-flag{font-size:32px}.feedback-country-details{font-size:13px}.feedback-learning{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.learning-label{font-size:11px}.learning-list{font-size:13px;line-height:1.5;padding-left:16px}.learning-list li{margin-bottom:6px}.feedback-why-matters,.feedback-misconception{margin-top:10px;padding:10px;border-radius:8px;font-size:13px}.quiz-actions-enhanced{margin-top:12px}.quiz-btn-enhanced{width:100%;min-height:48px;font-size:16px;border-radius:12px}.quiz-btn-enhanced.primary{padding:14px 20px}.btn-arrow{font-size:18px}.quiz-header-enhanced{padding:12px 0}.quiz-header-top{margin-bottom:10px}.quiz-mode-badge{font-size:13px;padding:6px 12px}.quiz-exit-btn-small{min-height:36px;min-width:60px;font-size:13px}.quiz-progress-bar-enhanced{height:6px;border-radius:3px;margin-top:8px}.quiz-timer{margin:8px 0}.quiz-timer-bar{max-width:100%;height:8px}.quiz-timer-text{font-size:14px;font-weight:600}.quiz-end-btn{min-height:44px;margin-top:16px}.milestone-toast{top:60px;left:16px;right:16px;transform:none}.milestone-content{padding:10px 14px;border-radius:10px}.milestone-close{width:28px;height:28px;font-size:16px}.milestone-icon{font-size:28px}.milestone-count{font-size:16px}.milestone-message{font-size:13px}}@media(max-width:359px){.quiz-prompt-enhanced p{font-size:16px}.quiz-option-enhanced{padding:10px 12px}.option-text-enhanced{font-size:14px}.quiz-flag-large{font-size:56px}}@media(max-width:640px){.learn-dashboard{gap:20px;padding:8px 0}.learn-hero{padding:16px;border-radius:14px}.learn-hero-copy h2{font-size:20px;margin-bottom:6px}.learn-hero-copy p{font-size:14px;line-height:1.5}.learn-hero-kicker{font-size:11px;margin-bottom:4px}.learn-hero-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.learn-metric-card{padding:12px;text-align:center}.metric-value{font-size:22px}.metric-label{font-size:11px}.learn-hero-chips{flex-wrap:wrap;gap:6px;margin-top:12px}.learn-chip{font-size:11px;padding:4px 10px}.learn-loop{gap:12px;padding:0}.learn-loop-step{padding:12px;gap:12px}.loop-number{width:28px;height:28px;font-size:14px}.learn-loop-step h3{font-size:15px}.learn-loop-step p{font-size:13px;line-height:1.4}.learn-review{padding:16px;border-radius:12px}.review-label{font-size:11px}.learn-review-copy h3{font-size:17px;margin:6px 0}.learn-review-copy p{font-size:13px}.review-metrics{margin-top:12px;gap:16px}.review-metric-value{font-size:24px}.review-metric-label{font-size:11px}.learn-review-actions{margin-top:14px;gap:10px}.review-btn{min-height:44px;font-size:14px;padding:10px 16px}.learn-paths-grid{display:flex;flex-direction:column;gap:12px}.learn-path-card{padding:14px}.path-name{font-size:15px}.path-audience{font-size:11px}.learn-path-card p{font-size:13px;margin:8px 0}.path-progress{font-size:12px}.path-actions{margin-top:12px;gap:8px}.path-btn{min-height:40px;font-size:13px}.learn-region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.learn-region-card{padding:14px 12px;min-height:72px}.region-name{font-size:14px}.region-desc{font-size:11px}.learn-boosters-grid{display:flex;flex-direction:column;gap:10px}.booster-card{padding:14px;flex-direction:row;align-items:center;gap:12px;text-align:left}.booster-icon{font-size:28px;flex-shrink:0}.booster-title{font-size:14px}.booster-desc{font-size:12px;line-height:1.4}.recommended-grid{display:flex;flex-direction:column;gap:10px}.recommended-card{padding:14px}.recommended-badge{font-size:10px;padding:3px 8px}.recommended-title{font-size:15px}.recommended-reason{font-size:12px;line-height:1.4}.learn-quickstart{padding:14px;border-radius:10px}.learn-quickstart h3{font-size:15px;margin-bottom:10px}.learn-quickstart ol{font-size:13px;line-height:1.6;padding-left:20px}.session-continue-prompt{padding:12px 14px;border-radius:12px;flex-direction:column;gap:12px}.session-icon{font-size:24px}.session-title{font-size:14px}.session-desc{font-size:12px}.session-actions{width:100%;gap:8px}.session-btn{flex:1;min-height:40px;font-size:13px}.learn-paths-header h3,.learn-regions-header h3,.learn-boosters-header h3{font-size:17px}.learn-paths-header p,.learn-regions-header p,.learn-boosters-header p{font-size:13px}}@media(max-width:640px){.lesson-view{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.lesson-content{flex:1;width:100%;max-width:none;padding:16px;overflow-y:auto}.lesson-header{padding:12px 16px;border-bottom:1px solid var(--color-border)}.lesson-progress-bar{height:6px;border-radius:3px}.lesson-hearts{font-size:18px}.lesson-image{margin:16px -16px;width:calc(100% + 32px);border-radius:0}.lesson-image img{width:100%;aspect-ratio:16/10;object-fit:cover}.lesson-image-caption{font-size:12px;padding:8px 16px;color:var(--color-text-secondary)}.lesson-instruction,.lesson-fact{font-size:16px;line-height:1.6;padding:16px;border-radius:12px}.lesson-instruction-title,.lesson-fact-title{font-size:18px;margin-bottom:8px}.lesson-fact-emoji{font-size:32px;margin-bottom:8px}.lesson-footer{position:sticky;bottom:0;left:0;right:0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.lesson-footer__content{display:flex;gap:12px}.lesson-footer__button{flex:1;min-height:48px;font-size:16px;font-weight:600;border-radius:12px;background:var(--color-accent);color:#fff;border:none;cursor:pointer;transition:background .15s ease}.lesson-footer__button:hover:not(:disabled){background:var(--color-accent-hover)}.lesson-footer__button:disabled{opacity:.5;cursor:not-allowed}}@media(max-width:640px){.progress-dashboard{padding:12px;gap:16px}.progress-row{display:flex;flex-direction:column;gap:16px}.journey-hero{padding:16px;border-radius:14px}.journey-hero__greeting{font-size:22px}.journey-hero__motivation{font-size:14px}.journey-hero__level{flex-direction:column;text-align:center;gap:12px}.journey-hero__level-badge{width:60px;height:60px}.journey-hero__level-number{font-size:1.5rem}.journey-hero__stats{flex-direction:column;gap:8px;padding:12px}.journey-hero__stat{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left}.journey-hero__stat-value{font-size:18px}.journey-hero__stat-label{font-size:12px}.journey-hero__stat-divider{display:none}.progress-card{margin:0 -12px;border-radius:0;border-left:none;border-right:none;padding:16px}.progress-card:first-child{margin-top:0}.progress-card__title{font-size:16px;margin-bottom:12px}.progress-card__icon{font-size:1.1rem}.streak-calendar{padding:0}.streak-calendar__hero{gap:12px;margin-bottom:8px}.streak-calendar__flame,.streak-calendar__number{font-size:2rem}.streak-calendar__label{font-size:11px}.streak-calendar__message{font-size:12px;margin-bottom:12px}.streak-calendar__week{gap:4px;margin-bottom:12px}.streak-calendar__day{max-width:42px}.streak-calendar__day-name{font-size:10px}.streak-calendar__day-dot{width:28px;height:28px}.streak-calendar__day-check{font-size:11px}.streak-calendar__day-xp{font-size:10px}.streak-calendar__stats{gap:24px;padding-top:12px}.streak-calendar__stat-value{font-size:18px}.streak-calendar__stat-label{font-size:10px}.weekly-activity{overflow-x:auto;-webkit-overflow-scrolling:touch}.weekly-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.weekly-summary-stat{padding:10px;text-align:center;background:var(--color-bg-tertiary);border-radius:8px}.weekly-summary-value{font-size:18px;display:block}.weekly-summary-label{font-size:11px}.weekly-chart{min-width:280px;gap:6px}.weekly-chart-day{min-width:36px;min-height:44px}.weekly-chart-bars{height:60px}.weekly-chart-bar{min-width:12px}.weekly-chart-label{font-size:10px}.weekly-legend{margin-top:12px;gap:16px;font-size:11px}.goals-panel{gap:10px}.goal-card{padding:12px;gap:10px}.goal-card__icon{font-size:1.25rem}.goal-card__label{font-size:14px}.goal-card__status{font-size:12px}.goal-card__bar{height:5px}.goal-card__count{font-size:12px}.badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.badge-item{padding:12px 8px;text-align:center}.badge-icon{width:48px;height:48px;font-size:24px;margin:0 auto 6px}.badge-name{font-size:11px;line-height:1.3}.badge-date{font-size:10px}.skill-mastery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.skill-card{padding:12px}.skill-icon{font-size:20px}.skill-name{font-size:13px}.skill-level{font-size:11px}.weak-area-item{padding:10px 12px;gap:10px}.weak-area-name{font-size:13px}.weak-area-stat{font-size:12px}.leaderboard-rank-item{padding:10px;gap:10px}.rank-position{font-size:14px;min-width:32px}.rank-category{font-size:13px}.rank-score{font-size:12px}}@media(max-width:640px){.account-page{padding:12px}.account-page h1{font-size:22px;margin-bottom:16px}.account-section{padding:16px;margin-bottom:16px;border-radius:12px}.account-section h2{font-size:16px;margin-bottom:14px}.account-avatar{width:80px;height:80px}.account-avatar-placeholder{font-size:28px}.account-avatar-section{flex-direction:column;align-items:center;text-align:center;gap:12px}.account-email{font-size:14px;word-break:break-all}.account-member-since{font-size:12px}.account-form{gap:14px}.account-field label{font-size:13px;margin-bottom:6px}.account-field input,.account-field select,.form-input,.form-select{width:100%;min-height:48px;font-size:16px;padding:12px 14px;border-radius:10px}.toggle-switch{width:52px;height:32px;border-radius:16px}.toggle-slider{width:26px;height:26px}.toggle-switch.active .toggle-slider{transform:translate(20px)}.settings-row{padding:14px 0;min-height:52px}.settings-label{font-size:15px}.settings-description{font-size:12px;line-height:1.4;margin-top:4px}.account-save-btn,.btn-primary{width:100%;min-height:48px;font-size:16px;border-radius:10px}.quiz-history-table{display:none}.quiz-history-cards{display:flex;flex-direction:column;gap:10px}.quiz-history-card{display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--color-bg-tertiary);border-radius:10px;border:1px solid var(--color-border)}.quiz-history-card-header{display:flex;justify-content:space-between;align-items:center}.quiz-history-mode{font-size:14px;font-weight:600;color:var(--color-text-primary)}.quiz-history-date{font-size:12px;color:var(--color-text-muted)}.quiz-history-card-stats{display:flex;gap:16px}.quiz-history-stat{display:flex;flex-direction:column;gap:2px}.quiz-history-stat-value{font-size:16px;font-weight:600;color:var(--color-accent)}.quiz-history-stat-label{font-size:11px;color:var(--color-text-secondary)}.account-stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px 12px;text-align:center}.stat-value{font-size:22px}.stat-label{font-size:12px}.password-section{padding:14px;border-radius:10px}.password-toggle-btn{min-height:44px;font-size:14px}.password-fields{gap:12px}.password-strength-bar{height:4px;margin-top:6px}.password-change-btn{min-height:44px;margin-top:12px}.danger-zone{margin-top:24px;padding-top:16px;border-top:1px solid var(--color-error-border)}.danger-zone h3{font-size:14px;color:var(--color-error);margin-bottom:10px}.delete-account-btn{min-height:44px;width:100%;font-size:14px}.favorites-grid{grid-template-columns:repeat(2,1fr);gap:8px}.favorite-card{padding:12px}.favorite-flag{font-size:24px}.favorite-name{font-size:13px}.friends-list{gap:8px}.friend-item{padding:12px;gap:10px}.friend-avatar{width:40px;height:40px}.friend-name{font-size:14px}.friend-status{font-size:12px}.friend-actions{gap:6px}.friend-btn{min-height:36px;padding:6px 12px;font-size:12px}.subscription-badge{padding:8px 16px;font-size:13px}}@media(max-width:768px){.globe-controls{position:fixed;right:16px;bottom:calc(var(--sheet-peek, 140px) + 70px);display:flex;flex-direction:column;gap:8px;z-index:400;transition:bottom .38s cubic-bezier(.32,1.6,.64,1),opacity .15s ease}@supports selector(:has(*)){body:has(.mobile-sheet[data-snap=full]) .globe-controls{opacity:0;pointer-events:none}}body.sheet-full .globe-controls{opacity:0;pointer-events:none}.globe-control-btn{width:44px;height:44px;border-radius:10px;background:#fffffff0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);box-shadow:0 4px 8px #0000000f,0 2px 4px #0000000a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.globe-control-btn:active{transform:scale(.95)}.globe-control-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.globe-control-icon{display:flex;align-items:center;justify-content:center}.globe-control-icon svg{width:18px;height:18px;color:var(--color-text-secondary)}.globe-control-label{font-size:9px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em}}@media(max-width:640px){.btn-press:active,button:active:not(:disabled){transform:scale(.96)}.mode-card:active,.learn-path-card:active,.learn-region-card:active,.booster-card:active,.recommended-card:active{transform:scale(.99)}@media(prefers-reduced-motion:reduce){.btn-press:active,button:active,.mode-card:active,.learn-path-card:active,.learn-region-card:active{transform:none}.quiz-option-enhanced.correct,.quiz-option-enhanced.incorrect{animation:none}}}@media(max-width:640px){.mode-card,.learn-path-card,.quiz-history-card,.progress-card,.goal-card{contain:layout style}}@keyframes mobileShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mobile-skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:mobileShimmer 1.5s infinite;border-radius:8px}html[data-theme=dark]{--color-bg-primary: #0f1419;--color-bg-secondary: #1a1f26;--color-bg-tertiary: #242d38;--color-text-primary: #e7e9ea;--color-text-secondary: #a3aab3;--color-text-tertiary: #71767b;--color-text-muted: #536471;--color-gray-50: #1a1f26;--color-gray-100: #242d38;--color-gray-200: #333d4a;--color-gray-300: #404d5c;--color-gray-400: #536471;--color-gray-500: #71767b;--color-gray-600: #a3aab3;--color-gray-700: #c4c9cd;--color-gray-800: #e7e9ea;--color-gray-900: #f7f9f9;--color-accent: #3d9960;--color-accent-hover: #4aad6d;--color-accent-active: #2f7d4e;--color-accent-light: rgba(61, 153, 96, .15);--color-accent-subtle: rgba(61, 153, 96, .08);--color-success-bg: rgba(34, 197, 94, .15);--color-success-border: rgba(34, 197, 94, .4);--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-border: rgba(245, 158, 11, .4);--color-error-bg: rgba(239, 68, 68, .15);--color-error-border: rgba(239, 68, 68, .4);--color-info-bg: rgba(59, 130, 246, .15);--color-info-border: rgba(59, 130, 246, .4);--color-focus-ring: rgba(61, 153, 96, .5);--color-focus-ring-offset: var(--color-bg-secondary);--color-border: #333d4a;--color-border-light: rgba(255, 255, 255, .08);--color-border-hover: #404d5c;--color-header-bg: #1a1f26;--color-header-text: #e7e9ea;--color-header-text-muted: #a3aab3;--color-header-nav-hover: rgba(255, 255, 255, .08);--color-header-nav-active: rgba(61, 153, 96, .2);--color-sidebar-bg: #1a1f26;--glass-bg: rgba(28, 28, 30, .72);--glass-bg-elevated: rgba(44, 44, 46, .85);--glass-border: rgba(255, 255, 255, .08);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .35), 0 4px 8px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .25);--shadow-header: 0 1px 3px rgba(0, 0, 0, .2);--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-accent: 0 4px 14px rgba(61, 153, 96, .2), 0 2px 6px rgba(61, 153, 96, .15);--shadow-accent-lg: 0 8px 24px rgba(61, 153, 96, .25), 0 4px 8px rgba(61, 153, 96, .15);--shadow-glow: 0 0 20px rgba(61, 153, 96, .3);--gradient-page: linear-gradient(180deg, #0f1419 0%, #1a1f26 100%);--gradient-card: linear-gradient(135deg, #1a1f26 0%, #242d38 100%);--gradient-hero-glow: radial-gradient(ellipse at 50% 0%, rgba(61, 153, 96, .08) 0%, transparent 60%);--color-sheet-bg: #1a1f26;--color-pill-handle: #404d5c;--color-overlay: rgba(0, 0, 0, .75)}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]){--color-bg-primary: #0f1419;--color-bg-secondary: #1a1f26;--color-bg-tertiary: #242d38;--color-text-primary: #e7e9ea;--color-text-secondary: #a3aab3;--color-text-tertiary: #71767b;--color-text-muted: #536471;--color-gray-50: #1a1f26;--color-gray-100: #242d38;--color-gray-200: #333d4a;--color-gray-300: #404d5c;--color-gray-400: #536471;--color-gray-500: #71767b;--color-gray-600: #a3aab3;--color-gray-700: #c4c9cd;--color-gray-800: #e7e9ea;--color-gray-900: #f7f9f9;--color-accent: #3d9960;--color-accent-hover: #4aad6d;--color-accent-active: #2f7d4e;--color-accent-light: rgba(61, 153, 96, .15);--color-accent-subtle: rgba(61, 153, 96, .08);--color-success-bg: rgba(34, 197, 94, .15);--color-success-border: rgba(34, 197, 94, .4);--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-border: rgba(245, 158, 11, .4);--color-error-bg: rgba(239, 68, 68, .15);--color-error-border: rgba(239, 68, 68, .4);--color-info-bg: rgba(59, 130, 246, .15);--color-info-border: rgba(59, 130, 246, .4);--color-focus-ring: rgba(61, 153, 96, .5);--color-focus-ring-offset: var(--color-bg-secondary);--color-border: #333d4a;--color-border-light: rgba(255, 255, 255, .08);--color-border-hover: #404d5c;--color-header-bg: #1a1f26;--color-header-text: #e7e9ea;--color-header-text-muted: #a3aab3;--color-header-nav-hover: rgba(255, 255, 255, .08);--color-header-nav-active: rgba(61, 153, 96, .2);--color-sidebar-bg: #1a1f26;--glass-bg: rgba(28, 28, 30, .72);--glass-bg-elevated: rgba(44, 44, 46, .85);--glass-border: rgba(255, 255, 255, .08);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .35), 0 4px 8px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .25);--shadow-header: 0 1px 3px rgba(0, 0, 0, .2);--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-accent: 0 4px 14px rgba(61, 153, 96, .2), 0 2px 6px rgba(61, 153, 96, .15);--shadow-accent-lg: 0 8px 24px rgba(61, 153, 96, .25), 0 4px 8px rgba(61, 153, 96, .15);--shadow-glow: 0 0 20px rgba(61, 153, 96, .3);--gradient-page: linear-gradient(180deg, #0f1419 0%, #1a1f26 100%);--gradient-card: linear-gradient(135deg, #1a1f26 0%, #242d38 100%);--gradient-hero-glow: radial-gradient(ellipse at 50% 0%, rgba(61, 153, 96, .08) 0%, transparent 60%);--color-sheet-bg: #1a1f26;--color-pill-handle: #404d5c;--color-overlay: rgba(0, 0, 0, .75)}}html[data-theme=dark] body{background:var(--gradient-page);color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]) body{background:var(--gradient-page);color-scheme:dark}}html[data-theme=dark] .mapboxgl-ctrl-group{background:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}html[data-theme=dark] .mapboxgl-ctrl-group button{background:transparent!important;color:var(--color-text-primary)!important}html[data-theme=dark] .mapboxgl-ctrl-group button:hover{background:var(--color-gray-100)!important}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]) .mapboxgl-ctrl-group{background:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}html:not([data-theme=light]):not([data-theme=dark]) .mapboxgl-ctrl-group button{background:transparent!important;color:var(--color-text-primary)!important}html:not([data-theme=light]):not([data-theme=dark]) .mapboxgl-ctrl-group button:hover{background:var(--color-gray-100)!important}}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--color-text-muted)}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]) input,html:not([data-theme=light]):not([data-theme=dark]) select,html:not([data-theme=light]):not([data-theme=dark]) textarea{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}html:not([data-theme=light]):not([data-theme=dark]) input::placeholder,html:not([data-theme=light]):not([data-theme=dark]) textarea::placeholder{color:var(--color-text-muted)}}html[data-theme=dark] .modal-content,html[data-theme=dark] .auth-modal,html[data-theme=dark] .card{background:var(--color-bg-secondary);border-color:var(--color-border)}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]) .modal-content,html:not([data-theme=light]):not([data-theme=dark]) .auth-modal,html:not([data-theme=light]):not([data-theme=dark]) .card{background:var(--color-bg-secondary);border-color:var(--color-border)}}html[data-theme=dark] .toast{background:var(--color-bg-secondary);border-color:var(--color-border)}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]) .toast{background:var(--color-bg-secondary);border-color:var(--color-border)}}html[data-theme=dark] .skeleton{background:var(--color-gray-100)}html[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]) .skeleton{background:var(--color-gray-100)}html:not([data-theme=light]):not([data-theme=dark]) .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}}.user-menu-theme-toggle{display:flex;gap:4px;padding:4px 12px 8px}.user-menu-theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer;transition:all .15s ease}.user-menu-theme-option:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.user-menu-theme-option.active{border-color:var(--color-accent);background:var(--color-accent-subtle)}.user-menu-theme-option .theme-icon{font-size:18px;line-height:1}.user-menu-theme-option .theme-label{font-size:11px;font-weight:500;color:var(--color-text-secondary)}.user-menu-theme-option.active .theme-label{color:var(--color-accent);font-weight:600}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #0000001a;padding:var(--space-4) var(--space-5);animation:slideUpFromBottom .3s var(--ease-out-expo)}.cookie-consent-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.cookie-consent-title{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0}.cookie-consent-text{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body);margin:0}.cookie-consent-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.cookie-consent-btn{padding:var(--space-2) var(--space-5);font-size:var(--text-body);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.cookie-consent-btn-decline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.cookie-consent-btn-decline:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.cookie-consent-btn-accept{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff}.cookie-consent-btn-accept:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}@media(min-width:640px){.cookie-consent-content{flex-direction:row;align-items:center;gap:var(--space-5)}.cookie-consent-content>:first-child{flex:1}.cookie-consent-actions{margin-top:0}}.data-privacy-actions{margin-bottom:var(--space-6)}.data-export-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.data-export-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.data-export-btn:disabled{opacity:.6;cursor:not-allowed}.data-export-hint{margin-top:var(--space-2);font-size:var(--text-caption);color:var(--color-text-tertiary)}.danger-zone{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-error-bg)}.danger-zone h3{font-size:var(--text-body);font-weight:600;color:var(--color-error);margin:0 0 var(--space-2)}.danger-zone p{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.delete-account-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:1px solid var(--color-error);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:500;color:var(--color-error);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.delete-account-btn:hover{background:var(--color-error);color:#fff}.delete-account-modal{max-width:480px}.delete-account-warning{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-error-bg);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.delete-account-warning-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-error)}.delete-account-warning-text{font-size:var(--text-body);color:var(--color-text-primary);line-height:var(--leading-body)}.delete-account-warning-text strong{color:var(--color-error)}.delete-account-items{margin-bottom:var(--space-5)}.delete-account-items h4{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3)}.delete-account-items ul{list-style:none;padding:0;margin:0}.delete-account-items li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-caption);color:var(--color-text-secondary)}.delete-account-items li:before{content:"";width:6px;height:6px;background:var(--color-error);border-radius:50%;flex-shrink:0}.delete-account-confirm{margin-bottom:var(--space-5)}.delete-account-confirm label{display:block;font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-2)}.delete-account-confirm input{width:100%;padding:var(--space-3);font-size:var(--text-body);font-family:var(--font-mono, monospace);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary)}.delete-account-confirm input:focus{outline:none;border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}.delete-account-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.delete-account-actions button{padding:var(--space-3) var(--space-5);font-size:var(--text-body);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.delete-account-cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.delete-account-cancel:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.delete-account-submit{background:var(--color-error);border:1px solid var(--color-error);color:#fff}.delete-account-submit:hover:not(:disabled){background:var(--color-error-dark);border-color:var(--color-error-dark)}.delete-account-submit:disabled{opacity:.5;cursor:not-allowed}.league-tier-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,rgba(var(--tier-color-rgb, 205, 127, 50),.1),transparent);border:1px solid var(--tier-color, #CD7F32);border-radius:6px}.league-tier-badge--small{padding:2px 6px;gap:4px}.league-tier-badge--small .league-tier-badge__icon{font-size:14px}.league-tier-badge--small .league-tier-badge__name{font-size:11px}.league-tier-badge--medium .league-tier-badge__icon{font-size:18px}.league-tier-badge--medium .league-tier-badge__name{font-size:13px}.league-tier-badge--large{padding:6px 14px;gap:8px}.league-tier-badge--large .league-tier-badge__icon{font-size:24px}.league-tier-badge--large .league-tier-badge__name{font-size:15px}.league-tier-badge__name{font-weight:600;color:var(--tier-color, var(--color-text-primary))}.weekly-league-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.weekly-league-card--loading{min-height:200px;display:flex;align-items:center;justify-content:center}.weekly-league-card__skeleton{color:var(--color-text-tertiary);font-size:14px}.weekly-league-card__header{display:flex;justify-content:space-between;align-items:center}.weekly-league-card__tier{display:flex;align-items:center;gap:8px}.weekly-league-card__league-label{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.weekly-league-card__time{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-tertiary)}.weekly-league-card__status{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:var(--color-bg-tertiary);border-radius:8px}.status-rank,.status-xp{display:flex;flex-direction:column;align-items:center}.status-rank-value,.status-xp-value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.status-rank-label,.status-xp-label{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase}.weekly-league-card__zone{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500}.weekly-league-card__zone.promotion{background:var(--color-success-bg);color:var(--color-success-dark)}.weekly-league-card__zone.relegation{background:var(--color-error-bg);color:var(--color-error-dark)}.weekly-league-card__standings{display:flex;flex-direction:column;gap:6px}.standings-header{font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.standings-list{display:flex;flex-direction:column;gap:4px}.standings-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:13px}.standings-row.current-user{background:var(--color-accent-subtle)}.standings-rank{min-width:28px;font-weight:600;color:var(--color-text-secondary)}.standings-name{flex:1;display:flex;align-items:center;gap:6px;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-tag{font-size:10px;padding:1px 4px;background:var(--color-accent);color:#fff;border-radius:3px;font-weight:600}.standings-xp{font-weight:600;color:var(--color-accent)}.standings-divider{text-align:center;color:var(--color-text-tertiary);font-size:12px}.weekly-league-card__empty{text-align:center;padding:16px;color:var(--color-text-secondary);font-size:13px}.empty-hint{margin-top:4px;font-size:12px;color:var(--color-text-tertiary)}.weekly-league-card__view-all{width:100%;padding:10px;background:transparent;border:1px solid var(--color-border);border-radius:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.weekly-league-card__view-all:hover{border-color:var(--color-accent);color:var(--color-accent)}.weekly-league-card--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:var(--color-bg-primary);overflow-y:auto}.league-standings{display:flex;flex-direction:column;gap:16px;padding:20px;max-width:600px;margin:0 auto}.league-standings--loading{min-height:300px;display:flex;align-items:center;justify-content:center}.league-standings__header{display:flex;flex-direction:column;gap:8px}.league-standings__title-row{display:flex;align-items:center;gap:12px}.league-standings__title{flex:1;margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary)}.league-standings__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:6px;font-size:20px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.league-standings__close:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.league-standings__meta{display:flex;align-items:center;gap:12px}.league-standings__time{font-size:13px;color:var(--color-text-secondary)}.league-standings__refresh{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:4px;font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.league-standings__refresh:hover{border-color:var(--color-accent);color:var(--color-accent)}.league-standings__zone{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}.league-standings__zone--promotion{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-dark)}.league-standings__zone--relegation{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-dark)}.league-standings__list{display:flex;flex-direction:column;gap:4px}.league-standings__empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.league-standings__summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;background:var(--color-bg-tertiary);border-radius:10px}.summary-stat{display:flex;flex-direction:column;align-items:center}.summary-label{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase}.summary-value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.standing-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;transition:all var(--transition-fast)}.standing-row--current{background:var(--color-accent-subtle);border-color:var(--color-accent-light)}.standing-row--promotion{border-left:3px solid var(--color-success)}.standing-row--relegation{border-left:3px solid var(--color-error)}.standing-row__rank{min-width:36px;text-align:center}.rank-medal{font-size:20px}.rank-number{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.standing-row__user{flex:1;display:flex;align-items:center;gap:10px;overflow:hidden}.standing-row__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.standing-row__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:14px;font-weight:600}.standing-row__name{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge{font-size:10px;padding:2px 6px;background:var(--color-accent);color:#fff;border-radius:4px;font-weight:600}.standing-row__xp{display:flex;flex-direction:column;align-items:flex-end}.standing-row__xp .xp-value{font-size:15px;font-weight:700;color:var(--color-accent)}.standing-row__xp .xp-label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase}.standing-row__zone-indicator{font-size:14px}.league-promotion-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .3s ease}.league-promotion-modal-overlay.visible{opacity:1}.league-promotion-modal{background:var(--color-bg-secondary);border-radius:16px;padding:24px;max-width:400px;width:100%;text-align:center;position:relative;overflow:hidden;transform:scale(.9);transition:transform .3s ease}.league-promotion-modal-overlay.visible .league-promotion-modal{transform:scale(1)}.league-promotion-modal.promoted{border:2px solid var(--color-success)}.league-promotion-modal.relegated{border:2px solid var(--color-warning)}.promotion-celebration{position:absolute;top:0;left:0;right:0;height:100px;pointer-events:none;overflow:hidden}.celebration-particle{position:absolute;font-size:24px;animation:celebrationFall 2s ease-in-out infinite}.celebration-particle.p1{left:10%;animation-delay:0s}.celebration-particle.p2{left:30%;animation-delay:.3s}.celebration-particle.p3{left:50%;animation-delay:.6s}.celebration-particle.p4{left:70%;animation-delay:.9s}@keyframes celebrationFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(80px) rotate(360deg);opacity:0}}.league-promotion-modal__header{margin-bottom:20px}.league-promotion-modal__title{margin:0;font-size:24px;font-weight:700;color:var(--color-text-primary)}.league-promotion-modal__tiers{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.tier-display{display:flex;flex-direction:column;align-items:center;gap:6px}.tier-display.highlight{transform:scale(1.1)}.tier-label{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.tier-arrow{font-size:24px}.league-promotion-modal__message{margin:0 0 20px;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.league-promotion-modal__stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;background:var(--color-bg-tertiary);border-radius:10px;margin-bottom:16px}.promo-stat{display:flex;flex-direction:column;align-items:center}.promo-stat-value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.promo-stat-label{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase}.league-promotion-modal__benefits{text-align:left;padding:12px;background:var(--color-success-bg);border-radius:8px;margin-bottom:16px}.benefits-title{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--color-success-dark)}.benefits-list{margin:0;padding-left:20px;font-size:12px;color:var(--color-text-secondary)}.benefits-list li{margin-bottom:4px}.league-promotion-modal__encouragement{padding:12px;background:var(--color-warning-bg);border-radius:8px;margin-bottom:16px;font-size:13px;color:var(--color-warning-dark)}.league-promotion-modal__action{width:100%;padding:14px;background:var(--color-accent);border:none;border-radius:8px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.league-promotion-modal__action:hover{filter:brightness(1.1)}.notification-settings{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:20px}.notification-settings__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.notification-settings__header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.notification-status{font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase}.notification-status.active{background:var(--color-success-bg);color:var(--color-success-dark)}.notification-status.inactive{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.notification-settings__auth-prompt,.notification-settings__unsupported,.notification-settings__denied{text-align:center;padding:24px 16px}.unsupported-icon,.denied-icon{display:block;font-size:32px;margin-bottom:12px}.unsupported-hint,.denied-hint{margin-top:8px;font-size:12px;color:var(--color-text-tertiary);line-height:1.5}.notification-settings__main-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:var(--color-bg-tertiary);border-radius:8px;margin-bottom:16px}.toggle-info{flex:1}.toggle-label{display:block;font-size:14px;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.toggle-description{font-size:12px;color:var(--color-text-secondary)}.toggle-btn{position:relative;width:48px;height:26px;padding:0;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:13px;cursor:pointer;transition:all var(--transition-fast)}.toggle-btn.small{width:40px;height:22px;border-radius:11px}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-btn .toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-text-tertiary);border-radius:50%;transition:all var(--transition-fast)}.toggle-btn.small .toggle-slider{width:14px;height:14px}.toggle-btn.active{background:var(--color-accent);border-color:var(--color-accent)}.toggle-btn.active .toggle-slider{left:calc(100% - 20px);background:#fff}.toggle-btn.small.active .toggle-slider{left:calc(100% - 16px)}.notification-settings__section{margin-bottom:16px}.notification-settings__section h4{margin:0 0 12px;font-size:12px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.preference-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border-light)}.preference-item:last-child{border-bottom:none}.preference-info{display:flex;align-items:flex-start;gap:10px;flex:1}.preference-icon{font-size:18px;flex-shrink:0}.preference-text{display:flex;flex-direction:column;gap:2px}.preference-label{font-size:13px;font-weight:500;color:var(--color-text-primary)}.preference-desc{font-size:11px;color:var(--color-text-tertiary)}.quiet-hours-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0;cursor:pointer}.quiet-hours-info{display:flex;align-items:flex-start;gap:10px}.expand-icon{font-size:10px;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.expand-icon.expanded{transform:rotate(180deg)}.quiet-hours-form{padding:12px;background:var(--color-bg-tertiary);border-radius:8px;margin-top:8px}.time-inputs{display:flex;align-items:center;gap:12px;margin-bottom:12px}.time-input-group{display:flex;flex-direction:column;gap:4px}.time-input-group label{font-size:11px;color:var(--color-text-tertiary)}.time-input-group input{padding:8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;font-size:14px;color:var(--color-text-primary)}.time-separator{font-size:13px;color:var(--color-text-tertiary);margin-top:18px}.clear-quiet-hours{background:transparent;border:none;font-size:12px;color:var(--color-text-tertiary);cursor:pointer;padding:0}.clear-quiet-hours:hover{color:var(--color-text-secondary);text-decoration:underline}.notification-settings__test{padding-top:16px;border-top:1px solid var(--color-border-light);text-align:center}.test-btn{padding:8px 16px;background:transparent;border:1px solid var(--color-border);border-radius:6px;font-size:13px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.test-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.notification-settings__enable-prompt{text-align:center;padding:20px;background:var(--color-accent-subtle);border-radius:8px}.notification-settings__enable-prompt p{margin:0 0 12px;font-size:13px;color:var(--color-text-secondary)}.enable-btn{padding:10px 20px;background:var(--color-accent);border:none;border-radius:6px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.enable-btn:hover{filter:brightness(1.1)}.enable-btn:disabled{opacity:.7;cursor:not-allowed}.speaker-button{display:inline-flex;align-items:center;justify-content:center;position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.speaker-button:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.speaker-button:active{transform:scale(.95)}.speaker-button:disabled{opacity:.5;cursor:not-allowed}.speaker-button.speaking{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.speaker-button--small{width:32px;height:32px;min-width:32px;min-height:32px}.speaker-button--medium{width:40px;height:40px;min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.speaker-button--large{width:48px;height:48px;min-width:48px;min-height:48px}.speaker-button__icon{color:var(--color-text-secondary);transition:color var(--transition-fast)}.speaker-button--small .speaker-button__icon{width:16px;height:16px}.speaker-button--medium .speaker-button__icon{width:20px;height:20px}.speaker-button--large .speaker-button__icon{width:24px;height:24px}.speaker-button:hover .speaker-button__icon,.speaker-button.speaking .speaker-button__icon{color:var(--color-accent)}.speaker-button__wave{opacity:.6;transition:opacity var(--transition-fast)}.speaker-button.speaking .speaker-button__wave--1{animation:speaker-wave .8s ease-in-out infinite}.speaker-button.speaking .speaker-button__wave--2{animation:speaker-wave .8s ease-in-out infinite .15s}@keyframes speaker-wave{0%,to{opacity:.3}50%{opacity:1}}.speaker-button__pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-full);background:var(--color-accent);opacity:0;animation:speaker-pulse 1.2s ease-out infinite;pointer-events:none}@keyframes speaker-pulse{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.pronunciation-settings{display:flex;flex-direction:column;gap:20px}.pronunciation-settings__row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border-light)}.pronunciation-settings__row:last-child{border-bottom:none}.pronunciation-settings__label{display:flex;flex-direction:column;gap:2px}.pronunciation-settings__label-text{font-size:14px;font-weight:500;color:var(--color-text-primary)}.pronunciation-settings__label-hint{font-size:12px;color:var(--color-text-tertiary)}.pronunciation-toggle{position:relative;width:48px;height:28px;background:var(--color-gray-300);border:none;border-radius:14px;cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.pronunciation-toggle.active{background:var(--color-accent)}.pronunciation-toggle:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #00000026;transition:transform var(--transition-fast)}.pronunciation-toggle.active:after{transform:translate(20px)}.pronunciation-settings__slider-row{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--color-border-light)}.pronunciation-settings__slider-header{display:flex;align-items:center;justify-content:space-between}.pronunciation-settings__slider-value{font-size:13px;font-weight:500;color:var(--color-accent);background:var(--color-accent-subtle);padding:2px 8px;border-radius:4px}.pronunciation-settings__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-gray-200);border-radius:3px;outline:none}.pronunciation-settings__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #00000026;transition:transform var(--transition-fast)}.pronunciation-settings__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.pronunciation-settings__slider::-moz-range-thumb{width:20px;height:20px;background:var(--color-accent);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #00000026}.pronunciation-settings__slider-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-tertiary)}.pronunciation-settings__test{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-top:8px}.pronunciation-test-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-accent);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.pronunciation-test-btn:hover{filter:brightness(1.1)}.pronunciation-test-btn:active{transform:scale(.98)}.pronunciation-test-btn:disabled{opacity:.7;cursor:not-allowed}.pronunciation-test-btn svg{width:18px;height:18px}.pronunciation-settings__not-supported{padding:16px;background:var(--color-warning-bg);border-radius:var(--radius-md);font-size:13px;color:var(--color-text-secondary);text-align:center}.pronunciation-challenge{display:flex;flex-direction:column;height:100%;background:var(--color-bg-primary)}.pronunciation-challenge__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.pronunciation-challenge__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary)}.pronunciation-challenge__title-icon{font-size:20px}.pronunciation-challenge__exit-btn{padding:8px 16px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pronunciation-challenge__exit-btn:hover{border-color:var(--color-error);color:var(--color-error)}.pronunciation-challenge__stats{display:flex;gap:12px;padding:12px 20px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light)}.pronunciation-challenge__stat{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:13px}.pronunciation-challenge__stat-icon{font-size:14px}.pronunciation-challenge__stat-value{font-weight:600;color:var(--color-text-primary)}.pronunciation-challenge__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;gap:32px}.pronunciation-challenge__speaker-area{display:flex;flex-direction:column;align-items:center;gap:16px}.pronunciation-challenge__play-btn{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-accent)}.pronunciation-challenge__play-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-accent-lg)}.pronunciation-challenge__play-btn:active{transform:scale(.98)}.pronunciation-challenge__play-btn.speaking{animation:pronunciation-pulse 1.5s ease-in-out infinite}@keyframes pronunciation-pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-accent)}50%{transform:scale(1.05);box-shadow:var(--shadow-accent-lg),0 0 0 12px #2f7d4e1a}}.pronunciation-challenge__play-btn svg{width:36px;height:36px}.pronunciation-challenge__instruction{font-size:15px;color:var(--color-text-secondary);text-align:center}.pronunciation-challenge__prompt{font-size:18px;font-weight:500;color:var(--color-text-primary);text-align:center}.pronunciation-challenge__options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.pronunciation-challenge__option{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:16px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.pronunciation-challenge__option:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-subtle)}.pronunciation-challenge__option:disabled{cursor:default}.pronunciation-challenge__option.correct{border-color:var(--color-success);background:var(--color-success-bg)}.pronunciation-challenge__option.incorrect{border-color:var(--color-error);background:var(--color-error-bg)}.pronunciation-challenge__option.dimmed{opacity:.5}.pronunciation-challenge__option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.pronunciation-challenge__option:hover:not(:disabled) .pronunciation-challenge__option-letter{background:var(--color-accent-light);color:var(--color-accent)}.pronunciation-challenge__option.correct .pronunciation-challenge__option-letter{background:var(--color-success);color:#fff}.pronunciation-challenge__option.incorrect .pronunciation-challenge__option-letter{background:var(--color-error);color:#fff}.pronunciation-challenge__feedback{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:400px}.pronunciation-challenge__feedback.correct{background:var(--color-success-bg)}.pronunciation-challenge__feedback.incorrect{background:var(--color-error-bg)}.pronunciation-challenge__feedback-header{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600}.pronunciation-challenge__feedback.correct .pronunciation-challenge__feedback-header{color:var(--color-success-dark)}.pronunciation-challenge__feedback.incorrect .pronunciation-challenge__feedback-header{color:var(--color-error-dark)}.pronunciation-challenge__replay-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pronunciation-challenge__replay-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.pronunciation-challenge__replay-btn svg{width:18px;height:18px}.pronunciation-challenge__next-btn{padding:12px 32px;background:var(--color-accent);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.pronunciation-challenge__next-btn:hover{filter:brightness(1.1)}.quiz-prompt-with-speaker{display:flex;align-items:center;justify-content:center;gap:12px}.quiz-prompt-with-speaker .speaker-button{margin-left:4px}.admin-dashboard{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.admin-dashboard-loading,.admin-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md);color:var(--color-text-secondary)}.admin-dashboard-unauthorized{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:var(--spacing-sm)}.unauthorized-icon{font-size:48px;margin-bottom:var(--spacing-md)}.admin-dashboard-unauthorized h2{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0}.admin-dashboard-unauthorized p{color:var(--color-text-secondary);margin:0}.unauthorized-note{font-size:13px;color:var(--color-text-tertiary);margin-top:var(--spacing-md)}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.admin-header-title h1{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.admin-header-subtitle{font-size:13px;color:var(--color-text-tertiary)}.admin-header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.time-range-selector{display:flex;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:3px}.time-range-btn{padding:6px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.time-range-btn:hover{color:var(--color-text-primary)}.time-range-btn.active{background:var(--color-bg-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.admin-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.admin-metric-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column}.admin-metric-card.highlight{background:linear-gradient(135deg,var(--color-accent) 0%,#3d9e64 100%);border-color:transparent;color:#fff}.admin-metric-card.highlight .admin-metric-label,.admin-metric-card.highlight .admin-metric-sublabel,.admin-metric-card.highlight .admin-metric-change{color:#ffffffd9}.admin-metric-value{font-size:32px;font-weight:700;line-height:1.1;margin-bottom:4px}.admin-metric-label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.admin-metric-sublabel{font-size:12px;color:var(--color-text-tertiary);margin-top:4px}.admin-metric-change{font-size:12px;font-weight:500;margin-top:8px}.admin-metric-change.positive{color:var(--color-success)}.admin-metric-change.negative{color:var(--color-error)}.admin-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.admin-section h2{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.admin-growth-stats{display:flex;gap:var(--spacing-xl)}.growth-stat{display:flex;flex-direction:column}.growth-value{font-size:24px;font-weight:700;color:var(--color-success)}.growth-label{font-size:13px;color:var(--color-text-secondary)}.admin-dau-chart{display:flex;align-items:flex-end;height:200px;gap:4px;padding-top:var(--spacing-md)}.dau-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.dau-bar{width:100%;max-width:40px;background:var(--color-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;display:flex;align-items:flex-start;justify-content:center;transition:all var(--transition-fast);margin-top:auto}.dau-bar:hover{background:var(--color-accent-hover)}.dau-count{font-size:10px;font-weight:600;color:#fff;padding:4px 2px}.dau-day{font-size:11px;font-weight:500;color:var(--color-text-secondary);margin-top:6px}.dau-date{font-size:10px;color:var(--color-text-tertiary)}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.subscription-breakdown{display:flex;flex-direction:column;gap:var(--spacing-md)}.subscription-item{position:relative;display:flex;align-items:center;gap:var(--spacing-md)}.subscription-bar{height:8px;border-radius:4px;min-width:8px;transition:width var(--transition-base)}.subscription-bar.free{background:var(--color-text-tertiary)}.subscription-bar.pro{background:var(--color-accent)}.subscription-bar.education{background:#8b5cf6}.subscription-label{font-size:14px;font-weight:500;color:var(--color-text-primary);min-width:80px}.subscription-count{font-size:14px;color:var(--color-text-secondary);margin-left:auto}.conversion-funnel{display:flex;flex-direction:column;gap:var(--spacing-sm)}.funnel-step{display:flex;align-items:center;gap:var(--spacing-md)}.funnel-bar{height:32px;background:var(--color-accent);border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 var(--spacing-md);min-width:100px;transition:width var(--transition-base)}.funnel-metric{font-size:12px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funnel-stats{display:flex;gap:var(--spacing-sm);align-items:center}.funnel-count{font-size:14px;font-weight:600;color:var(--color-text-primary)}.funnel-percentage{font-size:12px;color:var(--color-text-tertiary)}.quiz-mode-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.quiz-mode-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--spacing-md)}.quiz-mode-header{display:flex;flex-direction:column}.quiz-mode-name{font-size:14px;font-weight:500;color:var(--color-text-primary)}.quiz-mode-count{font-size:12px;color:var(--color-text-tertiary)}.quiz-mode-bar{width:200px;height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.quiz-mode-fill{height:100%;border-radius:4px;transition:width var(--transition-base)}.quiz-mode-score{font-size:14px;font-weight:600;color:var(--color-text-primary);min-width:60px;text-align:right}.classroom-metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md)}.classroom-metric{text-align:center;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.classroom-metric-value{display:block;font-size:24px;font-weight:700;color:var(--color-text-primary)}.classroom-metric-label{display:block;font-size:12px;color:var(--color-text-secondary);margin-top:4px}.recent-signups-list{display:flex;flex-direction:column}.signup-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-light)}.signup-item:last-child{border-bottom:none}.signup-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.signup-info{flex:1;display:flex;flex-direction:column}.signup-name{font-size:14px;font-weight:500;color:var(--color-text-primary)}.signup-date{font-size:12px;color:var(--color-text-tertiary)}.signup-tier{font-size:11px;font-weight:500;padding:3px 8px;border-radius:var(--radius-full);text-transform:capitalize}.signup-tier.free{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.signup-tier.pro{background:#2f7d4e1a;color:var(--color-accent)}.signup-tier.education{background:#8b5cf61a;color:#8b5cf6}.admin-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.admin-total-item{text-align:center}.total-value{display:block;font-size:28px;font-weight:700;color:var(--color-text-primary)}.total-label{display:block;font-size:13px;color:var(--color-text-secondary);margin-top:4px}@media(max-width:1024px){.admin-metrics-grid{grid-template-columns:repeat(2,1fr)}.admin-columns{grid-template-columns:1fr}.classroom-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.admin-dashboard{padding:var(--spacing-md)}.admin-dashboard-header{flex-direction:column;gap:var(--spacing-md)}.admin-header-actions{width:100%;flex-wrap:wrap}.admin-metrics-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.admin-metric-value{font-size:24px}.admin-dau-chart{height:150px}.quiz-mode-item{grid-template-columns:1fr;gap:var(--spacing-sm)}.quiz-mode-bar{width:100%}.classroom-metrics-grid{grid-template-columns:repeat(2,1fr)}.admin-totals{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media(max-width:480px){.admin-metrics-grid{grid-template-columns:1fr}.classroom-metrics-grid{grid-template-columns:1fr 1fr}}.lip{display:flex;flex-direction:column;background:var(--color-bg-primary);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}.lip--empty{align-items:center;justify-content:center;padding:24px;text-align:center;background:var(--color-bg-secondary);border:1px dashed var(--color-border);min-height:220px}.lip-empty__icon{font-size:2rem;display:block;margin-bottom:8px}.lip-empty__title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.lip-empty__text{font-size:13px;color:var(--color-text-secondary);margin:0}.lip::-webkit-scrollbar{width:6px}.lip::-webkit-scrollbar-track{background:transparent}.lip::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.lip-hero{position:relative;height:160px;background:var(--color-bg-tertiary);overflow:hidden;flex-shrink:0}.lip-hero__image{position:absolute;top:0;right:0;bottom:0;left:0}.lip-hero__image img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.lip-hero__image img.loaded{opacity:1}.lip-hero__skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lip-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.lip-header__main{flex:1;min-width:0}.lip-header__title{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--font-system);font-size:22px;font-weight:600;color:var(--color-text-primary);line-height:1.2;letter-spacing:-.02em}.lip-header__flag{font-size:28px;line-height:1;flex-shrink:0}.lip-header__subtitle{margin:4px 0 0;font-family:var(--font-system-text);font-size:14px;color:var(--color-text-tertiary)}.lip-quickfacts{display:flex;gap:1px;background:var(--color-border);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.lip-quickfacts::-webkit-scrollbar{display:none}.lip-quickfacts__item{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;background:var(--color-bg-secondary);text-align:center}.lip-quickfacts__icon{font-size:18px;line-height:1}.lip-quickfacts__label{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center;font-family:var(--font-system-text);font-size:10px;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.lip-quickfacts__value{font-family:var(--font-system-text);font-size:13px;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.lip-quickfacts__value--tooltip{cursor:help;border-bottom:1px dotted var(--color-text-tertiary);transition:color .15s ease,border-color .15s ease}.lip-tooltip-wrapper{position:relative;display:inline-flex}.lip-tooltip-wrapper:hover .lip-quickfacts__value--tooltip{color:var(--color-accent);border-bottom-color:var(--color-accent)}.lip-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:6px 10px;background:var(--color-gray-800);color:#fff;font-family:var(--font-body);font-size:12px;font-weight:500;white-space:nowrap;border-radius:6px;box-shadow:var(--shadow-md);z-index:100;pointer-events:none;animation:tooltipFadeIn .15s ease}.lip-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-gray-800)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.lip-tabs{display:flex;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.lip-tabs__tab{flex:1;min-width:0;padding:14px 12px;font-family:var(--font-system-text);font-size:13px;font-weight:500;color:var(--color-text-tertiary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--duration-quick) var(--ease-apple);white-space:nowrap;overflow:visible}.lip-tabs__tab:hover{color:var(--color-text-secondary)}.lip-tabs__tab.active{color:var(--color-accent-apple);border-bottom-color:var(--color-accent-apple)}.lip-content{flex:1;padding:20px}.lip-section{margin-bottom:24px}.lip-section:last-child{margin-bottom:0}.lip-section__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;flex-wrap:wrap}.lip-section__title{margin:0;font-family:var(--font-system);font-size:13px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.lip-data-level{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-full);font-family:var(--font-system-text);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);white-space:nowrap}.lip-data-level--city{background:#3b82f61f;color:#2563eb}.lip-data-level--country{background:#10b9811f;color:#0f766e}.lip-overview{margin:0;font-family:var(--font-system-text);font-size:15px;line-height:1.65;color:var(--color-text-primary)}.lip-context{margin-top:12px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--color-bg-secondary);box-shadow:var(--shadow-surface)}.lip-context__label{display:block;font-family:var(--font-system-text);font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.lip-context__text{margin:0;font-family:var(--font-system-text);font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.lip-readmore{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-family:var(--font-system-text);font-size:14px;font-weight:500;color:var(--color-accent-apple);text-decoration:none;transition:color var(--duration-quick) var(--ease-apple)}.lip-readmore:hover{color:var(--color-accent-apple-dark)}.lip-readmore__arrow{font-size:12px;transition:transform var(--duration-quick) var(--ease-apple)}.lip-readmore:hover .lip-readmore__arrow{transform:translate(2px,-2px)}.lip-highlights{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.lip-highlights__item{display:flex;gap:10px;padding:14px 16px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);transition:transform var(--duration-quick) var(--ease-apple),box-shadow var(--duration-quick) var(--ease-apple)}.lip-highlights__item:hover{transform:translateY(-1px);box-shadow:var(--shadow-elevated)}.lip-highlights__bullet{color:var(--color-accent-apple);font-weight:700;font-size:18px;line-height:1.4}.lip-highlights__text{font-family:var(--font-system-text);font-size:14px;line-height:1.55;color:var(--color-text-primary)}.lip-more-facts{margin-top:10px;background:none;border:none;color:var(--color-accent-apple);font-family:var(--font-system-text);font-size:13px;font-weight:600;cursor:pointer;padding:4px 0}.lip-more-facts:hover{color:var(--color-accent-apple-dark)}.lip-practical{background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-surface)}.lip-practical__row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border)}.lip-practical__row:last-child{border-bottom:none}.lip-practical__label{font-family:var(--font-system-text);font-size:13px;font-weight:500;color:var(--color-text-tertiary)}.lip-practical__label-group{display:flex;align-items:center;gap:8px}.lip-practical__value{font-family:var(--font-system-text);font-size:13px;font-weight:500;color:var(--color-text-primary);text-align:right}.lip-practical__value--mono{font-family:SF Mono,Fira Code,Monaco,monospace;font-size:12px}.lip-country-card{display:flex;flex-direction:column;gap:12px;width:100%;padding:16px;background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:none;border-radius:var(--radius-lg);cursor:pointer;text-align:left;box-shadow:var(--shadow-surface);transition:transform var(--duration-quick) var(--ease-apple),box-shadow var(--duration-quick) var(--ease-apple)}.lip-country-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.lip-country-card:active{transform:scale(.98)}.lip-country-card__header{display:flex;align-items:center;gap:12px}.lip-country-card__flag{font-size:32px;line-height:1}.lip-country-card__info{display:flex;flex-direction:column;gap:2px}.lip-country-card__name{font-family:var(--font-system);font-size:16px;font-weight:600;color:var(--color-text-primary)}.lip-country-card__meta{display:flex;gap:12px;font-family:var(--font-system-text);font-size:12px;color:var(--color-text-tertiary)}.lip-country-card__cta{display:flex;align-items:center;gap:6px;font-family:var(--font-system-text);font-size:13px;font-weight:500;color:var(--color-accent-apple)}.lip-country-card__cta span{transition:transform var(--duration-quick) var(--ease-apple)}.lip-country-card:hover .lip-country-card__cta span{transform:translate(4px)}.lip-country{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lip-country__header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.lip-country__flag{font-size:48px;line-height:1}.lip-country__name{margin:0;font-family:var(--font-system);font-size:20px;font-weight:600;color:var(--color-text-primary)}.lip-country__continent{margin:2px 0 0;font-family:var(--font-system-text);font-size:13px;color:var(--color-text-tertiary)}.lip-country__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}.lip-country__item{padding:14px;background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-surface);min-width:0}.lip-country__item-label{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-family:var(--font-system-text);font-size:10px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.lip-country__item-value{font-family:var(--font-system-text);font-size:14px;font-weight:500;color:var(--color-text-primary);word-break:break-word;overflow-wrap:break-word}.lip-national-overview{margin:0;font-family:var(--font-system-text);font-size:14px;line-height:1.6;color:var(--color-text-secondary);padding:14px 16px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface)}.lip-national-insights{margin-top:12px;padding-left:16px;border-left:3px solid var(--color-accent)}.lip-national-insight{margin:0;font-size:13px;line-height:1.55;color:var(--color-text-secondary);font-style:italic}.lip-economy{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.lip-economy__stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-surface);text-align:center}.lip-economy__value{font-family:var(--font-system);font-size:18px;font-weight:600;color:var(--color-accent-apple);letter-spacing:-.02em}.lip-economy__label{font-family:var(--font-system-text);font-size:10px;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.02em}.lip-exports{margin-top:16px}.lip-exports__label{display:block;font-family:var(--font-system-text);font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.lip-exports__list{display:flex;flex-wrap:wrap;gap:6px}.lip-exports__tag{padding:6px 12px;font-family:var(--font-system-text);font-size:12px;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.lip-orgs{display:flex;flex-wrap:wrap;gap:6px}.lip-orgs__tag{padding:6px 12px;font-family:var(--font-system-text);font-size:12px;font-weight:600;color:var(--color-text-primary);background:var(--color-bg-secondary);border-radius:var(--radius-full);box-shadow:var(--shadow-surface);cursor:help;border-bottom:1px dotted transparent;transition:color .15s ease,background .15s ease}.lip-orgs .lip-tooltip-wrapper:hover .lip-orgs__tag{color:var(--color-accent);background:var(--color-accent-subtle)}.lip-sources{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);padding:12px 14px;margin-bottom:12px}.lip-sources summary{cursor:pointer;font-family:var(--font-system-text);font-size:13px;font-weight:600;color:var(--color-text-primary);list-style:none;position:relative;padding-right:18px}.lip-sources summary::-webkit-details-marker{display:none}.lip-sources summary:after{content:"›";position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(90deg);color:var(--color-text-tertiary);font-size:14px;transition:transform var(--duration-quick) var(--ease-apple),color var(--duration-quick) var(--ease-apple)}.lip-sources[open] summary:after{transform:translateY(-50%) rotate(-90deg);color:var(--color-text-secondary)}.lip-sources__body{margin-top:12px;display:flex;flex-direction:column;gap:12px}.lip-sources__meta{display:flex;flex-wrap:wrap;gap:8px}.lip-sources__badge{padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-system-text);font-size:11px;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-secondary)}.lip-sources__badge--high{background:#10b9811f;color:#0f766e}.lip-sources__badge--medium{background:#f59e0b1f;color:#b45309}.lip-sources__badge--low{background:#ef44441f;color:#b91c1c}.lip-sources__badge--warning{background:#f973161f;color:#c2410c}.lip-sources__links{display:flex;flex-direction:column;gap:6px}.lip-sources__label{font-family:var(--font-system-text);font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.lip-sources__list{display:flex;flex-direction:column;gap:6px}.lip-sources__list a{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-system-text);font-size:13px;color:var(--color-accent-apple);text-decoration:none}.lip-sources__list a:hover{color:var(--color-accent-apple-dark)}.lip-sources__icon{font-size:14px}.lip-sources__note{margin:0;font-family:var(--font-system-text);font-size:12px;color:var(--color-text-tertiary);line-height:1.5}.lip-footer{margin-top:auto;padding:16px 20px;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}@media(max-width:400px){.lip-header,.lip-content{padding:16px}.lip-header__title{font-size:20px}.lip-header__flag{font-size:24px}.lip-quickfacts__item{min-width:70px;padding:12px 8px}.lip-section__header{flex-wrap:wrap;gap:8px}.lip-sources{padding:10px 12px}.lip-sources__list a{font-size:12px}.lip-economy{grid-template-columns:1fr 1fr}.lip-country__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.lip-hero__image img,.lip-highlights__item,.lip-country-card,.lip-readmore__arrow,.lip-country-card__cta span{transition:none}.lip-hero__skeleton{animation:none;background:var(--color-bg-tertiary)}.lip-country{animation:none}}.tutor-button{position:fixed;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));right:var(--space-6);width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-accent-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast);z-index:1000}.tutor-button:hover{transform:scale(1.05);box-shadow:var(--shadow-accent-lg)}.tutor-button:active{transform:scale(.98)}.tutor-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring),var(--shadow-accent-lg)}.tutor-button__icon{display:flex;align-items:center;justify-content:center}.tutor-button__badge{position:absolute;top:-2px;right:-2px;width:14px;height:14px;background:var(--color-accent);border-radius:var(--radius-full);border:2px solid var(--color-bg-primary)}.tutor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-light);z-index:1001;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}@media(max-width:768px){.tutor-backdrop{opacity:1;pointer-events:auto}}.tutor-drawer{position:fixed;top:0;right:0;width:400px;max-width:100vw;height:100vh;background:var(--color-bg-primary);box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;z-index:1002;animation:slideInRight var(--duration-normal) var(--ease-out-expo)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.tutor-drawer--minimized{height:auto;top:auto;bottom:80px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 24px #0000001f}@media(max-width:768px){.tutor-button{bottom:var(--space-4);right:var(--space-4);width:52px;height:52px}.tutor-drawer{width:100%;height:75vh;top:auto;bottom:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slideInBottom var(--duration-normal) var(--ease-out-expo)}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tutor-drawer--minimized{height:auto;bottom:68px}}.tutor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.tutor-header__info{display:flex;flex-direction:column;gap:var(--space-1);overflow:hidden}.tutor-header__title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0}.tutor-header__location{display:flex;align-items:center;gap:6px;font-size:var(--text-caption);color:var(--color-text-tertiary);overflow:hidden}.tutor-header__location span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutor-header__location svg{flex-shrink:0;color:var(--color-accent)}.tutor-header__actions{display:flex;gap:var(--space-2);flex-shrink:0}.tutor-header__btn{width:var(--touch-target-min);height:var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.tutor-header__btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.tutor-header__btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.tutor-header__btn--clear:hover{color:var(--color-error);background:var(--color-error-bg)}.tutor-header__btn--close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.tutor-chat{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);scroll-behavior:smooth}.tutor-chat__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-6);color:var(--color-text-secondary)}.tutor-chat__empty-icon{color:var(--color-accent);margin-bottom:var(--space-4);opacity:.8}.tutor-chat__empty-title{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.tutor-chat__empty-description{font-size:var(--text-caption);line-height:var(--leading-body);max-width:280px;margin:0}.tutor-chat__empty-description strong{color:var(--color-accent)}.tutor-message{display:flex;gap:var(--space-3);max-width:90%;animation:messageIn var(--duration-normal) var(--ease-out-expo)}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tutor-message--user{align-self:flex-end;flex-direction:row-reverse}.tutor-message--assistant{align-self:flex-start}.tutor-message--system{align-self:center;max-width:100%}.tutor-message__avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutor-message__content{display:flex;flex-direction:column;gap:var(--space-1)}.tutor-message__bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);line-height:var(--leading-body);font-size:var(--text-caption)}.tutor-message--user .tutor-message__bubble{background:var(--color-accent);color:var(--color-white);border-bottom-right-radius:var(--radius-sm)}.tutor-message--assistant .tutor-message__bubble{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm)}.tutor-message--system .tutor-message__bubble{background:var(--color-accent-subtle);color:var(--color-text-secondary);font-size:var(--text-micro);padding:var(--space-2) var(--space-3);display:flex;align-items:center}.tutor-message__time{font-size:var(--text-micro);color:var(--color-text-muted);padding:0 var(--space-1)}.tutor-message--user .tutor-message__time{text-align:right}.tutor-loading{display:flex;gap:6px;padding:var(--space-4);align-self:flex-start}.tutor-loading__dot{width:8px;height:8px;background:var(--color-accent);border-radius:var(--radius-full);animation:bounce 1.4s infinite ease-in-out both}.tutor-loading__dot:nth-child(1){animation-delay:-.32s}.tutor-loading__dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.tutor-input{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.tutor-input__error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);font-size:var(--text-caption);color:var(--color-error-dark)}.tutor-input__error-dismiss{width:24px;height:24px;border:none;background:transparent;color:var(--color-error);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0}.tutor-input__error-dismiss:hover{background:#ef44441a}.tutor-input__form{display:flex;gap:var(--space-3);align-items:flex-end}.tutor-input__textarea{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:20px;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-caption);line-height:var(--leading-body);resize:none;max-height:120px;min-height:44px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tutor-input__textarea::placeholder{color:var(--color-text-muted)}.tutor-input__textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.tutor-input__textarea:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.tutor-input__send{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.tutor-input__send:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.05)}.tutor-input__send:active:not(:disabled){transform:scale(.95)}.tutor-input__send:disabled{background:var(--color-gray-300);cursor:not-allowed}.tutor-input__send:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.tutor-input__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tutor-input__hint{font-size:var(--text-micro);color:var(--color-text-muted);margin:var(--space-2) 0 0 0;text-align:center}.tutor-input__usage{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-micro)}.tutor-input__usage-count{color:var(--color-text-secondary)}.tutor-input__usage-warning{color:var(--color-warning);font-weight:500}.tutor-input__limit-reached{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md)}@media(max-width:400px){.tutor-input__limit-reached{flex-direction:column;align-items:flex-start}.tutor-input__limit-upgrade{width:100%;text-align:center}}.tutor-input__limit-icon{flex-shrink:0;color:var(--color-warning)}.tutor-input__limit-content{flex:1;min-width:0}.tutor-input__limit-title{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary);margin:0 0 2px}.tutor-input__limit-description{font-size:var(--text-micro);color:var(--color-text-secondary);margin:0}.tutor-input__limit-upgrade{flex-shrink:0;padding:var(--space-2) var(--space-3);background:var(--color-accent);color:var(--color-white);font-size:var(--text-micro);font-weight:600;text-decoration:none;border-radius:var(--radius-md);transition:background var(--transition-fast)}.tutor-input__limit-upgrade:hover{background:var(--color-accent-hover);color:var(--color-white)}.tutor-suggestions{padding:0 var(--space-5) var(--space-4)}.tutor-suggestions__title{font-size:var(--text-micro);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-micro);margin:0 0 var(--space-3) 0}.tutor-suggestions__list{display:flex;flex-direction:column;gap:var(--space-2)}.tutor-suggestions__item{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-caption);color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);font-family:var(--font-body)}.tutor-suggestions__item:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.tutor-suggestions__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}@media(prefers-color-scheme:dark){.tutor-drawer{--color-bg-primary: #1a1a1a;--color-bg-secondary: #242424;--color-bg-tertiary: #2d2d2d;--color-text-primary: #f5f5f5;--color-text-secondary: #a0a0a0;--color-text-tertiary: #707070;--color-border: #333}}@media(prefers-reduced-motion:reduce){.tutor-button,.tutor-drawer,.tutor-message,.tutor-input__send{transition:none}.tutor-button:hover{transform:none}.tutor-input__spinner{animation:none}.tutor-suggestions__chip:hover{transform:none}}.friends-list{padding:var(--space-4)}.friends-list.loading,.friends-list.error,.friends-list.empty{display:flex;align-items:center;justify-content:center;min-height:200px}.friends-header{margin-bottom:var(--space-4)}.friends-header h3{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0}.friends-grid{display:flex;flex-direction:column;gap:var(--space-2)}.friends-load-more{margin-top:var(--space-4);align-self:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--text-caption);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.friends-load-more:hover{border-color:var(--color-accent);color:var(--color-accent)}.friends-load-more:disabled{opacity:.6;cursor:not-allowed}.friend-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.friend-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.friend-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-micro);font-weight:600;color:var(--color-text-secondary)}.friend-avatar{width:44px;height:44px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;font-size:var(--text-subhead);font-weight:600}.friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-name{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-xp{font-size:var(--text-caption);color:var(--color-accent);font-weight:500}.friend-actions{display:flex;gap:var(--space-1)}.friend-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.friend-action-btn:hover{background:var(--color-bg-secondary)}.friend-action-btn.challenge:hover{border-color:var(--color-accent);color:var(--color-accent)}.friend-action-btn.remove:hover{border-color:var(--color-error);color:var(--color-error)}.friends-empty-state{text-align:center;padding:var(--space-6)}.friends-empty-icon{font-size:48px;display:block;margin-bottom:var(--space-3)}.friends-empty-state h3{font-size:var(--text-subhead);color:var(--color-text-primary);margin:0 0 var(--space-2)}.friends-empty-state p{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0}.friends-list-skeleton{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.friend-card-skeleton{height:72px;background:linear-gradient(90deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.add-friend{padding:var(--space-4)}.add-friend-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.add-friend-icon{font-size:24px}.add-friend-header h3{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0}.add-friend-description{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.add-friend-form{display:flex;flex-direction:column;gap:var(--space-3)}.add-friend-form .form-group{display:flex;flex-direction:column;gap:var(--space-1)}.add-friend-form label{font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary)}.add-friend-form input,.add-friend-form textarea{padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.add-friend-form input:focus,.add-friend-form textarea:focus{outline:none;border-color:var(--color-accent)}.add-friend-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);font-size:var(--text-caption);color:var(--color-error)}.add-friend-success{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);font-size:var(--text-caption);color:var(--color-success)}.add-friend-submit{padding:var(--space-3) var(--space-4);background:var(--color-accent);border:none;border-radius:var(--radius-md);font-size:var(--text-body);font-weight:600;color:#fff;cursor:pointer;transition:background var(--transition-fast)}.add-friend-submit:hover:not(:disabled){background:var(--color-accent-hover)}.add-friend-submit:disabled{opacity:.6;cursor:not-allowed}.add-friend-tips{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.add-friend-tips h4{font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-2)}.add-friend-tips ul{margin:0;padding-left:var(--space-4);font-size:var(--text-caption);color:var(--color-text-tertiary);line-height:1.6}.friend-activity{padding:var(--space-4)}.friend-activity.loading,.friend-activity.empty{display:flex;align-items:center;justify-content:center;min-height:200px}.activity-header{margin-bottom:var(--space-4)}.activity-header h3{font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0}.activity-feed{display:flex;flex-direction:column;gap:var(--space-2)}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.activity-avatar{width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.activity-avatar img{width:100%;height:100%;object-fit:cover}.activity-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:600}.activity-content{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0}.activity-icon{font-size:16px;flex-shrink:0}.activity-message{font-size:var(--text-caption);color:var(--color-text-primary);line-height:1.4}.activity-time{font-size:var(--text-micro);color:var(--color-text-tertiary);flex-shrink:0}.activity-empty-state{text-align:center;padding:var(--space-6)}.activity-empty-icon{font-size:40px;display:block;margin-bottom:var(--space-3)}.activity-empty-state h4{font-size:var(--text-body);color:var(--color-text-primary);margin:0 0 var(--space-1)}.activity-empty-state p{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0}.friend-challenge{padding:var(--space-4)}.challenge-section{margin-bottom:var(--space-5)}.challenge-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3)}.challenge-section.incoming h3{color:var(--color-warning)}.challenges-list{display:flex;flex-direction:column;gap:var(--space-2)}.challenge-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.challenge-card.incoming{border-color:var(--color-warning-border);background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-bg-secondary) 100%)}.challenge-info{display:flex;flex-direction:column;gap:2px}.challenge-from,.challenge-to{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary)}.challenge-details{font-size:var(--text-micro);color:var(--color-text-secondary)}.challenge-accept-btn{padding:var(--space-2) var(--space-3);background:var(--color-accent);border:none;border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:600;color:var(--color-white);cursor:pointer;transition:background var(--transition-fast)}.challenge-accept-btn:hover{background:var(--color-accent-hover)}.challenge-status{font-size:var(--text-micro);color:var(--color-text-tertiary);padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.challenge-form{display:flex;flex-direction:column;gap:var(--space-4)}.challenge-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.challenge-form label{font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary)}.friend-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.friend-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.friend-option:hover{border-color:var(--color-accent-light)}.friend-option.selected{border-color:var(--color-accent);background:var(--color-accent-subtle)}.friend-option-avatar{width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden}.friend-option-avatar.placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary)}.friend-option-name{font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary)}.mode-selector,.difficulty-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mode-option{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.mode-option:hover{border-color:var(--color-accent-light)}.mode-option.selected{border-color:var(--color-accent);background:var(--color-accent-subtle)}.mode-option-icon{font-size:16px}.mode-option-name{font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary)}.difficulty-option{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-caption);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.difficulty-option:hover{border-color:var(--color-accent-light)}.difficulty-option.selected{border-color:var(--color-accent);background:var(--color-accent-subtle);color:var(--color-accent)}.challenge-error,.challenge-success{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-caption)}.challenge-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.challenge-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.challenge-submit-btn{padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-success-light) 100%);border:none;border-radius:var(--radius-md);font-size:var(--text-body);font-weight:600;color:var(--color-white);cursor:pointer;transition:all var(--transition-fast)}.challenge-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-accent)}.challenge-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.challenge-empty{padding:var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--text-caption)}.header-friends-btn{position:relative;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.header-friends-btn:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.header-friends-btn .friends-icon{width:18px;height:18px;flex-shrink:0}.header-friends-btn .friends-count{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary)}.header-friends-btn .friends-notification-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--color-error);border-radius:var(--radius-full);border:2px solid var(--color-bg-primary);animation:notification-pulse 2s ease-in-out infinite}@keyframes notification-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media(max-width:768px){.header-friends-btn{padding:var(--space-2)}.header-friends-btn .friends-count{display:none}}.leaderboard-scope-toggle{display:flex;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.leaderboard-scope-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:2px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.leaderboard-scope-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.leaderboard-scope-btn.active{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.leaderboard-scope-btn .scope-icon{font-size:16px}.leaderboard-scope-btn--locked{position:relative}.leaderboard-scope-btn--locked:not(.active):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-tertiary);border-radius:inherit;opacity:.3;pointer-events:none}.scope-pro-badge{font-size:var(--text-micro);font-weight:600;background:var(--color-accent-light);color:var(--color-accent);padding:1px 6px;border-radius:var(--radius-sm);margin-left:var(--space-1)}.leaderboard-friends-list{display:flex;flex-direction:column;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){.friend-card,.challenge-card,.challenge-submit-btn,.friends-loading__skeleton{transition:none;animation:none}.challenge-submit-btn:hover:not(:disabled){transform:none}.friends-notification-dot{animation:none}}.progress-dashboard{display:flex;flex-direction:column;gap:var(--space-5);max-width:1000px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}.progress-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:480px){.progress-row{grid-template-columns:1fr 1fr}}@media(min-width:768px){.progress-row{grid-template-columns:1fr 1fr}}.progress-card{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--color-border)}.progress-card__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.progress-card__icon{font-size:1.25rem}.progress-card__count{margin-left:auto;font-size:var(--text-caption);font-weight:500;color:var(--color-text-muted)}.journey-hero{position:relative;background:linear-gradient(135deg,#1a5c3a,#2f7d4e,#3d9960 60%,#2a6b42);background-size:200% 200%;animation:heroGradientShift 8s ease-in-out infinite;border-radius:var(--radius-xl);padding:var(--space-6);color:#fff;overflow:hidden;box-shadow:0 4px 20px #2f7d4e4d,0 8px 40px #2f7d4e33,inset 0 1px #ffffff1a}.journey-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 40%),radial-gradient(circle at 60% 60%,rgba(100,200,150,.1) 0%,transparent 30%);pointer-events:none}.journey-hero:before,.journey-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;opacity:.4}.journey-hero:before{width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);top:-60px;right:-40px;animation:floatOrb1 6s ease-in-out infinite}.journey-hero:after{width:150px;height:150px;background:radial-gradient(circle,rgba(100,220,160,.25) 0%,transparent 70%);bottom:-30px;left:10%;animation:floatOrb2 8s ease-in-out infinite}.journey-hero__content{position:relative;z-index:1}.journey-hero__header{margin-bottom:var(--space-4)}.journey-hero__greeting{font-size:var(--text-heading);font-weight:700;margin:0;background:linear-gradient(90deg,#fff,#fff 40%,#c8ffdc,#fff 60%,#fff);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:greetingShimmer 4s ease-in-out infinite;text-shadow:none}.journey-hero__motivation{font-size:var(--text-body);opacity:.95;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.journey-hero__level{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.journey-hero__level-badge{width:72px;height:72px;background:linear-gradient(135deg,#ffffff40,#ffffff1a);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 20px #fff3,inset 0 0 15px #ffffff1a;animation:badgeGlowRing 3s ease-in-out infinite}.journey-hero__level-number{font-size:1.75rem;font-weight:700;line-height:1;text-shadow:0 0 20px rgba(255,255,255,.5)}.journey-hero__level-label{font-size:var(--text-micro);opacity:.9;text-transform:uppercase;letter-spacing:.05em}.journey-hero__level-info{flex:1;min-width:0}.journey-hero__level-title{display:block;font-size:var(--text-subhead);font-weight:600;margin-bottom:var(--space-2)}.journey-hero__level-progress{display:flex;flex-direction:column;gap:var(--space-1)}.journey-hero__level-bar{height:8px;background:#fff3;border-radius:4px;overflow:hidden}.journey-hero__level-fill{height:100%;background:#fff;border-radius:4px;transition:width .5s var(--ease-out-expo)}.journey-hero__level-xp{font-size:var(--text-caption);opacity:.85}.journey-hero__stats{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,#ffffff26,#ffffff14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);margin-bottom:var(--space-5);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0000001a,inset 0 1px #fff3}.journey-hero__stat{text-align:center;flex:1}.journey-hero__stat-value{display:block;font-size:var(--text-subhead);font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.3)}.journey-hero__stat-label{font-size:var(--text-micro);opacity:.85;text-transform:uppercase;letter-spacing:.03em}.journey-hero__stat-divider{width:1px;height:32px;background:#fff3}.journey-hero__milestone{background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--space-3)}.journey-hero__milestone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.journey-hero__milestone-label{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.05em;opacity:.85}.journey-hero__milestone-levels{font-size:var(--text-caption);opacity:.85}.journey-hero__milestone-content{display:flex;align-items:center;gap:var(--space-3)}.journey-hero__milestone-icon{font-size:2rem}.journey-hero__milestone-info{flex:1}.journey-hero__milestone-title{display:block;font-size:var(--text-body);font-weight:600;margin-bottom:var(--space-1)}.journey-hero__milestone-bar{height:4px;background:#fff3;border-radius:2px;overflow:hidden}.journey-hero__milestone-fill{height:100%;background:#fffc;border-radius:2px;transition:width .5s var(--ease-out-expo)}.streak-calendar{display:flex;flex-direction:column;align-items:center;text-align:center}.streak-calendar__hero{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.streak-calendar__flame{font-size:2.5rem;line-height:1}.streak-calendar__count{display:flex;flex-direction:column}.streak-calendar__number{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);line-height:1;font-family:var(--font-display)}.streak-calendar__label{font-size:var(--text-caption);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.streak-calendar__hero--legendary .streak-calendar__number{color:#f59e0b}.streak-calendar__hero--blazing .streak-calendar__number{color:#ef4444}.streak-calendar__hero--hot .streak-calendar__number{color:#f97316}.streak-calendar__hero--warming .streak-calendar__number{color:var(--color-accent)}.streak-calendar__message{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.streak-calendar__week{display:flex;justify-content:center;gap:var(--space-2);width:100%;margin-bottom:var(--space-4)}.streak-calendar__day{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1;max-width:48px}.streak-calendar__day-name{font-size:var(--text-micro);color:var(--color-text-muted);font-weight:500}.streak-calendar__day-dot{width:32px;height:32px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.streak-calendar__day-dot--active{background:var(--color-accent)}.streak-calendar__day--level-1 .streak-calendar__day-dot--active{background:#2f7d4e66}.streak-calendar__day--level-2 .streak-calendar__day-dot--active{background:#2f7d4e99}.streak-calendar__day--level-3 .streak-calendar__day-dot--active{background:#2f7d4ecc}.streak-calendar__day--level-4 .streak-calendar__day-dot--active{background:var(--color-accent)}.streak-calendar__day-check{color:#fff;font-size:.75rem;font-weight:700}.streak-calendar__day-xp{font-size:var(--text-micro);font-weight:600;color:var(--color-accent)}.streak-calendar__stats{display:flex;justify-content:center;gap:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--color-border);width:100%}.streak-calendar__stat{text-align:center}.streak-calendar__stat-value{display:block;font-size:var(--text-subhead);font-weight:700;color:var(--color-text-primary)}.streak-calendar__stat-label{font-size:var(--text-micro);color:var(--color-text-secondary)}.goals-panel{display:flex;flex-direction:column;gap:var(--space-3)}.goals-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);text-align:center}.goals-empty__icon{font-size:2rem;margin-bottom:var(--space-2)}.goals-empty__text{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0}.goal-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.goal-card--complete{background:#22c55e1a}.goal-card--almost{background:#f59e0b1a}.goal-card__icon{font-size:1.5rem;line-height:1;flex-shrink:0}.goal-card__content{flex:1;min-width:0}.goal-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.goal-card__label{font-size:var(--text-body);font-weight:500;color:var(--color-text-primary)}.goal-card__status{font-size:var(--text-caption);color:var(--color-text-muted)}.goal-card__status--done{color:var(--color-success);font-weight:600}.goal-card__progress{margin-bottom:var(--space-2)}.goal-card__bar{height:6px;background:var(--color-bg-secondary);border-radius:3px;overflow:hidden}.goal-card__fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s var(--ease-out-expo)}.goal-card--complete .goal-card__fill{background:var(--color-success)}.goal-card--almost .goal-card__fill{background:var(--color-warning)}.goal-card__footer{display:flex;justify-content:space-between;align-items:center}.goal-card__count{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary)}.goal-card__total{font-weight:400;color:var(--color-text-muted)}@keyframes progressSkeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-skeleton{display:flex;flex-direction:column;gap:var(--space-5);max-width:1000px;margin:0 auto;padding:var(--space-4)}.progress-skeleton__hero{background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--skeleton-bg, var(--color-gray-100)) 100%);border-radius:var(--radius-xl);height:200px;position:relative;overflow:hidden}.progress-skeleton__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--skeleton-shimmer, linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent));animation:progressSkeletonShimmer 1.5s infinite}.progress-skeleton__row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:480px){.progress-skeleton__row{grid-template-columns:1fr 1fr}}@media(min-width:768px){.progress-skeleton__row{grid-template-columns:1fr 1fr}}.progress-skeleton__card{background:var(--skeleton-bg, var(--color-gray-100));border-radius:var(--radius-xl);height:180px;position:relative;overflow:hidden}.progress-skeleton__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--skeleton-shimmer, linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent));animation:progressSkeletonShimmer 1.5s infinite}.progress-skeleton__card:nth-child(1):after{animation-delay:.1s}.progress-skeleton__card:nth-child(2):after{animation-delay:.2s}.progress-skeleton__card--full{grid-column:1 / -1;height:120px}@media(prefers-reduced-motion:reduce){.progress-skeleton__hero:after,.progress-skeleton__card:after{animation:none;background:#fff3}}.progress-loading,.progress-auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;gap:var(--space-4);min-height:300px}.progress-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;gap:var(--space-4);min-height:300px;background:linear-gradient(180deg,var(--color-error-bg) 0%,var(--color-bg-primary) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-error-border)}.progress-error__icon{font-size:3rem;line-height:1}.progress-error h2{font-size:var(--text-heading);font-weight:700;color:var(--color-text-primary);margin:0}.progress-error p{font-size:var(--text-body);color:var(--color-text-secondary);margin:0;max-width:320px;line-height:var(--leading-body)}.progress-error__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.progress-error button,.progress-error__button{padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.progress-error button:hover,.progress-error__button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.progress-error__button--secondary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.progress-error__button--secondary:hover{background:var(--color-bg-tertiary);transform:translateY(-1px)}.progress-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;gap:var(--space-4);min-height:400px;background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);border-radius:var(--radius-xl);border:1px dashed var(--color-border)}.progress-empty__icon{font-size:3.5rem;line-height:1;animation:emptyIconBounce 2s ease-in-out infinite}@keyframes emptyIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.progress-empty__illustration{width:120px;height:120px;margin-bottom:var(--space-2);opacity:.9}.progress-empty h2{font-size:var(--text-heading);font-weight:700;color:var(--color-text-primary);margin:0}.progress-empty p{font-size:var(--text-body);color:var(--color-text-secondary);margin:0;max-width:320px;line-height:var(--leading-body)}.progress-empty__button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-accent)}.progress-empty__button:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-accent-lg)}.progress-empty__button:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.progress-empty__icon{animation:none}}.progress-loading .loading-spinner{width:40px;height:40px}.progress-error h2,.progress-auth-required h2{font-size:var(--text-heading);color:var(--color-text-primary);margin:0}.progress-error p,.progress-auth-required p{font-size:var(--text-body);color:var(--color-text-secondary);margin:0;max-width:300px}.progress-error button{padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.progress-error button:hover{background:var(--color-accent-hover)}@media(max-width:599px){.progress-dashboard{padding:var(--space-3);gap:var(--space-4)}.journey-hero{padding:var(--space-4)}.journey-hero__level{flex-direction:column;text-align:center}.journey-hero__level-badge{width:64px;height:64px}.journey-hero__level-number{font-size:1.5rem}.journey-hero__stats{flex-wrap:wrap;gap:var(--space-3)}.journey-hero__stat-divider{display:none}.progress-card{padding:var(--space-4)}.streak-calendar__week{gap:var(--space-1)}.streak-calendar__day-dot{width:28px;height:28px}}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes flameDance{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-3deg)}50%{transform:scale(.98) rotate(2deg)}75%{transform:scale(1.03) rotate(-1deg)}}@keyframes streakPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes dayFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes goalComplete{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes checkPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes barGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes skillCardIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes badgeShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes medalBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes levelBadgePulse{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 8px #fff0}}@keyframes heroGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes floatOrb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-15px,10px) scale(1.05)}66%{transform:translate(10px,-5px) scale(.95)}}@keyframes floatOrb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-15px) scale(1.1)}}@keyframes badgeGlowRing{0%,to{box-shadow:0 0 #ffffff4d,0 0 20px #fff3,inset 0 0 15px #ffffff1a}50%{box-shadow:0 0 0 4px #ffffff26,0 0 30px #ffffff4d,inset 0 0 20px #ffffff26}}@keyframes greetingShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes progressFill{0%{width:0}}.progress-dashboard{--stagger-offset: 60ms}.journey-hero{animation:heroSlideDown .5s var(--ease-out-expo) backwards}.progress-card{animation:cardFadeUp .4s var(--ease-out-expo) backwards}.progress-row:nth-child(2) .progress-card:nth-child(1){animation-delay:calc(var(--stagger-offset) * 1)}.progress-row:nth-child(2) .progress-card:nth-child(2){animation-delay:calc(var(--stagger-offset) * 2)}.progress-row:nth-child(3) .progress-card{animation-delay:calc(var(--stagger-offset) * 3)}.progress-row:nth-child(4) .progress-card:nth-child(1){animation-delay:calc(var(--stagger-offset) * 4)}.progress-row:nth-child(4) .progress-card:nth-child(2){animation-delay:calc(var(--stagger-offset) * 5)}.progress-row:nth-child(5) .progress-card:nth-child(1){animation-delay:calc(var(--stagger-offset) * 6)}.progress-row:nth-child(5) .progress-card:nth-child(2){animation-delay:calc(var(--stagger-offset) * 7)}.progress-dashboard>.progress-card:nth-child(3){animation-delay:calc(var(--stagger-offset) * 3)}.progress-card{box-shadow:var(--shadow-sm);transition:transform var(--transition-lift),box-shadow var(--transition-lift)}.progress-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.progress-card__icon{transition:transform var(--transition-fast)}.progress-card:hover .progress-card__icon{transform:scale(1.1) rotate(-5deg)}.journey-hero__level-badge{transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:default}.journey-hero__level-badge:hover{transform:scale(1.05)}.journey-hero--near-levelup .journey-hero__level-badge{animation:levelBadgePulse 2s ease-in-out infinite}.journey-hero__level-fill{position:relative;overflow:hidden}.journey-hero__level-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2.5s ease-in-out infinite;animation-delay:1s}.journey-hero__stat{transition:transform var(--transition-fast);cursor:default}.journey-hero__stat:hover{transform:translateY(-2px)}.journey-hero__stat:hover .journey-hero__stat-value{transform:scale(1.05)}.journey-hero__stat-value{transition:transform var(--transition-fast)}.journey-hero__milestone{transition:background var(--transition-fast);cursor:default}.journey-hero__milestone:hover{background:#ffffff26}.journey-hero__milestone-icon{transition:transform var(--transition-fast)}.journey-hero__milestone:hover .journey-hero__milestone-icon{transform:rotate(10deg) scale(1.1)}.streak-calendar__flame{display:inline-block;animation:flameDance 1.5s ease-in-out infinite}.streak-calendar__hero--legendary .streak-calendar__flame,.streak-calendar__hero--blazing .streak-calendar__flame{filter:drop-shadow(0 0 8px rgba(245,158,11,.5))}.streak-calendar__hero--hot .streak-calendar__flame{filter:drop-shadow(0 0 6px rgba(249,115,22,.4))}.streak-calendar__number{animation:streakPop .5s var(--ease-out-back) backwards;animation-delay:.2s}.streak-calendar__day{animation:dayFadeIn .3s var(--ease-out-expo) backwards}.streak-calendar__day:nth-child(1){animation-delay:.1s}.streak-calendar__day:nth-child(2){animation-delay:.15s}.streak-calendar__day:nth-child(3){animation-delay:.2s}.streak-calendar__day:nth-child(4){animation-delay:.25s}.streak-calendar__day:nth-child(5){animation-delay:.3s}.streak-calendar__day:nth-child(6){animation-delay:.35s}.streak-calendar__day:nth-child(7){animation-delay:.4s}.streak-calendar__day-dot{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.streak-calendar__day-dot--active:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2f7d4e4d}.streak-calendar__day--level-4 .streak-calendar__day-dot--active{box-shadow:0 0 0 3px #2f7d4e33}.streak-calendar__day--level-4 .streak-calendar__day-dot--active:hover{box-shadow:0 0 0 3px #2f7d4e33,0 4px 12px #2f7d4e4d}.goal-card{transition:transform var(--transition-lift),box-shadow var(--transition-lift),background var(--transition-fast)}.goal-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.goal-card__fill{animation:progressFill .8s var(--ease-out-expo) backwards;animation-delay:.3s}.goal-card--almost .goal-card__fill{position:relative;overflow:hidden}.goal-card--almost .goal-card__fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}.goal-card--complete{animation:goalComplete .4s var(--ease-out-back);border:1px solid var(--color-success-border);box-shadow:0 0 0 1px var(--color-success-border),var(--shadow-sm)}.goal-card--complete:hover{box-shadow:0 0 0 1px var(--color-success-border),0 0 12px #22c55e26,var(--shadow-md)}.goal-card--complete .goal-card__icon{animation:checkPop .4s var(--ease-out-back) backwards;animation-delay:.1s}.weekly-summary-stat{transition:transform var(--transition-fast);cursor:default}.weekly-summary-stat:hover{transform:translateY(-2px)}.weekly-summary-stat:hover .weekly-summary-value{color:var(--color-accent)}.weekly-summary-value{transition:color var(--transition-fast)}.weekly-chart-bar{transform-origin:bottom;animation:barGrow .5s var(--ease-out-expo) backwards}.weekly-chart-day:nth-child(1) .weekly-chart-bar{animation-delay:.1s}.weekly-chart-day:nth-child(2) .weekly-chart-bar{animation-delay:.15s}.weekly-chart-day:nth-child(3) .weekly-chart-bar{animation-delay:.2s}.weekly-chart-day:nth-child(4) .weekly-chart-bar{animation-delay:.25s}.weekly-chart-day:nth-child(5) .weekly-chart-bar{animation-delay:.3s}.weekly-chart-day:nth-child(6) .weekly-chart-bar{animation-delay:.35s}.weekly-chart-day:nth-child(7) .weekly-chart-bar{animation-delay:.4s}.weekly-chart-bar-quiz{background:linear-gradient(to top,var(--color-accent),var(--color-accent-hover))}.weekly-chart-bar-xp{background:linear-gradient(to top,var(--color-warning),var(--color-warning-light))}.weekly-chart-bar{transition:filter var(--transition-fast),transform var(--transition-fast)}.weekly-chart-day:hover .weekly-chart-bar{filter:brightness(1.1);transform:scaleY(1.02);transform-origin:bottom}.skill-mastery-card{animation:skillCardIn .4s var(--ease-out-expo) backwards;transition:transform var(--transition-lift),box-shadow var(--transition-lift)}.skill-mastery-card:nth-child(1){animation-delay:.05s}.skill-mastery-card:nth-child(2){animation-delay:.1s}.skill-mastery-card:nth-child(3){animation-delay:.15s}.skill-mastery-card:nth-child(4){animation-delay:.2s}.skill-mastery-card:nth-child(5){animation-delay:.25s}.skill-mastery-card:nth-child(6){animation-delay:.3s}.skill-mastery-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.skill-mastery-icon{transition:transform var(--transition-fast)}.skill-mastery-card:hover .skill-mastery-icon{transform:scale(1.2) rotate(-5deg)}.skill-mastery-card.mastery-excellent .skill-mastery-icon{filter:drop-shadow(0 0 4px rgba(34,197,94,.4))}.skill-mastery-fill{animation:progressFill .6s var(--ease-out-expo) backwards}.skill-mastery-card:nth-child(1) .skill-mastery-fill{animation-delay:.2s}.skill-mastery-card:nth-child(2) .skill-mastery-fill{animation-delay:.25s}.skill-mastery-card:nth-child(3) .skill-mastery-fill{animation-delay:.3s}.skill-mastery-card:nth-child(4) .skill-mastery-fill{animation-delay:.35s}.skill-mastery-card:nth-child(5) .skill-mastery-fill{animation-delay:.4s}.skill-mastery-card:nth-child(6) .skill-mastery-fill{animation-delay:.45s}.skill-mastery-card.mastery-excellent .skill-mastery-fill{position:relative;overflow:hidden}.skill-mastery-card.mastery-excellent .skill-mastery-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 3s ease-in-out infinite}.recent-badge-card{transition:transform var(--transition-lift),box-shadow var(--transition-lift),border-left-width var(--transition-fast);border-left:3px solid transparent}.recent-badge-card.badge-rarity-common{background:linear-gradient(135deg,rgba(148,163,184,.05) 0%,transparent 100%);border-left-color:var(--color-rarity-common)}.recent-badge-card.badge-rarity-rare{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,transparent 100%);border-left-color:var(--color-rarity-rare)}.recent-badge-card.badge-rarity-epic{background:linear-gradient(135deg,rgba(139,92,246,.08) 0%,transparent 100%);border-left-color:var(--color-rarity-epic)}.recent-badge-card.badge-rarity-legendary{background:linear-gradient(135deg,rgba(245,158,11,.1) 0%,transparent 100%);border-left-color:var(--color-rarity-legendary)}.recent-badge-card.badge-rarity-epic{box-shadow:0 0 0 1px #8b5cf61a}.recent-badge-card.badge-rarity-legendary{box-shadow:0 0 0 1px #f59e0b26,0 0 12px #f59e0b1a}.recent-badge-card:hover{transform:translateY(-2px);border-left-width:5px}.recent-badge-card.badge-rarity-epic:hover{box-shadow:0 0 0 1px #8b5cf633,var(--shadow-md)}.recent-badge-card.badge-rarity-legendary:hover{box-shadow:0 0 0 1px #f59e0b40,0 0 16px #f59e0b26,var(--shadow-md)}.recent-badge-emoji{transition:transform var(--transition-fast);display:inline-block}.recent-badge-card:hover .recent-badge-emoji{transform:scale(1.15) rotate(-8deg)}.recent-badge-card.badge-rarity-legendary .recent-badge-emoji{animation:badgeShine 2.5s ease-in-out infinite}.recent-badges-progress-fill{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));animation:progressFill .8s var(--ease-out-expo) backwards;animation-delay:.2s}.weak-area-card{border-left:3px solid var(--color-warning);transition:transform var(--transition-lift),box-shadow var(--transition-lift),border-left-color var(--transition-fast)}.weak-area-card[data-severity=low]{border-left-color:var(--color-error);background:linear-gradient(135deg,rgba(239,68,68,.04) 0%,transparent 100%)}.weak-area-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-left-color:var(--color-accent)}.weak-area-practice-btn{transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.weak-area-practice-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.weak-area-practice-btn:active{transform:scale(.98)}.leaderboard-rank-card.top-rank:nth-child(1){background:linear-gradient(135deg,#f59e0b1a,#f59e0b05)}.leaderboard-rank-card.top-rank:nth-child(2){background:linear-gradient(135deg,#94a3b81a,#94a3b805)}.leaderboard-rank-card.top-rank:nth-child(3){background:linear-gradient(135deg,#cd7f321a,#cd7f3205)}.leaderboard-rank-card .leaderboard-rank-number{display:inline-block}.leaderboard-rank-card.top-rank .leaderboard-rank-number{animation:medalBounce .5s var(--ease-out-back) backwards;animation-delay:.3s}.leaderboard-rank-card.top-rank .leaderboard-rank-number{transition:transform var(--transition-fast)}.leaderboard-rank-card.top-rank:hover .leaderboard-rank-number{transform:scale(1.15)}.leaderboard-rank-card{transition:transform var(--transition-lift),box-shadow var(--transition-lift)}.leaderboard-rank-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}@media(prefers-reduced-motion:reduce){.journey-hero,.journey-hero__level-badge,.journey-hero__greeting,.progress-card,.streak-calendar__flame,.streak-calendar__number,.streak-calendar__day,.goal-card__fill,.goal-card--complete,.goal-card--complete .goal-card__icon,.weekly-chart-bar,.skill-mastery-card,.skill-mastery-fill,.leaderboard-rank-card.top-rank .leaderboard-rank-number,.recent-badges-progress-fill,.recent-badge-card.badge-rarity-legendary .recent-badge-emoji{animation:none}.journey-hero:before,.journey-hero:after{animation:none;opacity:.2}.journey-hero__level-fill:after,.goal-card--almost .goal-card__fill:after,.skill-mastery-card.mastery-excellent .skill-mastery-fill:after{animation:none;display:none}.journey-hero__greeting{background:none;-webkit-text-fill-color:white}.journey-hero__level-fill,.journey-hero__milestone-fill,.goal-card__fill,.progress-card,.goal-card,.skill-mastery-card,.recent-badge-card,.weak-area-card,.leaderboard-rank-card{transition:none}}.deep-dive-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease-out}.deep-dive-modal{background:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:680px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn .25s var(--ease-out-expo)}.deep-dive-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg-primary)}.deep-dive-header__info{display:flex;align-items:center;gap:var(--space-3)}.deep-dive-header__flag{font-size:2rem;line-height:1}.deep-dive-header__text{display:flex;flex-direction:column;gap:var(--space-1)}.deep-dive-header__title{font-family:var(--font-display);font-size:var(--text-heading);font-weight:600;color:var(--color-text-primary);margin:0;line-height:var(--leading-heading)}.deep-dive-header__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-text-secondary)}.deep-dive-header__read-time{display:flex;align-items:center;gap:var(--space-1)}.deep-dive-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);font-size:1.25rem;transition:background var(--transition-fast),color var(--transition-fast)}.deep-dive-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.deep-dive-nav{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.deep-dive-nav::-webkit-scrollbar{display:none}.deep-dive-nav__tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary);white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.deep-dive-nav__tab:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.deep-dive-nav__tab.active{background:var(--color-accent-light);color:var(--color-accent)}.deep-dive-nav__icon{font-size:1rem}.deep-dive-content{flex:1;overflow-y:auto;padding:var(--space-6)}.deep-dive-section{animation:fadeUp .3s ease-out}.deep-dive-section__title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-4)}.deep-dive-section__icon{font-size:1.25rem}.deep-dive-section__body{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-primary)}.deep-dive-section__body p{margin:0 0 var(--space-4)}.deep-dive-section__body p:last-child{margin-bottom:0}.deep-dive-key-facts{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.deep-dive-key-facts__title{font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-micro);margin:0 0 var(--space-2)}.deep-dive-key-facts__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.deep-dive-key-facts__item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-text-primary)}.deep-dive-key-facts__bullet{color:var(--color-accent);font-weight:700}.deep-dive-teaser{position:relative}.deep-dive-teaser__content{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-primary)}.deep-dive-teaser__blur{position:relative;overflow:hidden}.deep-dive-teaser__blur:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,var(--color-bg-secondary) 90%)}.deep-dive-teaser__blur-text{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.5}.deep-dive-paywall{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4);text-align:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-top:var(--space-4)}.deep-dive-paywall__icon{font-size:2.5rem;margin-bottom:var(--space-3)}.deep-dive-paywall__title{font-family:var(--font-display);font-size:var(--text-subhead);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2)}.deep-dive-paywall__description{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0 0 var(--space-4);max-width:280px}.deep-dive-paywall__cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-accent);color:#fff;font-size:var(--text-body);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.deep-dive-paywall__cta:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.deep-dive-paywall__cta:active{transform:translateY(0)}.deep-dive-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.deep-dive-btn:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.deep-dive-btn__content{display:flex;align-items:center;gap:var(--space-3)}.deep-dive-btn__icon{font-size:1.5rem}.deep-dive-btn__text{text-align:left}.deep-dive-btn__title{font-size:var(--text-body);font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.deep-dive-btn__subtitle{font-size:var(--text-caption);color:var(--color-text-secondary)}.deep-dive-btn__arrow{color:var(--color-text-tertiary);font-size:1.25rem;transition:transform var(--transition-fast)}.deep-dive-btn:hover .deep-dive-btn__arrow{transform:translate(2px)}.deep-dive-pro-badge{display:inline-flex;align-items:center;padding:2px 6px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.deep-dive-sources{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.deep-dive-sources__title{font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-micro);margin:0 0 var(--space-2)}.deep-dive-sources__list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.deep-dive-sources__link{font-size:var(--text-caption);color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.deep-dive-sources__link:hover{color:var(--color-accent-hover);text-decoration:underline}.climate-legend-header{font-size:var(--text-micro);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-micro);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border-light)}.climate-legend-icon{font-size:1rem;width:16px;text-align:center}@media(max-width:640px){.deep-dive-overlay{padding:0;align-items:flex-end}.deep-dive-modal{max-width:100%;max-height:90vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.deep-dive-header{padding:var(--space-3) var(--space-4)}.deep-dive-header__flag{font-size:1.5rem}.deep-dive-header__title{font-size:var(--text-subhead)}.deep-dive-content{padding:var(--space-4)}.deep-dive-nav{padding:var(--space-2) var(--space-3)}.deep-dive-nav__tab{padding:var(--space-2)}}@media(prefers-reduced-motion:reduce){.deep-dive-overlay,.deep-dive-modal,.deep-dive-section{animation:none}.deep-dive-btn__arrow,.deep-dive-paywall__cta{transition:none}}.upgrade-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:2000;animation:fadeIn var(--duration-fast) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upgrade-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:420px;max-height:90vh;overflow-y:auto;background:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);z-index:2001;padding:var(--space-6);animation:modalIn var(--duration-normal) var(--ease-out-expo)}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.upgrade-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);width:var(--touch-target-min);height:var(--touch-target-min);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.upgrade-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.upgrade-modal__header{text-align:center;margin-bottom:var(--space-5)}.upgrade-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:var(--color-white);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.upgrade-modal__title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.upgrade-modal__description{font-size:var(--text-body);color:var(--color-text-secondary);margin:0;line-height:var(--leading-body)}.upgrade-modal__features{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-5)}.upgrade-modal__features-title{font-size:var(--text-caption);font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-3) 0}.upgrade-modal__features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.upgrade-modal__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-text-primary)}.upgrade-modal__feature svg{color:var(--color-success);flex-shrink:0}.upgrade-modal__actions{display:flex;flex-direction:column;gap:var(--space-2)}.upgrade-modal__button{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);text-align:center;text-decoration:none}.upgrade-modal__button--trial{background:var(--color-accent);color:var(--color-white);border:none}.upgrade-modal__button--trial:hover:not(:disabled){background:var(--color-accent-hover)}.upgrade-modal__button--trial:disabled{opacity:.7;cursor:not-allowed}.upgrade-modal__button--subscribe{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.upgrade-modal__button--subscribe:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.upgrade-modal__button--dismiss{background:transparent;color:var(--color-text-tertiary);border:none;font-weight:400}.upgrade-modal__button--dismiss:hover{color:var(--color-text-secondary)}.upgrade-modal__trial-used{text-align:center;font-size:var(--text-micro);color:var(--color-text-muted);margin:var(--space-3) 0 0 0}@media(max-width:600px){.upgrade-modal__features-list{grid-template-columns:1fr}}.trial-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:calc(var(--space-2) + env(safe-area-inset-top,0px)) var(--space-4) var(--space-2);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:var(--color-white);font-size:var(--text-caption)}.trial-banner__content{display:flex;align-items:center;gap:var(--space-2)}.trial-banner__badge{background:#fff3;padding:2px 8px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-micro)}.trial-banner__text{font-weight:500}.trial-banner__upgrade{background:var(--color-white);color:var(--color-accent);padding:6px 12px;min-height:var(--touch-target-compact);display:inline-flex;align-items:center;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;font-size:var(--text-micro);transition:all var(--transition-fast)}.trial-banner__upgrade:hover{background:#ffffffe6;color:var(--color-accent-hover)}.trial-expired-modal__features{margin:var(--space-4) 0}.trial-expired-modal__feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--text-caption)}.trial-expired-modal__feature svg{color:var(--color-error);flex-shrink:0}.trial-expired-modal__feature span{text-decoration:line-through;opacity:.7}.upgrade-toast{position:fixed;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);z-index:1500;animation:toastIn var(--duration-normal) var(--ease-out-expo);max-width:90%}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.upgrade-toast__content{display:flex;flex-direction:column;gap:2px}.upgrade-toast__title{font-size:var(--text-caption);font-weight:600;color:var(--color-text-primary);margin:0}.upgrade-toast__description{font-size:var(--text-micro);color:var(--color-text-secondary);margin:0}.upgrade-toast__action{background:var(--color-accent);color:var(--color-white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-micro);font-weight:600;text-decoration:none;white-space:nowrap}.upgrade-toast__action:hover{background:var(--color-accent-hover);color:var(--color-white)}.upgrade-toast__dismiss{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upgrade-toast__dismiss:hover{color:var(--color-text-secondary)}@media(prefers-color-scheme:dark){.upgrade-modal{background:var(--color-bg-secondary)}.trial-banner__badge{background:#ffffff26}}@media(prefers-reduced-motion:reduce){.upgrade-modal,.upgrade-modal__backdrop,.upgrade-toast{animation:none}}