*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-heroicons-academic-cap{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.26 10.147a60 60 0 0 0-.491 6.347A48.6 48.6 0 0 1 12 20.904a48.6 48.6 0 0 1 8.232-4.41a61 61 0 0 0-.491-6.347m-15.482 0a51 51 0 0 0-2.658-.813A60 60 0 0 1 12 3.493a60 60 0 0 1 10.399 5.84q-1.345.372-2.658.814m-15.482 0A51 51 0 0 1 12 13.489a50.7 50.7 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5a.75.75 0 0 0 0 1.5m0 0v-3.675A55 55 0 0 1 12 8.443m-7.007 11.55A5.98 5.98 0 0 0 6.75 15.75v-1.5'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em}.i-heroicons-arrow-right-on-rectangle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em}.i-heroicons-chart-bar{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em}.i-heroicons-ellipsis-horizontal{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6.75 12a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m6 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m6 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em}.i-heroicons-rectangle-stack{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 6.878V6a2.25 2.25 0 0 1 2.25-2.25h7.5A2.25 2.25 0 0 1 18 6v.878m-12 0q.354-.126.75-.128h10.5q.396.002.75.128m-12 0A2.25 2.25 0 0 0 4.5 9v.878m13.5-3A2.25 2.25 0 0 1 19.5 9v.878m0 0a2.3 2.3 0 0 0-.75-.128H5.25q-.396.002-.75.128m15 0A2.25 2.25 0 0 1 21 12v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6c0-.98.626-1.813 1.5-2.122'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em}.i-heroicons-shield-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 12.75L11.25 15L15 9.75m-3-7.036A11.96 11.96 0 0 1 3.598 6A12 12 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623c5.176-1.332 9-6.03 9-11.622c0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em}.i-heroicons-trophy{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.45 7.45 0 0 1-.982-3.172M9.497 14.25a7.45 7.45 0 0 0 .981-3.172M5.25 4.236q-1.473.215-2.916.52A6 6 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25s4.545.16 6.75.47v1.516M7.73 9.728a6.7 6.7 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46 46 0 0 1 2.916.52a6 6 0 0 1-5.395 4.972m0 0a6.7 6.7 0 0 1-2.749 1.35m0 0a6.8 6.8 0 0 1-3.044 0'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em}.i-heroicons-user-circle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M17.982 18.725A7.49 7.49 0 0 0 12 15.75a7.49 7.49 0 0 0-5.982 2.975m11.964 0a9 9 0 1 0-11.963 0m11.962 0A8.97 8.97 0 0 1 12 21a8.97 8.97 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0a3 3 0 0 1 6 0'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em}.i-heroicons-user-group{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18 18.72a9.1 9.1 0 0 0 3.741-.479q.01-.12.01-.241a3 3 0 0 0-4.692-2.478m.94 3.197l.001.031q0 .337-.037.666A11.94 11.94 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6 6 0 0 1 6 18.719m12 0a5.97 5.97 0 0 0-.941-3.197m0 0A6 6 0 0 0 12 12.75a6 6 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72a9 9 0 0 0 3.74.477m.94-3.197a5.97 5.97 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0a3 3 0 0 1 6 0m6 3a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0m-13.5 0a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em}.i-heroicons-users{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 19.128a9.4 9.4 0 0 0 2.625.372a9.3 9.3 0 0 0 4.121-.952q.004-.086.004-.173a4.125 4.125 0 0 0-7.536-2.32M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.3 12.3 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0a3.375 3.375 0 0 1 6.75 0m8.25 2.25a2.625 2.625 0 1 1-5.25 0a2.625 2.625 0 0 1 5.25 0'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em}.i-heroicons-x-mark{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1em;height:1em}.container{width:100%}.input{width:100%;border-width:1px;border-radius:.5rem;padding:.5rem 1rem}.touch-target{min-height:2.75rem;min-width:2.75rem;display:flex;align-items:center;justify-content:center}.center{display:flex;align-items:center;justify-content:center}.row{display:flex;flex-direction:row}.row-sm{display:flex;flex-direction:row;gap:.5rem}.stack{display:flex;flex-direction:column}.btn:hover{--un-scale-x:1.05;--un-scale-y:1.05;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.btn:active{--un-scale-x:.95;--un-scale-y:.95;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.btn{border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.card{border-radius:.75rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:1.5rem;--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.btn-primary{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.btn-secondary{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity))}.dark .card{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity))}.btn-primary:hover{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity))}.btn-secondary:hover{--un-bg-opacity:1;background-color:rgb(209 213 219 / var(--un-bg-opacity))}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem;line-height:1.75rem}.btn-sm{padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-top{padding-top:env(safe-area-inset-top,0px)}.input:focus{outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(59 130 246 / var(--un-ring-opacity)) }@media (min-width: 320px){.container{max-width:320px}}@media (min-width: 480px){.container{max-width:480px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-20{bottom:5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.mx{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my{margin-top:1rem;margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ms{margin-inline-start:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h2{height:.5rem}.h3{height:.75rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-sm{max-width:24rem}.min-h-screen{min-height:100vh}.min-w-48{min-width:12rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.-translate-x-1\/2{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-1\/2{--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-x-1{--un-translate-x:.25rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-x-6{--un-translate-x:1.5rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.resize{resize:both}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.25rem * var(--un-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.5rem * var(--un-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.5rem * var(--un-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse))}.overflow-auto{overflow:auto}.whitespace-pre-wrap{white-space:pre-wrap}.b,.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-amber-200{--un-border-opacity:1;border-color:rgb(253 230 138 / var(--un-border-opacity))}.border-gray-100{--un-border-opacity:1;border-color:rgb(243 244 246 / var(--un-border-opacity))}.border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity))}.border-gray-300{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity))}.border-primary-100{--un-border-opacity:1;border-color:rgb(219 234 254 / var(--un-border-opacity))}.border-primary-200{--un-border-opacity:1;border-color:rgb(191 219 254 / var(--un-border-opacity))}.dark .dark\:border-gray-700{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity))}.focus\:border-blue-500:focus{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border-dashed{border-style:dashed}.bg-amber-50{--un-bg-opacity:1;background-color:rgb(255 251 235 / var(--un-bg-opacity))}.bg-black\/30{background-color:#0000004d}.bg-blue-100{--un-bg-opacity:1;background-color:rgb(219 234 254 / var(--un-bg-opacity))}.bg-blue-50,.bg-primary-50{--un-bg-opacity:1;background-color:rgb(239 246 255 / var(--un-bg-opacity))}.bg-blue-600,.bg-primary-600{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity))}.bg-gray-100{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.bg-gray-300{--un-bg-opacity:1;background-color:rgb(209 213 219 / var(--un-bg-opacity))}.bg-gray-50{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity))}.bg-green-100{--un-bg-opacity:1;background-color:rgb(220 252 231 / var(--un-bg-opacity))}.bg-primary-50\/50{background-color:#eff6ff80}.bg-primary-500{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity))}.bg-red-100{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity))}.bg-red-50{--un-bg-opacity:1;background-color:rgb(254 242 242 / var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.bg-white\/70{background-color:#ffffffb3}.bg-yellow-100{--un-bg-opacity:1;background-color:rgb(254 249 195 / var(--un-bg-opacity))}.bg-yellow-50{--un-bg-opacity:1;background-color:rgb(254 252 232 / var(--un-bg-opacity))}.dark .dark\:bg-gray-800{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity))}.dark .dark\:bg-gray-900{--un-bg-opacity:1;background-color:rgb(17 24 39 / var(--un-bg-opacity))}.dark .dark\:bg-primary-900\/20{background-color:#1e3a8a33}.dark .dark\:hover\:bg-gray-700:hover{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity))}.dark .dark\:hover\:bg-red-900\/20:hover{background-color:#7f1d1d33}.hover\:bg-blue-700:hover{--un-bg-opacity:1;background-color:rgb(29 78 216 / var(--un-bg-opacity))}.hover\:bg-gray-100:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity))}.hover\:bg-red-100:hover{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity))}.hover\:bg-red-50:hover{--un-bg-opacity:1;background-color:rgb(254 242 242 / var(--un-bg-opacity))}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p\[index\]{padding:index}.px,.px-4{padding-left:1rem;padding-right:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-20{padding-bottom:5rem}.ps{padding-inline-start:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pie{padding-inline-end:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.dark .dark\:text-gray-300{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity))}.dark .dark\:text-gray-400,.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.dark .dark\:text-white,.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-amber-700{--un-text-opacity:1;color:rgb(180 83 9 / var(--un-text-opacity))}.text-blue-600,.text-primary-600{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity))}.text-blue-700,.text-primary-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity))}.text-blue-800{--un-text-opacity:1;color:rgb(30 64 175 / var(--un-text-opacity))}.text-blue-900,.text-primary-900{--un-text-opacity:1;color:rgb(30 58 138 / var(--un-text-opacity))}.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity))}.text-gray-700{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity))}.text-gray-900{--un-text-opacity:1;color:rgb(17 24 39 / var(--un-text-opacity))}.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity))}.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity))}.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity))}.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity))}.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity))}.text-yellow-600{--un-text-opacity:1;color:rgb(202 138 4 / var(--un-text-opacity))}.text-yellow-700{--un-text-opacity:1;color:rgb(161 98 7 / var(--un-text-opacity))}.text-yellow-900{--un-text-opacity:1;color:rgb(113 63 18 / var(--un-text-opacity))}.hover\:text-blue-700:hover{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity))}.hover\:text-red-500:hover{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.opacity-50{opacity:.5}.disabled\:opacity-50:disabled{opacity:.5}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.hover\:shadow-md:hover{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus\:ring-2:focus{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus\:ring-blue-500:focus{--un-ring-opacity:1;--un-ring-color:rgb(59 130 246 / var(--un-ring-opacity)) }.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width: 480px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}:root{color-scheme:light;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--red-50: #fef2f2;--red-100: #fee2e2;--red-600: #dc2626;--red-700: #b91c1c;--red-900: #7f1d1d;--green-50: #f0fdf4;--green-100: #dcfce7;--green-600: #16a34a;--green-700: #15803d;--yellow-50: #fefce8;--yellow-100: #fef9c3;--yellow-600: #ca8a04;--orange-600: #ea580c;--orange-700: #c2410c;--bg-body: #f5f5f5;--bg-card: #ffffff;--bg-surface: var(--gray-50);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-400);--border-color: var(--gray-200);--primary: var(--blue-600);--primary-hover: var(--blue-700);--primary-contrast: #ffffff;--secondary-bg: #6c757d;--secondary-hover: #545b62;--card-shadow: rgba(15, 23, 42, .08);--danger-bg: var(--red-100);--danger-text: var(--red-900);--success-bg: var(--green-100);--success-text: var(--green-700);--warning-bg: var(--yellow-100);--warning-text: var(--yellow-600);--pill-bg: var(--blue-50);--pill-text: #4338ca;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--skeleton-bg: var(--gray-200);--skeleton-shimmer: var(--gray-300)}:root.dark{color-scheme:dark;--bg-body: #0b1120;--bg-card: var(--gray-800);--bg-surface: var(--gray-700);--text-primary: #f8fafc;--text-secondary: #cbd5f5;--text-muted: var(--gray-400);--border-color: var(--gray-700);--primary: var(--blue-400);--primary-hover: var(--blue-300);--primary-contrast: #0b1120;--secondary-bg: var(--gray-700);--secondary-hover: var(--gray-800);--card-shadow: rgba(0, 0, 0, .35);--danger-bg: rgba(248, 113, 113, .15);--danger-text: #fecaca;--success-bg: rgba(74, 222, 128, .15);--success-text: #86efac;--warning-bg: rgba(251, 191, 36, .15);--warning-text: #fcd34d;--pill-bg: rgba(99, 102, 241, .2);--pill-text: #c7d2fe;--skeleton-bg: var(--gray-700);--skeleton-shimmer: var(--gray-600)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-body);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:.5rem}.header p{color:var(--text-secondary);font-size:1.1rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.image-card{background:var(--bg-card);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--card-shadow);transition:transform .2s}.image-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px var(--card-shadow)}.image-card img{width:100%;height:200px;object-fit:cover}.image-card-content{padding:1rem}.image-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.image-card-date{font-size:.875rem;color:var(--text-secondary)}.resource-link{display:inline-flex;margin-top:.75rem;font-size:.875rem;color:var(--primary);text-decoration:none}.resource-link:hover{text-decoration:underline}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s;color:var(--text-primary);background-color:var(--bg-surface)}.btn-primary{background-color:var(--primary);color:var(--primary-contrast)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background-color:var(--secondary-bg);color:var(--primary-contrast)}.btn-secondary:hover{background-color:var(--secondary-hover)}.form{background:var(--bg-card);padding:2rem;border-radius:8px;box-shadow:0 2px 8px var(--card-shadow);margin-bottom:2rem}.form-caption{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.95rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;background-color:var(--bg-body);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--primary);background-color:var(--bg-card)}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.input-hint{color:var(--text-secondary);font-size:.85rem}.password-field{display:flex;align-items:center;gap:.5rem}.ghost-btn{border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);padding:.4rem .85rem;border-radius:8px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.ghost-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.password-toggle{white-space:nowrap}.auth-mode-toggle{display:flex;gap:.75rem;margin-bottom:1rem}.auth-panel-title{margin-bottom:.5rem}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.error{background-color:var(--danger-bg);color:var(--danger-text);padding:1rem;border-radius:4px;margin-bottom:1rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.badge-success{background-color:#10b98126;color:#16a34a}.badge-info{background-color:#3b82f626;color:#1d4ed8}.hero-badges{margin-top:1rem;display:flex;gap:.5rem;align-items:center}.card{background:var(--bg-card);padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px var(--card-shadow);margin-bottom:2rem}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.profile-note{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.landing{background:var(--bg-card);border-radius:16px;padding:3rem;box-shadow:0 20px 60px var(--card-shadow);margin-bottom:2rem}.pill{display:inline-flex;padding:.35rem .9rem;border-radius:999px;background:var(--pill-bg);color:var(--pill-text);font-size:.85rem;margin-bottom:1rem}.subtle{color:var(--text-secondary)}.pill.subtle{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:center;margin-bottom:3rem}.hero h1{font-size:2.5rem;line-height:1.2;margin-bottom:1rem;color:var(--text-primary)}.subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem}.cta-note{font-size:.85rem;color:var(--text-secondary)}.hero-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.highlight-card{background:var(--bg-surface);border-radius:12px;padding:1rem;text-align:center;border:1px solid var(--border-color)}.highlight-card .value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.highlight-card .label{font-size:.85rem;color:var(--text-secondary)}.hero-visual{display:flex;justify-content:center}.visual-card{width:100%;max-width:340px;border-radius:16px;background:linear-gradient(135deg,#4338ca,#2563eb);color:#fff;padding:1.5rem;min-height:240px;box-shadow:0 20px 50px #2563eb59}.visual-card ul{margin:1rem 0;padding-left:1rem;list-style:disc}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.feature-card{background:var(--bg-surface);color:var(--text-primary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color)}.feature-card h3{margin-bottom:.75rem}.persona-section{margin-top:2.5rem}.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.persona-card{border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;background:var(--bg-card)}.persona-goal{font-weight:600;margin:.5rem 0}.text-gradient{background:linear-gradient(135deg,var(--blue-500),var(--blue-700));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:root.dark .text-gradient{background:linear-gradient(135deg,var(--blue-300),var(--blue-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-title{font-size:2.75rem;line-height:1.15;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.pill-animated{animation:pulse-subtle 2s ease-in-out infinite;display:inline-flex;align-items:center;gap:.35rem}.pill-icon{font-size:.9rem}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.trust-badges{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.trust-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:999px;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.trust-icon{font-size:1rem}.continue-learning-card{padding:1.25rem;background:linear-gradient(135deg,var(--blue-50),var(--blue-100));border-radius:16px;margin-bottom:1rem;border:1px solid var(--blue-200)}:root.dark .continue-learning-card{background:linear-gradient(135deg,#3b82f626,#3b82f61a);border-color:#3b82f64d}.continue-learning-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.continue-icon{font-size:1.25rem}.continue-title{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.continue-stats{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px}.btn-block{width:100%}.btn-cta-main{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));box-shadow:0 4px 20px #3b82f666;transition:all .3s ease;animation:cta-pulse-scale 2.5s ease-in-out infinite}.btn-cta-main:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #3b82f680}.btn-icon{font-size:1.1rem}@keyframes cta-pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.cta-note{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-secondary);margin-top:.5rem}.cta-check{color:var(--green-600);font-weight:600}.highlight-card{background:var(--bg-surface);border-radius:16px;padding:1.25rem;text-align:center;border:1px solid var(--border-color);animation:fadeInUp .5s ease-out both;animation-delay:calc(var(--stagger-index, 0) * .1s);transition:transform .2s ease,box-shadow .2s ease}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px var(--card-shadow)}.highlight-icon{font-size:1.5rem;margin-bottom:.5rem}.highlight-value{font-size:1.75rem;font-weight:800;color:var(--primary);margin-bottom:.25rem}.highlight-label{font-size:.8rem;color:var(--text-secondary)}.phone-mockup{background:linear-gradient(135deg,var(--gray-800),var(--gray-900));border-radius:32px;padding:12px;max-width:320px;margin:0 auto;box-shadow:0 25px 80px #0000004d,0 0 0 1px #ffffff1a inset;position:relative}.phone-notch{width:100px;height:24px;background:var(--gray-900);border-radius:0 0 16px 16px;margin:0 auto 12px}.demo-card-container{position:relative;height:280px;perspective:1000px}.demo-card{position:absolute;width:100%;border-radius:20px;padding:1.5rem;text-align:center}.demo-card-back{background:var(--gray-700);height:100%;display:flex;align-items:center;justify-content:center;transform:translateY(8px) scale(.95);opacity:.7}.demo-card-label{color:var(--gray-400);font-size:.9rem}.demo-card-front{background:linear-gradient(135deg,#fff,#f8fafc);height:100%;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 40px #0003;animation:card-float 3s ease-in-out infinite}:root.dark .demo-card-front{background:linear-gradient(135deg,var(--gray-700),var(--gray-800))}@keyframes card-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(1deg)}}.demo-card-header{display:flex;justify-content:space-between;margin-bottom:1rem}.demo-card-tag{background:var(--blue-100);color:var(--blue-700);padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}:root.dark .demo-card-tag{background:#3b82f633;color:var(--blue-300)}.demo-card-progress{color:var(--text-secondary);font-size:.8rem}.demo-card-word{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.demo-card-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:1.25rem}.demo-card-actions{display:flex;gap:.75rem}.demo-action{flex:1;padding:.65rem;border-radius:12px;font-size:.8rem;font-weight:500}.demo-action-hard{background:#ef44441a;color:var(--red-600)}.demo-action-easy{background:#22c55e1a;color:var(--green-600)}.demo-swipe-hint{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;color:var(--gray-400);font-size:.8rem}.swipe-arrow{animation:swipe-hint 1.5s ease-in-out infinite}@keyframes swipe-hint{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(-3px)}}.swipe-arrow:last-child{animation-name:swipe-hint-right}@keyframes swipe-hint-right{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}.section-header{text-align:center;margin-bottom:2rem}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.section-subtitle{color:var(--text-secondary);font-size:1rem}.feature-card{background:var(--bg-surface);color:var(--text-primary);border-radius:16px;padding:1.75rem;border:1px solid var(--border-color);transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px var(--card-shadow);border-color:var(--primary)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-title{font-size:1.15rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.feature-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.testimonials-section{margin-top:3rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px var(--card-shadow)}.testimonial-rating{font-size:.9rem;margin-bottom:.75rem}.testimonial-text{font-size:1rem;line-height:1.6;color:var(--text-primary);margin-bottom:1rem;font-style:italic}.testimonial-author{display:flex;gap:.5rem;align-items:center}.author-role{color:var(--text-muted);font-size:.85rem}.author-role:before{content:"•";margin-right:.5rem}.persona-section{margin-top:3rem}.persona-card{border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;background:var(--bg-card);text-align:center;transition:all .3s ease}.persona-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px var(--card-shadow);border-color:var(--primary)}.persona-avatar{font-size:3rem;margin-bottom:.75rem}.persona-header{margin-bottom:.75rem}.persona-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.persona-age{font-size:.85rem;color:var(--text-muted)}.persona-goal-badge{display:inline-block;background:linear-gradient(135deg,var(--blue-50),var(--blue-100));color:var(--blue-700);padding:.35rem .85rem;border-radius:999px;font-size:.85rem;font-weight:600;margin-bottom:1rem}:root.dark .persona-goal-badge{background:linear-gradient(135deg,#3b82f633,#3b82f626);color:var(--blue-300)}.persona-detail{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.persona-result{background:linear-gradient(135deg,var(--green-50),var(--green-100));padding:.75rem;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.5rem}:root.dark .persona-result{background:linear-gradient(135deg,#22c55e26,#22c55e1a)}.result-label{font-size:.85rem;color:var(--text-secondary)}.result-value{font-weight:700;color:var(--green-600)}.faq-section{margin-top:3rem}.faq-grid{display:flex;flex-direction:column;gap:.75rem;max-width:800px;margin:0 auto}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:var(--primary)}.faq-item[open]{box-shadow:0 4px 20px var(--card-shadow)}.faq-question{display:flex;align-items:center;gap:.75rem;padding:1.25rem;cursor:pointer;font-weight:600;color:var(--text-primary);list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-icon{font-size:1rem}.faq-toggle{margin-left:auto;font-size:1.25rem;color:var(--text-muted);transition:transform .3s ease}.faq-item[open] .faq-toggle{transform:rotate(45deg)}.faq-answer{padding:0 1.25rem 1.25rem 2.75rem;color:var(--text-secondary);line-height:1.7}.final-cta-section{margin-top:3rem;padding:3rem 2rem;background:linear-gradient(135deg,var(--blue-600),var(--blue-800));border-radius:24px;text-align:center;position:relative;overflow:hidden}.final-cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.final-cta-content{position:relative;z-index:1}.final-cta-title{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem}.final-cta-subtitle{color:#ffffffd9;margin-bottom:1.5rem;font-size:1.1rem}.final-cta-section .btn-cta-main{background:#fff;color:var(--blue-700);box-shadow:0 4px 20px #0003}.final-cta-section .btn-cta-main:hover{background:#f8fafc;box-shadow:0 8px 30px #0000004d}.final-cta-note{margin-top:1rem;color:#ffffffb3;font-size:.85rem}.animate-on-scroll{animation:fadeInUp .6s ease-out both;animation-delay:calc(var(--stagger-index, 0) * .1s)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-page{padding:2rem 1rem 3rem}.auth-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;background:var(--bg-card);border-radius:16px;box-shadow:0 16px 50px var(--card-shadow);padding:2rem}.auth-copy h1{font-size:2rem;margin-bottom:.5rem}.auth-benefits{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.75rem}.auth-benefits li{display:flex;gap:.75rem;align-items:flex-start}.auth-bullet{color:var(--primary);font-weight:700}.auth-benefit-title{font-weight:700;color:var(--text-primary)}.auth-benefit-desc{color:var(--text-secondary)}.auth-form-card{background:var(--bg-surface);border-radius:12px;padding:1.5rem;box-shadow:0 10px 30px var(--card-shadow);border:1px solid var(--border-color)}.auth-switch{margin-top:1rem;text-align:center;color:var(--text-secondary);font-size:.95rem}@media (max-width: 768px){.landing{padding:1.5rem 1rem}.hero{grid-template-columns:1fr;text-align:center}.hero-visual{margin-top:2rem}.hero-title{font-size:2rem}.hero-cta{align-items:center}.trust-badges{justify-content:center}.hero-highlights{grid-template-columns:repeat(3,1fr);gap:.5rem}.highlight-card{padding:.75rem .5rem}.highlight-icon{font-size:1.25rem;margin-bottom:.25rem}.highlight-value{font-size:1.25rem}.highlight-label{font-size:.7rem}.phone-mockup{max-width:280px}.demo-card-container{height:240px}.demo-card-word,.section-title{font-size:1.5rem}.feature-grid,.testimonials-grid,.persona-grid{grid-template-columns:1fr}.feature-card,.testimonial-card,.persona-card{padding:1.25rem}.final-cta-section{padding:2rem 1.5rem;border-radius:16px}.final-cta-title{font-size:1.5rem}.btn-lg{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 640px){.auth-card{padding:1.25rem}}@media (max-width: 480px){.landing{padding:1rem}.hero-title{font-size:1.75rem}.subtitle{font-size:.95rem}.hero-highlights{grid-template-columns:1fr 1fr 1fr}.phone-mockup{max-width:260px;border-radius:24px;padding:8px}.demo-card-container{height:220px}.demo-card{padding:1rem}.demo-card-word{font-size:1.35rem}.demo-card-actions{gap:.5rem}.demo-action{padding:.5rem;font-size:.75rem}}.section-title{margin-bottom:1rem;color:var(--text-primary)}.arch-list{padding-left:1.5rem;color:var(--text-secondary);list-style:disc}.arch-list li{margin-bottom:.5rem}.profile-card{padding:1rem;background:var(--bg-card);border-radius:8px;box-shadow:0 2px 4px var(--card-shadow)}.profile-row{display:flex;justify-content:space-between;align-items:center}.profile-name{font-weight:600;color:var(--text-primary)}.profile-email{color:var(--text-secondary);font-size:.9rem}.app-layout{display:flex;flex-direction:column;gap:1.5rem}.app-header{background:var(--bg-card);border-radius:16px;padding:1rem 1.5rem;box-shadow:0 1px 4px var(--card-shadow);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.app-brand{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.logo-mark{font-weight:700;font-size:1.15rem}.top-nav{display:flex;gap:1rem;flex-wrap:wrap}.nav-link{display:inline-flex;gap:.35rem;align-items:center;padding:.35rem .85rem;border-radius:999px;font-size:.95rem;color:var(--text-secondary)}.nav-link.active{background:#2563eb1f;color:var(--primary)}.nav-icon{font-size:1.05rem}.header-actions{display:flex;align-items:center;gap:.75rem}.nav-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.nav-cta-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.nav-cta{padding:.5rem 1rem}.sync-pill{padding:.35rem .85rem;border-radius:999px;background:#f8717126;color:#f73;font-size:.85rem}.global-nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}.global-nav-sticky{position:sticky;top:0;z-index:30}.public-layout{min-height:100vh}.public-main{max-width:1100px;margin:0 auto;padding:1rem 1rem 3rem;width:100%}.app-main{min-height:60vh}.bottom-nav{display:none;position:sticky;bottom:0;background:var(--bg-card);border-radius:999px;padding:.35rem .75rem;box-shadow:0 10px 40px #0f172a40;margin-top:1rem;justify-content:space-around}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;font-size:.75rem;padding:.35rem;color:var(--text-secondary)}.bottom-nav-item.active{color:var(--primary)}.page{display:flex;flex-direction:column;gap:1.5rem}.section-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px var(--card-shadow)}.onboarding-page{gap:1.5rem}.onboarding-intro{text-align:left}.onboarding-hero-title{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-primary)}.onboarding-hero-text{color:var(--text-secondary);font-size:.95rem}.onboarding-card{display:flex;flex-direction:column;gap:1.5rem}.onboarding-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.onboarding-title{font-size:1.4rem;margin-top:.25rem;margin-bottom:.25rem}.onboarding-subtitle{font-size:.95rem;color:var(--text-secondary)}.onboarding-progress{display:flex;align-items:center;gap:.75rem}.onboarding-progress-bar{flex:1;height:6px;border-radius:999px;background:var(--bg-surface);overflow:hidden}.onboarding-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#60a5fa);border-radius:999px;transition:width .25s ease-out}.onboarding-progress-label{font-size:.8rem;color:var(--text-muted)}.onboarding-step{display:flex;flex-direction:column;gap:1rem}.onboarding-step-title{font-size:1.25rem}.onboarding-step-text{font-size:.95rem;color:var(--text-secondary)}.onboarding-benefits{list-style:none;padding-left:0;font-size:.9rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:.35rem}.onboarding-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;margin-top:.5rem}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.subject-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface);cursor:pointer;text-align:left;transition:all .2s}.subject-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px var(--card-shadow)}.subject-card-active{border-color:var(--primary);background:#2563eb0d}.subject-emoji{font-size:1.6rem}.subject-body{display:flex;flex-direction:column;gap:.25rem}.subject-label{font-weight:600}.subject-subtitle{font-size:.85rem;color:var(--text-secondary)}.subject-check{font-size:.8rem;color:var(--text-muted)}.quiz-card{background:var(--bg-surface);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color)}.quiz-counter{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.quiz-prompt{font-size:1rem;margin-bottom:.75rem}.quiz-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}.quiz-choice{padding:.75rem .85rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;text-align:left;font-size:.95rem;transition:all .15s}.quiz-choice:hover{background:var(--bg-surface)}.quiz-choice-selected{border-color:var(--primary);background:#2563eb0f}.quiz-choice-label{display:block}.results-summary{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr);gap:1rem}.results-score{background:var(--bg-surface);border-radius:12px;padding:1.25rem}.results-score-label{font-size:.85rem;color:var(--text-muted)}.results-score-value{font-size:1.5rem;font-weight:700}.results-details{background:var(--bg-surface);border-radius:12px;padding:1.25rem;font-size:.9rem;color:var(--text-secondary)}.recommended-decks{margin-top:1rem}.recommended-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:.75rem}.recommended-card{border-radius:12px;border:1px solid var(--border-color);padding:1rem;background:var(--bg-surface)}.demo-card{background:var(--bg-surface);border-radius:12px;padding:1.25rem;border:1px solid var(--border-color)}.demo-card-counter{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.demo-card-body{border-radius:12px;border:1px dashed var(--border-color);padding:2rem 1.25rem;text-align:center;cursor:pointer}.demo-card-label{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.demo-card-text{font-size:1.5rem;margin-bottom:.5rem}.demo-card-hint{font-size:.8rem;color:var(--text-secondary)}.signup-benefits{background:var(--bg-surface);border-radius:12px;padding:1.25rem;font-size:.9rem;color:var(--text-secondary)}.signup-benefits ul{margin-top:.5rem;padding-left:1.25rem}.signup-benefits li{margin-bottom:.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.section-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--text-muted)}.learn-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;background:var(--bg-card);border-radius:18px;padding:2rem;box-shadow:0 10px 40px var(--card-shadow)}.course-visual{display:flex;justify-content:center;align-items:center}.course-path{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.course-step{border-radius:12px;padding:1rem;border:1px solid var(--border-color)}.course-step.done{background:#10b98126;border-color:#10b9814d}.course-step.active{background:#2563eb1f;border-color:#2563eb4d}.quick-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.metric-card{background:var(--bg-surface);border-radius:12px;padding:.75rem;text-align:center}.metric-card .value{font-size:1.35rem;font-weight:600;color:var(--text-primary)}.metric-card .label{font-size:.85rem;color:var(--text-secondary)}.goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.goal-card{background:var(--bg-surface);border-radius:14px;padding:1rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem}.stats-goal-card{margin-bottom:1rem}.goal-card.secondary{background:linear-gradient(135deg,#2563eb14,#38bdf81f)}.goal-progress-visual{display:flex;align-items:center;gap:1rem}.goal-progress-ring{position:relative;width:84px;height:84px;border-radius:50%;background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border-color);overflow:hidden}.goal-progress-ring span{position:absolute;inset:0;display:block;background:conic-gradient(var(--primary) calc(var(--progress, 0) * 1%),var(--border-color) 0)}.goal-progress-ring:after{content:"";position:absolute;inset:18px;background:var(--bg-card);border-radius:50%;box-shadow:0 2px 6px #0000000f}.goal-label{color:var(--text-secondary);font-size:.9rem}.goal-value{font-size:1.3rem;font-weight:700}.goal-subtext{color:var(--text-muted);font-size:.85rem}.goal-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.path-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin:.5rem 0}.path-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:10px;border:1px dashed var(--border-color);background:var(--bg-card);font-size:.9rem}.path-chip .dot{width:8px;height:8px;border-radius:999px;background:var(--primary);display:inline-block}.path-chip .eta{margin-left:auto;color:var(--text-muted);font-size:.8rem}.path-chip.done{border-color:#16a34a66;background:#16a34a14}.path-chip.active{border-color:#2563eb99;background:#2563eb1a}.focus-section .empty-state{padding:1rem;border:1px dashed var(--border-color);border-radius:12px;background:var(--bg-surface)}.focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.focus-card{background:var(--bg-card);border-radius:14px;padding:1rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem;box-shadow:0 6px 18px var(--card-shadow)}.focus-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.focus-label{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.focus-title{font-size:1.1rem;margin:.1rem 0}.focus-meta{color:var(--text-secondary);font-size:.9rem}.focus-progress{display:flex;align-items:center;gap:.5rem}.focus-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.text-link{color:var(--primary);font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}.path-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.path-step{border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface)}.path-step .path-status{display:flex;align-items:center;gap:.75rem;font-weight:600}.path-step .path-dot{width:12px;height:12px;border-radius:999px;background:var(--primary)}.path-step .path-eta{color:var(--text-secondary);font-size:.9rem}.path-step.done{border-color:#16a34a4d;background:#16a34a14}.path-step.active{border-color:#2563eb66;background:#2563eb14}.deck-table{display:flex;flex-direction:column;gap:.75rem}.deck-table-header,.deck-table-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:1rem;align-items:center}.deck-table-header{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.deck-table-row{padding:.75rem 0;border-top:1px solid var(--border-color)}.deck-name{font-weight:600}.deck-meta{font-size:.85rem;color:var(--text-secondary)}.progress-bar{margin-top:.35rem;height:6px;background:var(--border-color);border-radius:999px;overflow:hidden}.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,#2563eb)}.deck-detail-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem}.deck-detail-metrics .value{font-size:1.4rem;font-weight:600}.study-layout{display:flex;flex-direction:column;gap:1.5rem}.progress-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem}.progress-indicator .spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(148,163,184,.4);border-top-color:var(--primary);animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.study-card{background:var(--bg-card);padding:2rem;border-radius:16px;text-align:center;box-shadow:0 10px 30px var(--card-shadow)}.answer-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.stat-card{background:var(--bg-card);border-radius:12px;padding:1rem;box-shadow:0 1px 4px var(--card-shadow)}.community-feed{display:flex;flex-direction:column;gap:1rem}.feed-item{border:1px solid var(--border-color);border-radius:12px;padding:1rem}.feed-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.feed-body{margin-bottom:.5rem}.feed-tag{font-size:.8rem;color:var(--primary)}.community-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:start}@media (max-width: 900px){.community-grid{grid-template-columns:1fr}}.leaderboard-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;padding:.75rem .5rem;border-bottom:1px dashed var(--border-color)}.rank-badge{width:32px;height:32px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.leaderboard-meta{display:flex;flex-direction:column;gap:.15rem}.leaderboard-name{font-weight:700}.leaderboard-sub{color:var(--text-secondary);font-size:.9rem}.leaderboard-score{display:grid;gap:.2rem;justify-items:end}.leaderboard-score .score{font-weight:700;color:var(--primary)}.leaderboard-score .streak{font-size:.9rem;color:var(--text-secondary)}.leaderboard-highlight{margin-top:1rem;padding:.75rem;border:1px dashed var(--border-color);border-radius:12px;background:#2563eb0f}.leaderboard-highlight .title{font-weight:700;margin-bottom:.35rem}.leaderboard-highlight .desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.settings-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.settings-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.text-muted{color:var(--text-secondary)}.text-xs{font-size:.75rem}.progress-container{margin-bottom:2rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.progress-stats{font-size:.875rem;color:var(--text-muted)}.progress-bar{width:100%;height:8px;background-color:var(--bg-surface);border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#60a5fa);border-radius:9999px;transition:width .3s ease-out}.flashcard{perspective:1000px;min-height:400px;margin-bottom:2rem}.flashcard-inner{position:relative;width:100%;min-height:400px;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard.flipping .flashcard-inner{transition:transform .3s}.flashcard-face{position:absolute;width:100%;min-height:400px;backface-visibility:hidden;background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 16px var(--card-shadow)}.flashcard-back{transform:rotateY(180deg)}.card-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;text-align:center;gap:1rem}.card-content h4{font-size:1.75rem;line-height:1.4;color:var(--text-primary)}.answer-text{font-size:1.5rem;line-height:1.5;color:var(--text-primary)}.card-notes{margin-top:1.5rem;padding:1rem;background:var(--bg-surface);border-radius:12px;border-left:4px solid var(--primary);width:100%;display:flex;gap:.75rem}.notes-icon{font-size:1.25rem;flex-shrink:0}.notes-text{font-size:.95rem;color:var(--text-secondary);text-align:left}.rating-panel{margin-top:2rem}.rating-prompt{text-align:center;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.rating-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.rating-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;border:2px solid var(--border-color);border-radius:12px;background:var(--bg-card);cursor:pointer;transition:all .2s;position:relative}.rating-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--card-shadow)}.rating-btn:active:not(:disabled){transform:translateY(0)}.rating-btn:disabled{opacity:.5;cursor:not-allowed}.rating-btn.rating-again{border-color:#ef4444}.rating-btn.rating-again:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.rating-btn.rating-hard{border-color:#f59e0b}.rating-btn.rating-hard:hover:not(:disabled){background:#fffbeb;border-color:#d97706}.rating-btn.rating-good{border-color:#10b981}.rating-btn.rating-good:hover:not(:disabled){background:#ecfdf5;border-color:#059669}.rating-btn.rating-easy{border-color:#3b82f6}.rating-btn.rating-easy:hover:not(:disabled){background:#eff6ff;border-color:#2563eb}.rating-label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.rating-time{font-size:.75rem;color:var(--text-muted)}.kbd-hint{font-size:.7rem;padding:.15rem .4rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;font-family:monospace;color:var(--text-muted)}.completion-card{text-align:center;padding:3rem 2rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px var(--card-shadow)}.completion-icon{font-size:4rem;margin-bottom:1rem;animation:celebrate .5s ease-out}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.completion-card h4{font-size:1.75rem;color:var(--text-primary);margin-bottom:.5rem}.completion-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-lg{padding:1rem 2rem;font-size:1.125rem}@media (max-width: 768px){.top-nav{display:none}.bottom-nav{display:flex}.app-header{border-radius:12px}.rating-buttons{grid-template-columns:repeat(2,1fr)}.flashcard-face{min-height:320px;padding:1.5rem}.nav-cta-group{width:100%;justify-content:flex-end}.nav-cta{width:100%;text-align:center}.card-content h4{font-size:1.5rem}.answer-text{font-size:1.25rem}}.weekly-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-stat{text-align:center;padding:1rem;background:var(--bg-surface);border-radius:12px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary)}.activity-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;height:200px;padding:1rem;background:var(--bg-surface);border-radius:12px}.activity-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%;justify-content:flex-end}.activity-bar{width:100%;min-height:4px;background:linear-gradient(180deg,var(--primary),#60a5fa);border-radius:8px 8px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.25rem;transition:all .3s ease;position:relative}.activity-bar:hover{opacity:.8;transform:scaleY(1.05)}.bar-value{font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bar-label{font-size:.75rem;color:var(--text-muted);text-align:center}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background-color:var(--skeleton-bg);border-radius:4px;position:relative;overflow:hidden;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}.skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--skeleton-shimmer) 50%,transparent 100%);animation:skeleton-shimmer 2s ease-in-out infinite}.skeleton-text{height:1rem;width:100%;margin-bottom:.5rem}.skeleton-text-sm{height:.875rem}.skeleton-text-lg{height:1.25rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{background:var(--bg-card);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--card-shadow)}.skeleton-stat-card{background:var(--bg-card);border-radius:12px;padding:1rem;box-shadow:0 1px 4px var(--card-shadow);display:flex;flex-direction:column;gap:.5rem}.skeleton-deck-row{padding:.75rem 0;border-top:1px solid var(--border-color);display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:1rem;align-items:center}.skeleton-image{width:100%;height:200px;border-radius:8px}.skeleton-button{height:40px;width:120px;border-radius:4px}.error-boundary{background:var(--danger-bg);border:2px solid var(--red-600);border-radius:12px;padding:2rem;margin:2rem 0}.error-boundary-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--danger-text);margin-bottom:1rem}.error-boundary-icon{font-size:1.5rem}.error-boundary-message{color:var(--danger-text);margin-bottom:1rem;font-size:.95rem}.error-boundary-stack{background:#0000001a;border-radius:8px;padding:1rem;font-family:monospace;font-size:.85rem;overflow-x:auto;margin-bottom:1rem;color:var(--text-secondary)}.error-boundary-actions{display:flex;gap:.75rem;flex-wrap:wrap}.league-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px var(--card-shadow);border:1px solid var(--border-color)}.league-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.league-badge{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:0 4px 12px #00000026}.league-info{flex:1}.league-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.league-tier{font-size:.875rem;color:var(--text-secondary)}.league-xp-section{margin-bottom:1rem}.league-xp-label{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.league-xp-bar{height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.league-xp-fill{height:100%;border-radius:4px;transition:width var(--transition-slow) ease-out}.league-ranking{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-surface);border-radius:8px;font-size:.9rem;color:var(--text-secondary)}.league-ranking strong{color:var(--text-primary);font-size:1.1rem}.league-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.league-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.league-empty h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.league-empty p{font-size:.9rem;margin-bottom:1rem}.badge-card{background:var(--bg-card);border-radius:12px;padding:1rem;text-align:center;border:1px solid var(--border-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.badge-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--card-shadow)}.badge-card.locked{opacity:.6}.badge-card.locked .badge-icon{filter:grayscale(1)}.badge-icon{font-size:2.5rem;margin-bottom:.5rem;display:block}.badge-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.badge-description{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.badge-earned-date{font-size:.7rem;color:var(--text-muted);margin-top:.5rem}.badge-rarity{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.65rem;font-weight:600;text-transform:uppercase;margin-top:.5rem}.badge-rarity.common{background:var(--gray-100);color:var(--gray-600)}.badge-rarity.rare{background:var(--blue-100);color:var(--blue-700)}.badge-rarity.epic{background:#f3e8ff;color:#7c3aed}.badge-rarity.legendary{background:#fef3c7;color:#d97706}:root.dark .badge-rarity.common{background:var(--gray-700);color:var(--gray-300)}:root.dark .badge-rarity.rare{background:#3b82f633;color:var(--blue-300)}:root.dark .badge-rarity.epic{background:#8b5cf633;color:#c4b5fd}:root.dark .badge-rarity.legendary{background:#f59e0b33;color:#fcd34d}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.badge-progress-card{background:var(--bg-card);border-radius:12px;padding:1rem;border:1px solid var(--border-color)}.badge-progress-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.badge-progress-icon{font-size:1.75rem;opacity:.5}.badge-progress-info{flex:1}.badge-progress-name{font-size:.9rem;font-weight:600;color:var(--text-primary)}.badge-progress-description{font-size:.75rem;color:var(--text-secondary)}.badge-progress-bar-container{margin-bottom:.5rem}.badge-progress-bar{height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden}.badge-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width var(--transition-slow) ease-out}.badge-progress-text{font-size:.75rem;color:var(--text-muted);text-align:right}.daily-challenges-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px var(--card-shadow);border:1px solid var(--border-color)}.daily-challenges-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.daily-challenges-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.daily-challenges-title-icon{font-size:1.25rem}.daily-challenges-bonus{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600}.daily-challenges-bonus.available{background:var(--green-100);color:var(--green-700);cursor:pointer;transition:transform var(--transition-fast)}.daily-challenges-bonus.available:hover{transform:scale(1.05)}.daily-challenges-bonus.pending{background:var(--bg-surface);color:var(--text-muted)}:root.dark .daily-challenges-bonus.available{background:#22c55e33;color:#86efac}:root.dark .daily-challenges-bonus.pending{background:var(--gray-700)}.challenges-list{display:flex;flex-direction:column;gap:.75rem}.challenge-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-surface);border-radius:12px;transition:background var(--transition-fast)}.challenge-item.completed{background:var(--green-50)}:root.dark .challenge-item.completed{background:#22c55e1a}.challenge-status{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.challenge-status.pending{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-muted)}.challenge-status.completed{background:var(--green-600);color:#fff}.challenge-content{flex:1;min-width:0}.challenge-description{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.challenge-progress-bar{height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden}.challenge-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width var(--transition-slow) ease-out}.challenge-item.completed .challenge-progress-fill{background:var(--green-600)}.challenge-progress-text{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.challenge-xp{padding:.25rem .5rem;background:var(--pill-bg);color:var(--pill-text);border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.challenge-item.completed .challenge-xp{background:var(--green-100);color:var(--green-700)}:root.dark .challenge-item.completed .challenge-xp{background:#22c55e33;color:#86efac}.daily-challenges-empty{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.daily-challenges-empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.badge-unlock-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-base) ease-out;padding:1rem}.badge-unlock-modal{background:var(--bg-card);border-radius:24px;padding:2rem;text-align:center;max-width:320px;width:100%;position:relative;animation:scaleIn var(--transition-slow) cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.badge-unlock-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:24px}.confetti{position:absolute;width:10px;height:10px;animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}.badge-unlock-header{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em}.badge-unlock-icon{font-size:5rem;margin-bottom:1rem;animation:badgePop .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.badge-unlock-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.badge-unlock-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.badge-unlock-xp{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--pill-bg);color:var(--pill-text);border-radius:9999px;font-size:1rem;font-weight:600;margin-bottom:1.5rem}.badge-unlock-close{width:100%;padding:.875rem;background:var(--primary);color:var(--primary-contrast);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.badge-unlock-close:hover{background:var(--primary-hover)}.gamification-page{padding:1rem;max-width:800px;margin:0 auto}.gamification-section{margin-bottom:2rem}.gamification-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.gamification-section-title-icon{font-size:1.5rem}.league-leaderboard{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border-color)}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color)}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item.current-user{background:var(--pill-bg)}.leaderboard-rank{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.leaderboard-rank.gold{background:linear-gradient(135deg,gold,#ffec8b);color:#7c5e00}.leaderboard-rank.silver{background:linear-gradient(135deg,silver,#e8e8e8);color:#555}.leaderboard-rank.bronze{background:linear-gradient(135deg,#cd7f32,#daa06d);color:#5c3d1e}.leaderboard-rank.normal{background:var(--bg-surface);color:var(--text-secondary)}.leaderboard-user{flex:1;min-width:0}.leaderboard-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-xp{font-weight:700;color:var(--primary);white-space:nowrap}.leaderboard-loading{padding:2rem;text-align:center;color:var(--text-secondary)}.achievements-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:var(--bg-surface);border-radius:12px}.achievements-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:10px;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.achievements-tab:hover{color:var(--text-primary)}.achievements-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 4px var(--card-shadow)}.achievements-tab-icon{font-size:1.1rem}.badge-category{margin-bottom:2rem}.badge-category:last-child{margin-bottom:0}.friends-page{padding:1rem;max-width:600px;margin:0 auto}.my-friend-code-card{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:var(--primary-contrast);border-radius:16px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.friend-code-label{font-size:.875rem;opacity:.9;margin-bottom:.5rem}.friend-code-value{font-size:2rem;font-weight:700;letter-spacing:.2em;font-family:monospace;margin-bottom:1rem}.friends-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:var(--bg-surface);border-radius:12px}.friends-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem .5rem;background:transparent;border:none;border-radius:10px;font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.friends-tab:hover{color:var(--text-primary)}.friends-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 4px var(--card-shadow)}.tab-icon{font-size:1rem}.tab-count{padding:.125rem .5rem;background:var(--bg-surface);border-radius:9999px;font-size:.75rem}.tab-count.badge{background:var(--red-600);color:#fff}.friends-section{min-height:200px}.friends-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.friends-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.friends-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.friends-empty h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.5rem}.friends-empty p{font-size:.9rem;margin-bottom:1.5rem}.friends-list{display:flex;flex-direction:column;gap:.75rem}.friend-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.friend-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;overflow:hidden}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-info{flex:1;min-width:0}.friend-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.friend-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.friend-stat{display:flex;align-items:center;gap:.25rem}.stat-icon{font-size:.9rem}.friend-actions{display:flex;gap:.5rem}.btn-nudge,.btn-activity{width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-surface);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.btn-nudge:hover,.btn-activity:hover{background:var(--primary);transform:scale(1.1)}.btn-nudge:disabled{opacity:.5;cursor:not-allowed}.friend-request-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.request-status{font-size:.8rem;color:var(--text-muted)}.request-actions{display:flex;gap:.5rem}.request-status-badge{padding:.25rem .75rem;background:var(--bg-surface);border-radius:9999px;font-size:.75rem;color:var(--text-muted)}.requests-section{margin-bottom:1.5rem}.requests-section-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.requests-list{display:flex;flex-direction:column;gap:.75rem}.search-section{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border-color)}.search-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.friend-search{display:flex;flex-direction:column;gap:1rem}.search-input-container{display:flex;align-items:center;gap:.5rem}.friend-code-input{flex:1;padding:.875rem 1rem;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:12px;font-size:1.25rem;font-family:monospace;letter-spacing:.15em;text-transform:uppercase;text-align:center;color:var(--text-primary);transition:border-color var(--transition-fast)}.friend-code-input:focus{outline:none;border-color:var(--primary)}.friend-code-input::placeholder{letter-spacing:normal;text-transform:none;font-size:.9rem}.search-status{font-size:1.5rem}.search-result{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-surface);border-radius:12px}.search-result-user{display:flex;align-items:center;gap:.75rem;flex:1}.search-result-info{flex:1;min-width:0}.search-result-name{font-weight:600;color:var(--text-primary)}.search-result-bio{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relationship-status{padding:.375rem .875rem;border-radius:9999px;font-size:.8rem;font-weight:500}.relationship-status.pending{background:var(--yellow-100);color:var(--yellow-600)}.relationship-status.accepted{background:var(--green-100);color:var(--green-700)}:root.dark .relationship-status.pending{background:#eab30833;color:#fcd34d}:root.dark .relationship-status.accepted{background:#22c55e33;color:#86efac}.search-no-result{padding:1.5rem;text-align:center;color:var(--text-secondary);background:var(--bg-surface);border-radius:12px}.groups-page{padding:1rem;max-width:800px;margin:0 auto}.groups-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.groups-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.groups-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:var(--bg-surface);border-radius:12px}.groups-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:10px;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.groups-tab:hover{color:var(--text-primary)}.groups-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 4px var(--card-shadow)}.groups-tab .tab-icon{font-size:1.1rem}.groups-tab .tab-count{background:var(--primary);color:var(--primary-contrast);padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.groups-section{margin-bottom:1.5rem}.section-header{margin-bottom:1rem}.section-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.section-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.groups-loading{padding:3rem;text-align:center;color:var(--text-secondary)}.groups-empty{text-align:center;padding:3rem 1.5rem;background:var(--bg-card);border-radius:16px;border:1px dashed var(--border-color)}.groups-empty-icon{font-size:3rem;margin-bottom:1rem}.groups-empty h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.groups-empty p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem}.groups-empty-actions{display:flex;gap:.75rem;justify-content:center}.groups-list{display:flex;flex-direction:column;gap:1rem}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.group-card{background:var(--bg-card);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-color)}.group-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--card-shadow)}.group-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.group-card-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.group-card-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-card-stats{display:flex;align-items:center;gap:1rem}.group-stat{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-secondary)}.group-stat .stat-icon{font-size:1rem}.group-type-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.group-type-badge.open{background:var(--green-100);color:var(--green-700)}.group-type-badge.invite_only{background:var(--blue-100);color:var(--blue-700)}.group-type-badge.private{background:var(--gray-100);color:var(--gray-600)}:root.dark .group-type-badge.open{background:#22c55e33;color:#86efac}:root.dark .group-type-badge.invite_only{background:#3b82f633;color:var(--blue-300)}:root.dark .group-type-badge.private{background:var(--gray-700);color:var(--gray-300)}.group-role-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:var(--primary-alpha);color:var(--primary)}.group-leave-btn{margin-top:1rem}.group-preview-card{background:var(--bg-card);border-radius:16px;padding:1.25rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem}.group-full-badge{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;background:var(--gray-100);color:var(--gray-500);text-align:center}:root.dark .group-full-badge{background:var(--gray-700);color:var(--gray-400)}.group-search{display:flex;flex-direction:column;gap:1rem}.invite-code-input{width:100%;padding:1rem;background:var(--bg-surface);border:2px solid var(--border-color);border-radius:12px;font-size:1.5rem;font-family:monospace;letter-spacing:.2em;text-transform:uppercase;text-align:center;color:var(--text-primary);transition:border-color var(--transition-fast)}.invite-code-input:focus{outline:none;border-color:var(--primary)}.invite-code-input::placeholder{letter-spacing:normal;text-transform:none;font-size:.9rem}.search-result-group{display:flex;align-items:center;flex:1}.search-result-description{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.search-result-stats{margin-top:.5rem}.create-group-modal{max-width:500px;width:90%}.create-group-modal .form-group{margin-bottom:1.25rem}.create-group-modal label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.create-group-modal input,.create-group-modal textarea,.create-group-modal select{width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;color:var(--text-primary);transition:border-color var(--transition-fast)}.create-group-modal input:focus,.create-group-modal textarea:focus,.create-group-modal select:focus{outline:none;border-color:var(--primary)}.create-group-modal textarea{resize:vertical;min-height:80px}.create-group-modal select{cursor:pointer}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.group-detail-page{padding:1rem;max-width:600px;margin:0 auto}.page-loading,.page-error{text-align:center;padding:3rem 1.5rem}.page-error h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:1rem}.back-button{background:none;border:none;color:var(--primary);font-size:.9rem;cursor:pointer;padding:0;margin-bottom:1rem}.back-button:hover{text-decoration:underline}.group-detail-header{background:var(--bg-card);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.group-detail-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.group-detail-title h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.group-detail-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0 0 1rem}.group-detail-stats{display:flex;gap:1.5rem}.stat-item{display:flex;align-items:center;gap:.375rem;font-size:.9rem}.stat-item .stat-icon{font-size:1.125rem}.stat-item .stat-value{font-weight:600;color:var(--text-primary)}.stat-item .stat-label{color:var(--text-secondary)}.invite-code-section{background:var(--bg-card);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.invite-code-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.invite-code-display{display:flex;align-items:center;gap:.75rem}.invite-code{font-size:1.5rem;font-weight:700;letter-spacing:.15em;font-family:monospace;color:var(--primary)}.invite-code-hint{font-size:.8rem;color:var(--text-secondary);margin:.75rem 0 0}.group-section{background:var(--bg-card);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid var(--border-color)}.group-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.group-settings-section .settings-list{display:flex;flex-direction:column;gap:.75rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none}.setting-label{font-size:.875rem;color:var(--text-secondary)}.setting-value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.group-actions{display:flex;gap:.75rem;margin-top:1.5rem}.group-ranking{margin-top:.5rem}.ranking-list{display:flex;flex-direction:column;gap:.5rem}.ranking-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-surface);border-radius:10px}.ranking-item.rank-gold{background:linear-gradient(135deg,#ffd7001a,#ffd7000d)}.ranking-item.rank-silver{background:linear-gradient(135deg,#c0c0c01a,#c0c0c00d)}.ranking-item.rank-bronze{background:linear-gradient(135deg,#cd7f321a,#cd7f320d)}.ranking-position{width:32px;display:flex;align-items:center;justify-content:center}.rank-medal{font-size:1.25rem}.rank-number{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.ranking-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.ranking-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ranking-info{flex:1;min-width:0}.ranking-name{font-weight:500;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-role{font-size:.75rem;color:var(--text-secondary)}.ranking-xp{text-align:right}.ranking-xp .xp-value{font-size:1rem;font-weight:600;color:var(--primary)}.ranking-xp .xp-label{font-size:.75rem;color:var(--text-secondary);margin-left:.25rem}.ranking-loading,.ranking-empty{padding:1.5rem;text-align:center;color:var(--text-secondary)}.confirm-modal{max-width:400px;text-align:center}.confirm-modal h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.confirm-modal p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem}.btn-danger{background:var(--red-500);color:#fff;border:none}.btn-danger:hover{background:var(--red-600)}.btn-danger:disabled{background:var(--gray-400);cursor:not-allowed}.community-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.community-stats .stat-card{flex:1;background:var(--bg-surface);border-radius:12px;padding:1rem;text-align:center}.community-stats .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary)}.community-stats .stat-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.feed-section{flex:2}.feed-loading,.feed-empty{padding:3rem 1.5rem;text-align:center}.feed-empty-icon{font-size:3rem;margin-bottom:1rem}.feed-empty h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.feed-empty p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem}.activity-post-card{background:var(--bg-card);border-radius:16px;padding:1.25rem;margin-bottom:1rem;border:1px solid var(--border-color)}.post-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.post-author{display:flex;align-items:center;gap:.75rem;flex:1}.author-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.author-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:var(--text-primary)}.post-time{font-size:.8rem;color:var(--text-secondary)}.post-type-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:var(--bg-surface);border-radius:9999px;font-size:.75rem}.type-icon{font-size:.875rem}.type-label{color:var(--text-secondary);font-weight:500}.post-menu{position:relative}.menu-btn{background:none;border:none;padding:.25rem .5rem;cursor:pointer;font-size:1.25rem;color:var(--text-secondary);border-radius:4px}.menu-btn:hover{background:var(--bg-surface)}.menu-dropdown{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--card-shadow);z-index:10;min-width:100px}.menu-dropdown button{display:block;width:100%;padding:.625rem 1rem;background:none;border:none;text-align:left;cursor:pointer;color:var(--red-500);font-size:.875rem}.menu-dropdown button:hover{background:var(--bg-surface)}.post-content{margin-bottom:1rem}.post-content p{color:var(--text-primary);line-height:1.6;margin:0;white-space:pre-wrap}.post-metadata{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.metadata-item{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--bg-surface);border-radius:6px;font-size:.8rem;color:var(--text-secondary)}.metadata-icon{font-size:.875rem}.post-actions{display:flex;gap:1rem;border-top:1px solid var(--border-color);padding-top:.75rem}.action-btn{display:flex;align-items:center;gap:.375rem;background:none;border:none;padding:.5rem .75rem;border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:.875rem;transition:all var(--transition-fast)}.action-btn:hover{background:var(--bg-surface)}.action-btn.liked{color:var(--red-500)}.action-icon{font-size:1rem}.action-count{font-weight:500}.load-more{text-align:center;margin-top:1.5rem}.create-post-modal{max-width:500px;width:90%}.create-post-modal .form-group{margin-bottom:1.25rem}.create-post-modal label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.create-post-modal textarea,.create-post-modal select{width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;color:var(--text-primary);transition:border-color var(--transition-fast)}.create-post-modal textarea:focus,.create-post-modal select:focus{outline:none;border-color:var(--primary)}.create-post-modal textarea{resize:vertical;min-height:100px}.char-count{text-align:right;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.comments-modal{max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column}.comments-section{display:flex;flex-direction:column;height:100%}.comments-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.comments-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1}.comments-list{flex:1;overflow-y:auto;margin-bottom:1rem}.comments-loading,.comments-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.comment-item{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.comment-item:last-child{border-bottom:none}.comment-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.comment-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.comment-author{font-weight:500;font-size:.875rem;color:var(--text-primary)}.comment-time{font-size:.75rem;color:var(--text-secondary)}.comment-content{font-size:.875rem;color:var(--text-primary);line-height:1.5;margin:0;word-wrap:break-word}.comment-delete{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;font-size:1rem;opacity:.6}.comment-delete:hover{opacity:1;color:var(--red-500)}.comment-form{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.comment-form input{flex:1;padding:.625rem 1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;color:var(--text-primary)}.comment-form input:focus{outline:none;border-color:var(--primary)}.leaderboard-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.leaderboard-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.leaderboard-item.top-three{background:var(--bg-surface)}.leaderboard-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.analytics-page{max-width:1200px;margin:0 auto}.analytics-header{margin-bottom:1.5rem}.analytics-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:.25rem 0 0}.analytics-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;background:var(--bg-surface);border-radius:12px;overflow-x:auto}.analytics-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.analytics-tab:hover{color:var(--text-primary);background:var(--bg-card)}.analytics-tab.active{background:var(--primary);color:#fff}.analytics-content{display:grid;gap:1.5rem}@media (min-width: 768px){.analytics-content{grid-template-columns:repeat(2,1fr)}.analytics-summary,.analytics-recommendations,.analytics-efficiency,.analytics-decks,.analytics-settings{grid-column:span 2}}.analytics-summary .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 600px){.analytics-summary .stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center;padding:1rem;background:var(--bg-surface);border-radius:12px}.stat-item .stat-value{font-size:1.75rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.stat-item .stat-label{font-size:.8rem;color:var(--text-secondary)}.recommendations-list{display:flex;flex-direction:column;gap:.75rem}.recommendation-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-surface);border-radius:12px;border-left:3px solid var(--primary)}.recommendation-item.priority-9,.recommendation-item.priority-10{border-left-color:var(--error);background:#ef44440d}.recommendation-item.priority-7,.recommendation-item.priority-8{border-left-color:var(--warning)}.recommendation-icon{font-size:1.25rem;flex-shrink:0}.recommendation-message{margin:0;font-size:.9rem;color:var(--text-primary);line-height:1.5}.difficulty-chart{padding:1rem 0}.difficulty-bar{display:flex;height:24px;border-radius:12px;overflow:hidden;margin-bottom:1rem}.difficulty-segment{transition:width .3s ease}.difficulty-segment.easy{background:var(--success)}.difficulty-segment.medium{background:#60a5fa}.difficulty-segment.challenging{background:var(--warning)}.difficulty-segment.hard{background:var(--error)}.difficulty-legend{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:.375rem}.legend-item .dot{width:10px;height:10px;border-radius:50%}.legend-item .dot.easy{background:var(--success)}.legend-item .dot.medium{background:#60a5fa}.legend-item .dot.challenging{background:var(--warning)}.legend-item .dot.hard{background:var(--error)}.forecast-chart{display:flex;justify-content:space-between;align-items:flex-end;height:150px;padding:1rem 0;gap:.5rem}.forecast-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.forecast-bar-container{width:100%;height:100px;display:flex;align-items:flex-end;justify-content:center}.forecast-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:6px 6px 0 0;min-height:4px;transition:height .3s ease}.forecast-count{font-size:.75rem;font-weight:600;color:var(--text-primary)}.forecast-date{font-size:.7rem;color:var(--text-secondary)}.forecast-note{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-top:1rem}.efficiency-table{overflow-x:auto}.efficiency-table .table-header,.efficiency-table .table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:.75rem 1rem;gap:.5rem;font-size:.875rem}.efficiency-table .table-header{background:var(--bg-surface);border-radius:8px;font-weight:600;color:var(--text-secondary)}.efficiency-table .table-row{border-bottom:1px solid var(--border-color);color:var(--text-primary)}.efficiency-table .table-row:last-child{border-bottom:none}.deck-analytics-list{display:flex;flex-direction:column;gap:1rem}.deck-analytics-item{padding:1.25rem;background:var(--bg-surface);border-radius:12px}.deck-analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.deck-analytics-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.deck-card-count{font-size:.8rem;color:var(--text-secondary);background:var(--bg-card);padding:.25rem .75rem;border-radius:12px}.deck-analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.deck-stat{text-align:center}.deck-stat-label{display:block;font-size:.7rem;color:var(--text-secondary);margin-bottom:.25rem}.deck-stat-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.deck-retention-bar{height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden}.deck-retention-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--success));border-radius:3px;transition:width .3s ease}.analytics-settings .settings-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-form .form-group{display:flex;flex-direction:column;gap:.5rem}.settings-form label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.settings-form input[type=number]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-primary);background:var(--bg-surface);max-width:200px}.settings-form input[type=number]:focus{outline:none;border-color:var(--primary)}.settings-form .form-hint{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin:0}.settings-form .checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.settings-form .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.analytics-content .loading,.analytics-content .empty-state{padding:2rem;text-align:center;color:var(--text-secondary)}.empty-state p{margin:0}.audio-controls{display:flex;align-items:center;gap:.5rem}.audio-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.audio-btn:hover:not(:disabled){background:var(--bg-card);border-color:var(--primary)}.audio-btn:disabled{opacity:.5;cursor:not-allowed}.audio-btn.playing{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.audio-btn-compact{padding:.4rem;min-width:36px;justify-content:center}.audio-icon{font-size:1.1rem;line-height:1}.audio-btn-text{font-weight:500}.audio-speed-wrapper{position:relative}.audio-btn-speed{padding:.4rem .75rem;font-size:.8rem;font-weight:600;min-width:48px;justify-content:center}.audio-speed-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px var(--card-shadow);overflow:hidden;z-index:100}.audio-speed-option{display:block;width:100%;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;text-align:center;transition:background .15s}.audio-speed-option:hover{background:var(--bg-surface)}.audio-speed-option.active{background:var(--primary);color:var(--primary-contrast)}.card-audio-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.card-audio-controls .audio-btn{padding:.5rem .75rem;font-size:.8rem}.study-card .card-audio{margin-top:1.5rem}.study-card-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.study-card-actions .audio-row{display:flex;justify-content:center}.tts-unavailable{padding:.75rem 1rem;background:var(--warning-bg);color:var(--warning-text);border-radius:8px;font-size:.875rem;text-align:center}@media (max-width: 768px){.card-audio-controls{flex-wrap:wrap}.card-audio-controls .audio-btn{flex:1;min-width:80px}}.ai-input-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background-color:var(--bg-surface);padding:.25rem;border-radius:12px}.ai-input-tab{flex:1;padding:.75rem;border:none;border-radius:10px;cursor:pointer;font-weight:500;transition:all .2s ease;background-color:transparent;color:var(--text-primary)}.ai-input-tab.active{background-color:var(--bg-card);box-shadow:0 2px 8px #0000001a}.ai-input-tab:hover:not(.active){background-color:var(--bg-hover)}.ai-image-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;background-color:var(--bg-surface)}.ai-image-upload-area:hover{border-color:var(--primary);background-color:var(--primary-light)}.ai-image-upload-icon{font-size:3rem;margin-bottom:1rem}.ai-image-upload-title{font-weight:500;margin-bottom:.5rem}.ai-image-upload-hint{font-size:.85rem;color:var(--text-secondary)}.ai-image-preview{position:relative}.ai-image-preview img{width:100%;max-height:300px;object-fit:contain;border-radius:12px;border:1px solid var(--border-color)}.ai-image-preview-clear{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;border:none;background-color:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.ai-image-preview-clear:hover{background-color:#000c}.ai-card-preview{padding:1rem;border-radius:12px;border:1px solid var(--border-color);background-color:var(--bg-card);cursor:pointer;transition:all .2s ease}.ai-card-preview:hover{border-color:var(--primary)}.ai-card-preview.selected{border:2px solid var(--primary);background-color:var(--primary-light)}.ai-card-preview-content{display:flex;align-items:flex-start;gap:.75rem}.ai-card-preview-content input[type=checkbox]{margin-top:.25rem}.ai-card-preview-body{flex:1}.ai-card-preview-front{font-weight:600;margin-bottom:.5rem}.ai-card-preview-back{color:var(--text-secondary)}.ai-card-preview-tags{margin-top:.5rem;display:flex;gap:.25rem;flex-wrap:wrap}.ai-card-preview-tag{font-size:.75rem;padding:.125rem .5rem;background-color:var(--tag-bg);border-radius:4px;color:var(--text-secondary)}.ai-selection-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ai-selection-count{color:var(--text-secondary)}.ai-selection-buttons{display:flex;gap:.5rem}.cloze-practice{padding:1.5rem}.cloze-practice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cloze-practice-progress{color:var(--text-secondary)}.cloze-practice-score{display:flex;gap:.5rem}.cloze-practice-correct{color:var(--success)}.cloze-practice-incorrect{color:var(--error)}.cloze-progress-bar{height:4px;background-color:var(--border-color);border-radius:2px;margin-bottom:2rem;overflow:hidden}.cloze-progress-fill{height:100%;background-color:var(--primary);transition:width .3s ease}.cloze-question-card{background-color:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem}.cloze-question-context{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;text-align:center}.cloze-question-text{font-size:1.25rem;line-height:2.5;text-align:center}.cloze-input-wrapper{display:inline-block;position:relative;margin:0 .25rem}.cloze-input{padding:.25rem .5rem;font-size:1.1rem;text-align:center;border:2px solid;border-radius:6px;outline:none;transition:all .2s ease}.cloze-input.pending{border-color:var(--primary);background-color:var(--primary-light)}.cloze-input.correct{border-color:var(--success);background-color:#22c55e1a}.cloze-input.incorrect{border-color:var(--error);background-color:#ef44441a}.cloze-correct-answer{position:absolute;top:100%;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--success);white-space:nowrap;margin-top:2px}.cloze-hint-section{margin-top:1.5rem;text-align:center}.cloze-hint-content{margin-top:.75rem;color:var(--text-muted);font-size:.9rem}.cloze-answer-section{margin-top:1.5rem;padding:1rem;background-color:var(--bg-surface);border-radius:8px}.cloze-answer-label{font-weight:600;margin-bottom:.5rem}.cloze-actions{display:flex;justify-content:center;gap:1rem}.cloze-actions .btn{min-width:200px}.ai-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.ai-loading-text{color:var(--text-secondary)}.ai-empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.ai-empty-state .btn{margin-top:1rem}@media (max-width: 768px){.ai-input-tabs{flex-direction:column}.ai-selection-controls{flex-direction:column;gap:.75rem}.cloze-question-text{font-size:1rem;line-height:2}.cloze-actions{flex-direction:column}.cloze-actions .btn{min-width:auto;width:100%}}.quick-start-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:320px;padding:1.25rem 2rem;font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none;border:none;border-radius:16px;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));box-shadow:0 8px 32px #3b82f659;cursor:pointer;transition:all .2s ease-out;animation:quick-start-pulse 2s ease-in-out infinite}.quick-start-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px #3b82f673}.quick-start-btn.pressed{transform:scale(.98);box-shadow:0 4px 16px #3b82f640}@keyframes quick-start-pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #3b82f659}50%{transform:scale(1.01);box-shadow:0 12px 40px #3b82f666}}.quick-start-icon{font-size:1.5rem}.quick-start-label{flex:1;text-align:left}.quick-start-arrow{font-size:1.25rem;transition:transform .2s ease-out}.quick-start-btn:hover .quick-start-arrow{transform:translate(4px)}.quick-start-loading{display:flex;align-items:center;gap:.5rem}.quick-start-loading .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.xp-floater-container{position:fixed;inset:0;pointer-events:none;z-index:1000}.xp-floater{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--floater-color);text-shadow:0 2px 8px rgba(0,0,0,.2);pointer-events:none;z-index:1001}.xp-floater-icon{font-size:2rem}.xp-floater-value{font-size:2.5rem;font-weight:800}.xp-floater-label{font-size:1rem;font-weight:600;opacity:.9}.success-flash{position:fixed;inset:0;pointer-events:none;z-index:999}.success-flash-low{animation:flash-gray .2s ease-out}.success-flash-medium{animation:flash-blue .25s ease-out}.success-flash-high{animation:flash-gold .3s ease-out}@keyframes flash-gray{0%{background:#94a3b833}to{background:transparent}}@keyframes flash-blue{0%{background:#3b82f640}to{background:transparent}}@keyframes flash-gold{0%{background:#eab3084d}to{background:transparent}}.confetti-overlay{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:998}.confetti-particle{position:absolute;top:-20px;left:var(--x);width:var(--size);height:var(--size);background:var(--color);border-radius:2px;animation:confetti-fall 1s ease-out forwards;animation-delay:var(--delay);transform:rotate(var(--rotation))}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(var(--rotation))}to{opacity:0;transform:translateY(100vh) rotate(calc(var(--rotation) + 360deg))}}.streak-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;backdrop-filter:blur(8px);z-index:2000}.streak-fire-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.streak-fire{position:absolute;bottom:0;left:var(--fire-x);width:60px;height:80px;background:radial-gradient(ellipse at bottom,#ff6b35 0%,#f7931e 40%,transparent 70%);border-radius:50%/60% 60% 40% 40%;transform:scaleY(var(--fire-scale));animation:fire-flicker .5s ease-in-out infinite alternate;animation-delay:var(--fire-delay);opacity:.7}@keyframes fire-flicker{0%{transform:scaleY(var(--fire-scale)) scaleX(1)}to{transform:scaleY(calc(var(--fire-scale) * 1.1)) scaleX(.95)}}.streak-confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.streak-confetti{position:absolute;top:-20px;left:var(--confetti-x);width:12px;height:12px;background:var(--confetti-color);border-radius:2px;animation:streak-confetti-fall 2s ease-out forwards;animation-delay:var(--confetti-delay);transform:rotate(var(--confetti-rotation))}@keyframes streak-confetti-fall{0%{opacity:1;transform:translateY(0) rotate(var(--confetti-rotation))}to{opacity:0;transform:translateY(100vh) rotate(calc(var(--confetti-rotation) + 720deg))}}.streak-modal-content{position:relative;display:flex;flex-direction:column;align-items:center;padding:2.5rem 2rem;background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-surface) 100%);border-radius:24px;box-shadow:0 25px 50px #0000004d;max-width:340px;width:90%;text-align:center;z-index:1}.streak-icon-container{position:relative;margin-bottom:1rem}.streak-main-icon{font-size:4rem;animation:streak-bounce .6s ease-out}@keyframes streak-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.streak-glow{position:absolute;top:50%;left:50%;width:120px;height:120px;background:radial-gradient(circle,var(--tier-primary) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:.3;animation:streak-glow-pulse 1.5s ease-in-out infinite;z-index:-1}@keyframes streak-glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}}.streak-count{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.streak-number{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--tier-primary),var(--tier-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streak-unit{font-size:1.5rem;font-weight:600;color:var(--text-secondary)}.streak-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.streak-message{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}.streak-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--pill-bg);border-radius:9999px;margin-bottom:1.5rem}.streak-badge-emoji{font-size:1.25rem}.streak-badge-label{font-size:.875rem;font-weight:600;color:var(--pill-text)}.streak-dismiss-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:var(--primary-contrast);background:var(--primary);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.streak-dismiss-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}body.focus-mode{transition:background .3s ease}body.focus-mode-dim{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}body.focus-mode-dim.light,:root:not(.dark) body.focus-mode-dim{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1)}body.focus-mode-hide-nav .global-nav,body.focus-mode-hide-nav .bottom-nav{display:none!important}.focus-mode-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;transition:all .2s ease}.focus-mode-toggle:hover{background:var(--bg-surface);transform:scale(1.05)}.focus-mode-icon{font-size:1.25rem}.focus-mode-icon.active{color:var(--text-secondary)}.focus-mode-exit-btn{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1rem;color:var(--text-muted);background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;opacity:.5;transition:all .2s ease;z-index:100}.focus-mode-exit-btn:hover{opacity:1;background:#fff3;color:var(--text-primary)}.study-page.focus-mode-active{min-height:100vh;padding-top:2rem}.progress-ring{position:relative;display:flex;align-items:center;justify-content:center}.progress-ring-track{transition:stroke .3s ease}.progress-ring-progress{transition:stroke-dashoffset 1s ease-out,stroke .3s ease}.progress-ring-label{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;color:var(--text-primary)}.session-progress-label{display:flex;align-items:baseline;gap:2px}.session-progress-current{font-weight:700}.session-progress-separator{color:var(--text-muted)}.session-progress-total{font-size:.8em;color:var(--text-secondary)}.goal-progress-label{display:flex;flex-direction:column;align-items:center}.goal-progress-current{font-size:1.2em;font-weight:800}.goal-progress-unit{font-size:.7em;color:var(--text-secondary)}.goal-complete-icon{font-size:1.5em;color:#22c55e}.ambient-mini-player{position:fixed;bottom:5rem;right:1rem;z-index:100}.ambient-mini-btn{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 4px 12px var(--card-shadow);cursor:pointer;transition:all .2s ease}.ambient-mini-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px var(--card-shadow)}.ambient-mini-icon{font-size:1.5rem}.ambient-playing-indicator{position:absolute;top:2px;right:2px;width:10px;height:10px;background:#22c55e;border-radius:50%;animation:ambient-pulse 1.5s ease-in-out infinite}@keyframes ambient-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.ambient-mini-menu{position:absolute;bottom:100%;right:0;width:200px;margin-bottom:.5rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px var(--card-shadow)}.ambient-mini-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--border-color);font-weight:600;font-size:.875rem;color:var(--text-primary)}.ambient-play-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary);color:var(--primary-contrast);border:none;border-radius:50%;cursor:pointer;font-size:.75rem}.ambient-sound-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.ambient-sound-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease;text-align:left;width:100%}.ambient-sound-item:hover{background:var(--bg-surface)}.ambient-sound-item.active{background:var(--pill-bg)}.ambient-sound-icon{font-size:1.25rem}.ambient-sound-name{font-size:.875rem;color:var(--text-primary)}.ambient-volume-control{display:flex;align-items:center;gap:.5rem}.ambient-volume-icon{font-size:1rem}.ambient-volume-slider{flex:1;height:4px;background:var(--gray-200);border-radius:2px;-webkit-appearance:none;appearance:none}.ambient-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--primary);border-radius:50%;cursor:pointer}.ambient-settings{padding:1rem 0}.ambient-settings-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.ambient-settings-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.ambient-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-bottom:1.5rem}.ambient-preset-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.ambient-preset-card:hover{border-color:var(--primary);transform:translateY(-2px)}.ambient-preset-card.active{border-color:var(--primary);background:var(--pill-bg)}.ambient-preset-icon{font-size:2rem}.ambient-preset-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.ambient-preset-playing{font-size:.75rem;color:#22c55e;font-weight:600}.ambient-volume-section{margin-bottom:1rem}.ambient-volume-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.ambient-volume-slider-large{width:100%;height:8px;background:var(--gray-200);border-radius:4px;-webkit-appearance:none;appearance:none}.ambient-volume-slider-large::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003}.ambient-controls{display:flex;gap:.5rem}:root.dark .quick-start-btn{box-shadow:0 8px 32px #3b82f640}:root.dark .ambient-mini-btn{background:var(--gray-800);border-color:var(--gray-700)}:root.dark .ambient-mini-menu{background:var(--gray-800);border-color:var(--gray-700)}:root.dark .ambient-preset-card{background:var(--gray-800);border-color:var(--gray-700)}:root.dark .progress-ring-track{stroke:var(--gray-700)}:root.dark .focus-mode-exit-btn{background:#0000004d}:root.dark .focus-mode-exit-btn:hover{background:#00000080}@media (max-width: 480px){.quick-start-btn{max-width:100%;padding:1rem 1.5rem;font-size:1.125rem}.streak-modal-content{padding:2rem 1.5rem;max-width:300px}.streak-number{font-size:3rem}.xp-floater-value{font-size:2rem}.ambient-mini-player{bottom:4rem}}@media (max-width: 768px){.ambient-presets-grid{grid-template-columns:repeat(3,1fr)}}