@tailwind base;@tailwind components;@tailwind utilities;:root{--safe-margin-sm:8px;--safe-margin-md:16px;--window-padding-sm:0.75rem;--window-padding-md:1rem;--window-padding-lg:2rem;--mobile-width-percentage:90%;--small-width-percentage:95%;--header-height-mobile:40px;--header-height-desktop:48px;--back-button-size-mobile:40px;--back-button-size-desktop:48px;--navbar-height-mobile:40px;--navbar-height-desktop:48px;--font-conthrax:var(--font-conthrax);--font-source-sans-pro:var(--font-source-sans-pro)}body,html{background-color:#000;font-family:var(--font-source-sans-pro),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.conthrax-font,.frosted-window h1,.frosted-window h2,.frosted-window h3,button,h1,h2,h3,h4,h5,h6{font-family:var(--font-conthrax),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}a,div,li,p,span{font-family:var(--font-source-sans-pro),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}canvas[data-scene]{background-color:#000;z-index:1}.scene-transition-overlay,canvas[data-scene]{position:fixed;top:0;left:0;width:100%;height:100%}.scene-transition-overlay{background-color:#fff;opacity:0;pointer-events:none;z-index:9999;transition:opacity 3.5s ease-in-out;z-index:99999}body:has(.scene-transition-overlay){background-color:#000!important}.scene-transition-overlay.fade-out{opacity:0}.frosted-window{position:absolute;pointer-events:auto}[data-frosted-box=true]{z-index:100!important}body:has(.scene-transition-grow),body:has(.scene-transition-shrink){overflow:visible!important}body,html{margin:0;padding:0;overflow:hidden;height:100vh;width:100vw}.overflow-y-auto{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) hsla(0,0%,100%,.1)}.overflow-y-auto::-webkit-scrollbar{width:8px}.overflow-y-auto::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:4px}.overflow-y-auto::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.4)}.scene-transition-grow,.scene-transition-shrink{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;pointer-events:none}.scene-transition-grow{animation:fadeIn 3.5s ease-in-out forwards}.scene-transition-shrink{animation:fadeOut .5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:0}}@keyframes fadeOut{0%{opacity:0}to{opacity:0}}@keyframes sceneTransitionGrow{0%,to{filter:brightness(1)}}@keyframes sceneTransitionShrink{0%,to{filter:brightness(1)}}body{background:#000}body:has(.scene-transition-grow),body:has(.scene-transition-shrink){background:#000!important}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}:root{--header-safe-area-top:56px;--safe-margin-bottom:16px;--safe-margin-sides:16px}@media (max-width:768px){:root{--header-safe-area-top:48px;--safe-margin-bottom:8px;--safe-margin-sides:8px}}.frosted-window{max-width:calc(100vw - var(--safe-margin-sides) * 2)!important;max-height:calc(100vh - var(--header-safe-area-top) - var(--safe-margin-bottom))!important;min-top:var(--header-safe-area-top)!important}.window-content{max-height:calc(100vh - var(--header-safe-area-top) - var(--safe-margin-bottom) - 60px);overflow-y:auto}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--header-height:48px;--back-button-size:48px;--navbar-height:48px;--window-padding:16px;--window-max-height:85vh;--mobile-width-ratio:0.9;--small-width-ratio:0.95}@media (max-width:768px){:root{--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--header-height:40px;--back-button-size:40px;--navbar-height:40px;--window-padding:12px;--window-max-height:80vh}}@media (max-width:480px){:root{--spacing-sm:6px;--spacing-md:8px;--spacing-lg:12px;--header-height:36px;--back-button-size:36px;--navbar-height:36px;--window-padding:8px}.frosted-window h1{font-size:2rem!important}.frosted-window h2{font-size:1.75rem!important}.frosted-window p{font-size:1.1rem!important}}.frosted-window{font-size:clamp(14px,2.5vw,16px)}.frosted-window h1{font-size:clamp(24px,5vw,32px)}.frosted-window h2{font-size:clamp(20px,4vw,24px)}.frosted-window h3{font-size:clamp(16px,3.5vw,20px)}.frosted-window p{font-size:clamp(14px,2.5vw,16px);line-height:1.5}.frosted-window a,.frosted-window button{min-height:44px;min-width:44px;padding:clamp(8px,2vw,16px);font-size:clamp(14px,2.5vw,16px)}.window-content{padding:clamp(8px,2vw,16px)}.frosted-window{overflow:auto!important;min-top:var(--header-height)!important;min-left:var(--spacing-sm)!important;max-right:calc(100vw - var(--spacing-sm))!important;max-bottom:calc(100vh - var(--spacing-sm))!important;position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin-top:calc(var(--header-height) / 2)!important;bottom:auto!important;right:auto!important}.window-content{height:100%!important;overflow:auto!important}.frosted-window{transform-origin:top left!important}@media (max-width:768px){.frosted-window{left:50%!important;transform:translateX(-50%)!important;width:calc(100vw * var(--mobile-width-ratio))!important;max-width:calc(100vw - var(--spacing-sm) * 2)!important;bottom:var(--spacing-sm)!important;top:auto!important}}@media (max-width:480px){.frosted-window{width:calc(100vw * var(--small-width-ratio))!important;max-width:calc(100vw - var(--spacing-sm) * 2)!important}}.perfect-center{position:fixed!important;left:50%!important;top:50%!important;margin-top:calc(var(--header-height) / 2)!important}.perfect-center,.perfect-center[style*=transform]{transform:translate(-50%,-50%)!important}.perfect-center.scaled{transform-origin:center center!important}.frosted-window{min-height:100px!important;max-height:calc(100vh - var(--header-height) - var(--spacing-sm) * 4)!important}.window-content{max-height:calc(100vh - var(--header-height) - var(--spacing-sm) * 4 - 60px)!important;overflow-y:auto!important;overflow-y:visible!important}.window-content.scrollable{overflow-y:auto!important}@media (max-width:768px){.frosted-window{min-width:350px!important;width:95%!important}}.frosted-window{width:auto!important;height:auto!important;min-width:450px!important;min-height:150px!important;max-width:calc(100vw - var(--spacing-sm) * 2)!important;max-height:calc(100vh - var(--header-height) - var(--spacing-sm) * 2)!important}.window-content{width:100%!important;height:auto!important;overflow:visible!important;box-sizing:border-box!important}.window-content .scrollable-content{max-height:calc(100vh - var(--header-height) - var(--spacing-sm) * 2 - 100px)!important;overflow-y:auto!important}.frosted-window{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) rgba(0,0,0,.2)}.frosted-window::-webkit-scrollbar{width:8px;height:8px}.frosted-window::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px;margin:4px}.frosted-window::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px;border:1px solid hsla(0,0%,100%,.1)}.frosted-window::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.4)}.frosted-window::-webkit-scrollbar-corner{background:transparent}.overflow-y-auto,.window-content .scrollable-content{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) rgba(0,0,0,.2)}.overflow-y-auto::-webkit-scrollbar,.window-content .scrollable-content::-webkit-scrollbar{width:8px;height:8px}.overflow-y-auto::-webkit-scrollbar-track,.window-content .scrollable-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px;margin:4px}.overflow-y-auto::-webkit-scrollbar-thumb,.window-content .scrollable-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:4px;border:1px solid hsla(0,0%,100%,.1)}.overflow-y-auto::-webkit-scrollbar-thumb:hover,.window-content .scrollable-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.4)}.overflow-y-auto::-webkit-scrollbar-corner,.window-content .scrollable-content::-webkit-scrollbar-corner{background:transparent}:root{--min-touch-target:44px;--min-touch-target-small:36px;--min-font-size:20px;--min-font-size-small:18px;--min-font-size-heading:22px;--line-height-normal:1.5;--line-height-heading:1.3;--text-opacity:1;--heading-opacity:1}.frosted-window{font-size:max(var(--min-font-size),clamp(18px,5vw,20px));line-height:var(--line-height-normal);color:rgba(255,255,255,var(--text-opacity))}.frosted-window h1,.frosted-window h2,.frosted-window h3,.frosted-window h4{line-height:var(--line-height-heading);color:rgba(255,255,255,var(--heading-opacity));margin-bottom:.5em}.frosted-window h1{font-size:max(var(--min-font-size-heading),clamp(26px,7.5vw,40px))}.frosted-window h2{font-size:max(var(--min-font-size-heading),clamp(22px,6.5vw,32px))}.frosted-window h3{font-size:max(var(--min-font-size-heading),clamp(20px,6vw,28px))}.frosted-window li,.frosted-window p,.frosted-window span{font-size:max(var(--min-font-size),clamp(18px,5vw,20px));margin-bottom:1em}.frosted-window a,.frosted-window button,.frosted-window input,.frosted-window select,.frosted-window textarea{min-height:var(--min-touch-target);min-width:var(--min-touch-target);font-size:max(var(--min-font-size),clamp(18px,5vw,20px));padding:clamp(12px,3vw,16px);border-radius:4px}.window-content{padding:clamp(12px,4vw,20px)}.frosted-window h1,.frosted-window h2,.frosted-window h3,.frosted-window ol,.frosted-window p,.frosted-window ul{margin-bottom:clamp(.8em,3vw,1.2em)}.frosted-window ol,.frosted-window ul{padding-left:1.5em}.frosted-window li{margin-bottom:.5em}@media (max-width:768px){:root{--min-touch-target:44px}.frosted-window{--text-opacity:1;--heading-opacity:1}.frosted-window>*+*{margin-top:.8em}.frosted-window{padding:clamp(12px,3vw,16px)!important}}@media (max-width:480px){:root{--min-touch-target:44px;--min-font-size:18px}.frosted-window{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin:0 auto!important;left:50%!important;transform:translateX(-50%)!important}}@media (max-width:360px){:root{--min-touch-target-small:36px;--min-font-size-small:14px}.frosted-window{width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;padding:8px!important}[data-frosted-box=header]{max-width:60%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}}@media (max-width:768px){.frosted-window{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;min-width:auto!important;margin-left:16px!important;margin-right:16px!important;left:50%!important;transform:translateX(-50%)!important;box-sizing:border-box!important}}@media (max-width:480px){.frosted-window{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:12px!important;margin-right:12px!important;padding:12px!important}}@media (max-width:360px){.frosted-window{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;margin-left:8px!important;margin-right:8px!important;padding:8px!important}}.frosted-window{box-sizing:border-box!important;max-height:var(--window-max-height)!important;overflow-y:auto!important;overflow-x:hidden!important}@media (max-width:768px){:root{--window-max-height:80vh}.frosted-window{width:95vw!important;max-width:95vw!important;min-width:unset!important;left:50%!important;transform:translate(-50%,-50%)!important;margin-left:0!important;margin-right:0!important;position:fixed!important;max-height:var(--window-max-height)!important;height:auto!important;overflow-y:auto!important;top:50%!important;bottom:auto!important}}@media (max-width:480px){:root{--window-max-height:95vh}.frosted-window{width:95vw!important;max-width:95vw!important;padding:12px!important}}@media (max-width:360px){:root{--window-max-height:95vh}.frosted-window{width:96vw!important;max-width:96vw!important;padding:8px!important}}@media (max-width:768px){.frosted-window,.mobile-window-fix{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;height:auto!important;max-height:var(--window-max-height)!important}.mobile-window-fix{width:92vw!important;max-width:92vw!important;min-width:unset!important;box-sizing:border-box!important}}@media (max-width:480px){.mobile-window-fix{width:94vw!important;max-width:94vw!important}}@media (max-width:360px){.mobile-window-fix{width:96vw!important;max-width:96vw!important}}@media (max-width:768px){.frosted-window{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}.allow-tall-window{height:auto!important;max-height:85vh!important;overflow-y:auto!important}.allow-tall-window .window-content{height:auto!important;max-height:none!important;overflow-y:visible!important}.allow-tall-window.needs-scroll .window-content{max-height:calc(85vh - 60px)!important;overflow-y:auto!important}@media (max-width:768px){.allow-tall-window{max-height:85vh!important}.allow-tall-window.needs-scroll .window-content{max-height:calc(85vh - 50px)!important}}.in-text-image{box-shadow:0 2px 8px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);transition:transform .2s ease,box-shadow .2s ease}.in-text-image:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.4)}.window-content{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.window-content:after{content:"";display:table;clear:both}@media (max-width:768px){.in-text-image{max-width:100%!important;height:auto!important}}@media (max-width:480px){.in-text-image{max-width:100%!important;height:auto!important}}