@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-\[500px\]{height:500px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-2\/3{width:66.6667%}.w-\[500px\]{width:500px}.w-full{width:100%}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}:root{--bg:#131411;--bg-lowest:#0e0e0c;--bg-low:#1c1c19;--bg-container:#20201d;--bg-container-high:#2a2a27;--bg-card:#17171f;--on-surface:#e5e2dd;--on-surface-variant:#c4caac;--outline:#8e9479;--outline-variant:#434933;--primary:#c8ff00;--primary-dim:#a8d700;--on-primary:#161f00;--secondary:#74d1ff;--on-secondary:#003548;--warning-orange:#ffb800;--error:#ff5c4d;--success:#4ade80;--border:#ffffff12;--border-active-lime:#c8ff0066;--border-active-blue:#60cdff66}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif;font-size:16px;line-height:24px}.grain-overlay{pointer-events:none;z-index:0;opacity:.35;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);position:fixed;inset:0}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.font-display-xl{letter-spacing:-.04em;font-family:Syne,sans-serif;font-size:80px;font-weight:800;line-height:84px}.font-display-lg{letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:48px;font-weight:800;line-height:52px}.font-display-lg-mobile{letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:36px;font-weight:800;line-height:40px}.font-headline-md{font-family:Syne,sans-serif;font-size:24px;font-weight:700;line-height:32px}.font-body-lg{font-size:18px;font-weight:400;line-height:28px}.font-body-md{font-size:16px;font-weight:400;line-height:24px}.font-body-sm{font-size:14px;font-weight:300;line-height:20px}.font-label-caps{letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:500;line-height:16px}.text-primary,.text-primary-fixed{color:var(--primary)}.text-primary-fixed-dim{color:var(--primary-dim)}.text-secondary{color:var(--secondary)}.text-on-surface{color:var(--on-surface)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-outline{color:var(--outline)}.text-outline-variant{color:var(--outline-variant)}.text-warning-orange{color:var(--warning-orange)}.bg-background{background-color:var(--bg)}.bg-surface-container{background-color:var(--bg-container)}.bg-surface-container-low{background-color:var(--bg-low)}.bg-surface-container-lowest{background-color:var(--bg-lowest)}.bg-primary-fixed{background-color:var(--primary)}.active-glow{box-shadow:0 0 0 1px #c8ff004d,inset 0 0 20px #c8ff000a}.active-glow-blue{box-shadow:0 0 0 1px #74d1ff4d,inset 0 0 20px #74d1ff0a}.glow-lime{filter:drop-shadow(0 0 8px #c8ff0080)}.glow-orange{filter:drop-shadow(0 0 20px #ffb80066)}.criterion-select{width:100%;color:var(--on-surface);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' stroke='rgba(255,255,255,0.3)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 0 center no-repeat;border:none;outline:none;padding-right:24px;font-family:Syne,sans-serif;font-size:20px;font-weight:700;line-height:28px}.criterion-select option{background:var(--bg-card);color:var(--on-surface);font-family:DM Sans,sans-serif;font-size:14px}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)}@media (display-mode:standalone){.bottom-nav{padding-bottom:max(env(safe-area-inset-bottom), 16px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:.4s forwards fadeInUp}.loading-shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}