:root {
			--body-background: #121212;
			--body-color: #fff;
			--font-system: system-ui;
			--surface: #ffffff0a;
			--surface-press: #ffffff12;
			--dimmer: #00000050;
			--deep-shadow: #000000;
			--soft-shadow: #00000099;
			--soft-tray-shadow: #00000055;
			--divider-blue: #3ca0ff87;
			--tray-handle: #155797;
			--special-yellow: #ffda66;
			--slider-tail: #ffda66;
			--slider-mid: 0%;
			--slider-fill: 0%;
			--tangerine-green: #73d13d;
			--transparent: #0000;
			--white: #fff;
			--go-blue: #4ad4ff;
			--menu-icon-color: #b6ff72;
			--toast-background: #000000d9;
			--toast-shadow: #000000aa;
			--grid-line: rgb(255 255 255 / 7%);
			--grid-size: 9.375vw;
			--grid-line-size: 0.3125vw;
			--dot-field-pattern: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20100%20100%22%20preserveAspectRatio=%22none%22%3E%3Ccircle%20cx=%2241.023%22%20cy=%2234.038%22%20r=%220.6090%22%20fill=%22%2360a5fa%22%20opacity=%220.062%22/%3E%3Ccircle%20cx=%222.790%22%20cy=%2259.794%22%20r=%220.7450%22%20fill=%22%23ffda66%22%20opacity=%220.125%22/%3E%3Ccircle%20cx=%2279.768%22%20cy=%228.763%22%20r=%220.8510%22%20fill=%22%23ffffff%22%20opacity=%220.172%22/%3E%3Ccircle%20cx=%2280.920%22%20cy=%2265.710%22%20r=%220.7830%22%20fill=%22%234ade80%22%20opacity=%220.085%22/%3E%3Ccircle%20cx=%2279.071%22%20cy=%2274.084%22%20r=%220.8185%22%20fill=%22%2360a5fa%22%20opacity=%220.178%22/%3E%3Ccircle%20cx=%228.834%22%20cy=%2299.658%22%20r=%220.6265%22%20fill=%22%23c084fc%22%20opacity=%220.169%22/%3E%3Ccircle%20cx=%2262.865%22%20cy=%2295.698%22%20r=%220.6200%22%20fill=%22%234ade80%22%20opacity=%220.099%22/%3E%3Ccircle%20cx=%2230.418%22%20cy=%2294.130%22%20r=%220.2930%22%20fill=%22%23ffda66%22%20opacity=%220.111%22/%3E%3Ccircle%20cx=%2279.464%22%20cy=%2246.296%22%20r=%220.8175%22%20fill=%22%23ffda66%22%20opacity=%220.100%22/%3E%3Ccircle%20cx=%227.152%22%20cy=%2282.124%22%20r=%220.7475%22%20fill=%22%234ade80%22%20opacity=%220.057%22/%3E%3Ccircle%20cx=%2267.328%22%20cy=%22101.878%22%20r=%220.8980%22%20fill=%22%23f472b6%22%20opacity=%220.068%22/%3E%3Ccircle%20cx=%2222.913%22%20cy=%2227.824%22%20r=%220.7495%22%20fill=%22%23f472b6%22%20opacity=%220.180%22/%3E%3Ccircle%20cx=%2228.253%22%20cy=%2259.452%22%20r=%220.8285%22%20fill=%22%23ffda66%22%20opacity=%220.052%22/%3E%3Ccircle%20cx=%2218.136%22%20cy=%2211.529%22%20r=%220.5640%22%20fill=%22%23f472b6%22%20opacity=%220.116%22/%3E%3Ccircle%20cx=%2219.275%22%20cy=%2258.863%22%20r=%220.3490%22%20fill=%22%23ffda66%22%20opacity=%220.082%22/%3E%3Ccircle%20cx=%228.521%22%20cy=%2281.705%22%20r=%220.3700%22%20fill=%22%23ffffff%22%20opacity=%220.167%22/%3E%3Ccircle%20cx=%2212.103%22%20cy=%2278.009%22%20r=%220.2730%22%20fill=%22%23ffda66%22%20opacity=%220.164%22/%3E%3Ccircle%20cx=%2257.906%22%20cy=%2296.287%22%20r=%220.7610%22%20fill=%22%23c084fc%22%20opacity=%220.172%22/%3E%3Ccircle%20cx=%2272.374%22%20cy=%22-2.890%22%20r=%220.7850%22%20fill=%22%23ffffff%22%20opacity=%220.095%22/%3E%3Ccircle%20cx=%2280.780%22%20cy=%2241.660%22%20r=%220.2665%22%20fill=%22%23f472b6%22%20opacity=%220.066%22/%3E%3Ccircle%20cx=%2220.991%22%20cy=%22-0.157%22%20r=%220.7765%22%20fill=%22%234ade80%22%20opacity=%220.066%22/%3E%3Ccircle%20cx=%220.990%22%20cy=%22-0.067%22%20r=%220.2590%22%20fill=%22%23ffffff%22%20opacity=%220.165%22/%3E%3Ccircle%20cx=%2255.165%22%20cy=%2220.812%22%20r=%220.3150%22%20fill=%22%23f472b6%22%20opacity=%220.157%22/%3E%3Ccircle%20cx=%2213.282%22%20cy=%2281.866%22%20r=%220.2905%22%20fill=%22%23c084fc%22%20opacity=%220.100%22/%3E%3Ccircle%20cx=%2268.268%22%20cy=%2225.607%22%20r=%220.8045%22%20fill=%22%23ffda66%22%20opacity=%220.155%22/%3E%3Ccircle%20cx=%2213.070%22%20cy=%2248.935%22%20r=%220.6735%22%20fill=%22%23c084fc%22%20opacity=%220.140%22/%3E%3Ccircle%20cx=%2293.836%22%20cy=%2257.574%22%20r=%220.2385%22%20fill=%22%23ffda66%22%20opacity=%220.165%22/%3E%3Ccircle%20cx=%225.078%22%20cy=%2270.200%22%20r=%220.6295%22%20fill=%22%23ffffff%22%20opacity=%220.144%22/%3E%3Ccircle%20cx=%2283.007%22%20cy=%2265.896%22%20r=%220.8820%22%20fill=%22%23ffffff%22%20opacity=%220.133%22/%3E%3Ccircle%20cx=%222.977%22%20cy=%224.697%22%20r=%220.8490%22%20fill=%22%23ffffff%22%20opacity=%220.090%22/%3E%3Ccircle%20cx=%2296.878%22%20cy=%2294.614%22%20r=%220.5050%22%20fill=%22%23c084fc%22%20opacity=%220.094%22/%3E%3Ccircle%20cx=%2217.551%22%20cy=%2256.702%22%20r=%220.6330%22%20fill=%22%23ffda66%22%20opacity=%220.128%22/%3E%3Ccircle%20cx=%2228.581%22%20cy=%2291.412%22%20r=%220.7220%22%20fill=%22%234ade80%22%20opacity=%220.080%22/%3E%3Ccircle%20cx=%2226.110%22%20cy=%22-1.793%22%20r=%220.7215%22%20fill=%22%23ffffff%22%20opacity=%220.086%22/%3E%3Ccircle%20cx=%2227.077%22%20cy=%2212.185%22%20r=%220.5900%22%20fill=%22%23ffffff%22%20opacity=%220.069%22/%3E%3Ccircle%20cx=%2280.440%22%20cy=%2223.012%22%20r=%220.7120%22%20fill=%22%23c084fc%22%20opacity=%220.062%22/%3E%3Ccircle%20cx=%2280.409%22%20cy=%2210.309%22%20r=%220.7970%22%20fill=%22%23ffda66%22%20opacity=%220.122%22/%3E%3Ccircle%20cx=%2234.486%22%20cy=%2244.754%22%20r=%220.8500%22%20fill=%22%234ade80%22%20opacity=%220.092%22/%3E%3Ccircle%20cx=%22-2.749%22%20cy=%2295.895%22%20r=%220.5115%22%20fill=%22%234ade80%22%20opacity=%220.076%22/%3E%3Ccircle%20cx=%2283.703%22%20cy=%2221.727%22%20r=%220.4750%22%20fill=%22%23f472b6%22%20opacity=%220.094%22/%3E%3Ccircle%20cx=%2274.816%22%20cy=%2259.912%22%20r=%220.8165%22%20fill=%22%23c084fc%22%20opacity=%220.115%22/%3E%3Ccircle%20cx=%2295.592%22%20cy=%2291.159%22%20r=%220.3275%22%20fill=%22%23c084fc%22%20opacity=%220.176%22/%3E%3Ccircle%20cx=%229.203%22%20cy=%2296.615%22%20r=%220.2820%22%20fill=%22%23ffffff%22%20opacity=%220.140%22/%3E%3Ccircle%20cx=%2282.908%22%20cy=%2225.617%22%20r=%220.6305%22%20fill=%22%23c084fc%22%20opacity=%220.097%22/%3E%3Ccircle%20cx=%2259.923%22%20cy=%2226.991%22%20r=%220.5635%22%20fill=%22%23ffffff%22%20opacity=%220.159%22/%3E%3Ccircle%20cx=%2269.237%22%20cy=%2290.953%22%20r=%220.6720%22%20fill=%22%23c084fc%22%20opacity=%220.092%22/%3E%3Ccircle%20cx=%2246.296%22%20cy=%2225.674%22%20r=%220.2870%22%20fill=%22%23ffda66%22%20opacity=%220.067%22/%3E%3Ccircle%20cx=%2212.843%22%20cy=%2221.626%22%20r=%220.8190%22%20fill=%22%23ffda66%22%20opacity=%220.053%22/%3E%3Ccircle%20cx=%2226.525%22%20cy=%2265.784%22%20r=%220.6095%22%20fill=%22%23c084fc%22%20opacity=%220.167%22/%3E%3Ccircle%20cx=%2226.582%22%20cy=%2261.944%22%20r=%220.5295%22%20fill=%22%23ffda66%22%20opacity=%220.054%22/%3E%3Ccircle%20cx=%2269.115%22%20cy=%2268.005%22%20r=%220.5350%22%20fill=%22%2360a5fa%22%20opacity=%220.169%22/%3E%3Ccircle%20cx=%22-0.980%22%20cy=%2247.609%22%20r=%220.5495%22%20fill=%22%2360a5fa%22%20opacity=%220.110%22/%3E%3Ccircle%20cx=%2255.889%22%20cy=%2277.955%22%20r=%220.5990%22%20fill=%22%2360a5fa%22%20opacity=%220.159%22/%3E%3Ccircle%20cx=%2222.550%22%20cy=%22-0.393%22%20r=%220.5950%22%20fill=%22%234ade80%22%20opacity=%220.155%22/%3E%3Ccircle%20cx=%2230.630%22%20cy=%2246.954%22%20r=%220.2680%22%20fill=%22%23ffda66%22%20opacity=%220.161%22/%3E%3Ccircle%20cx=%22-0.224%22%20cy=%224.741%22%20r=%220.4740%22%20fill=%22%23c084fc%22%20opacity=%220.127%22/%3E%3Ccircle%20cx=%2296.400%22%20cy=%2245.668%22%20r=%220.3870%22%20fill=%22%23ffda66%22%20opacity=%220.085%22/%3E%3Ccircle%20cx=%2219.789%22%20cy=%2286.738%22%20r=%220.5440%22%20fill=%22%23ffda66%22%20opacity=%220.080%22/%3E%3Ccircle%20cx=%2254.315%22%20cy=%2289.424%22%20r=%220.2620%22%20fill=%22%23ffda66%22%20opacity=%220.084%22/%3E%3Ccircle%20cx=%2222.647%22%20cy=%2277.520%22%20r=%220.7180%22%20fill=%22%23c084fc%22%20opacity=%220.093%22/%3E%3Ccircle%20cx=%2212.005%22%20cy=%2263.974%22%20r=%220.7110%22%20fill=%22%234ade80%22%20opacity=%220.136%22/%3E%3Ccircle%20cx=%2233.376%22%20cy=%2246.804%22%20r=%220.3050%22%20fill=%22%23f472b6%22%20opacity=%220.128%22/%3E%3Ccircle%20cx=%2281.653%22%20cy=%2263.049%22%20r=%220.8650%22%20fill=%22%2360a5fa%22%20opacity=%220.095%22/%3E%3Ccircle%20cx=%2225.710%22%20cy=%2228.322%22%20r=%220.5785%22%20fill=%22%23ffda66%22%20opacity=%220.132%22/%3E%3Ccircle%20cx=%2232.390%22%20cy=%2233.691%22%20r=%220.2345%22%20fill=%22%23ffda66%22%20opacity=%220.145%22/%3E%3Ccircle%20cx=%2252.468%22%20cy=%2279.428%22%20r=%220.6135%22%20fill=%22%234ade80%22%20opacity=%220.067%22/%3E%3Ccircle%20cx=%2250.459%22%20cy=%2228.081%22%20r=%220.4725%22%20fill=%22%23c084fc%22%20opacity=%220.058%22/%3E%3Ccircle%20cx=%2245.575%22%20cy=%2288.435%22%20r=%220.6995%22%20fill=%22%23c084fc%22%20opacity=%220.119%22/%3E%3Ccircle%20cx=%2233.817%22%20cy=%2282.971%22%20r=%220.8420%22%20fill=%22%2360a5fa%22%20opacity=%220.143%22/%3E%3Ccircle%20cx=%2278.062%22%20cy=%2211.457%22%20r=%220.6710%22%20fill=%22%23c084fc%22%20opacity=%220.146%22/%3E%3Ccircle%20cx=%2272.478%22%20cy=%2285.680%22%20r=%220.6430%22%20fill=%22%2360a5fa%22%20opacity=%220.139%22/%3E%3Ccircle%20cx=%2240.719%22%20cy=%2238.510%22%20r=%220.2260%22%20fill=%22%234ade80%22%20opacity=%220.159%22/%3E%3Ccircle%20cx=%22102.573%22%20cy=%224.737%22%20r=%220.8025%22%20fill=%22%23c084fc%22%20opacity=%220.107%22/%3E%3Ccircle%20cx=%22103.069%22%20cy=%2220.031%22%20r=%220.3430%22%20fill=%22%23ffffff%22%20opacity=%220.072%22/%3E%3Ccircle%20cx=%22-2.336%22%20cy=%2283.290%22%20r=%220.6190%22%20fill=%22%23f472b6%22%20opacity=%220.156%22/%3E%3Ccircle%20cx=%2245.846%22%20cy=%2210.365%22%20r=%220.5020%22%20fill=%22%2360a5fa%22%20opacity=%220.060%22/%3E%3Ccircle%20cx=%22-0.039%22%20cy=%2220.174%22%20r=%220.8445%22%20fill=%22%2360a5fa%22%20opacity=%220.082%22/%3E%3Ccircle%20cx=%22103.882%22%20cy=%2247.111%22%20r=%220.3240%22%20fill=%22%234ade80%22%20opacity=%220.086%22/%3E%3Ccircle%20cx=%2247.612%22%20cy=%2296.802%22%20r=%220.6215%22%20fill=%22%23ffffff%22%20opacity=%220.104%22/%3E%3Ccircle%20cx=%2271.959%22%20cy=%2289.086%22%20r=%220.7370%22%20fill=%22%23ffffff%22%20opacity=%220.158%22/%3E%3Ccircle%20cx=%2234.768%22%20cy=%2221.475%22%20r=%220.4035%22%20fill=%22%23ffda66%22%20opacity=%220.110%22/%3E%3Ccircle%20cx=%2231.630%22%20cy=%2219.884%22%20r=%220.6190%22%20fill=%22%23c084fc%22%20opacity=%220.132%22/%3E%3Ccircle%20cx=%2215.559%22%20cy=%2244.172%22%20r=%220.3875%22%20fill=%22%23f472b6%22%20opacity=%220.074%22/%3E%3Ccircle%20cx=%2277.841%22%20cy=%2233.358%22%20r=%220.2310%22%20fill=%22%2360a5fa%22%20opacity=%220.137%22/%3E%3Ccircle%20cx=%2244.155%22%20cy=%2290.011%22%20r=%220.6355%22%20fill=%22%23f472b6%22%20opacity=%220.172%22/%3E%3Ccircle%20cx=%2234.304%22%20cy=%22102.500%22%20r=%220.5565%22%20fill=%22%2360a5fa%22%20opacity=%220.162%22/%3E%3Ccircle%20cx=%2265.387%22%20cy=%2252.197%22%20r=%220.5165%22%20fill=%22%234ade80%22%20opacity=%220.113%22/%3E%3Ccircle%20cx=%2241.621%22%20cy=%2226.960%22%20r=%220.3560%22%20fill=%22%23f472b6%22%20opacity=%220.079%22/%3E%3Ccircle%20cx=%2214.903%22%20cy=%2237.129%22%20r=%220.5855%22%20fill=%22%2360a5fa%22%20opacity=%220.134%22/%3E%3Ccircle%20cx=%2287.933%22%20cy=%2215.566%22%20r=%220.3440%22%20fill=%22%234ade80%22%20opacity=%220.094%22/%3E%3Ccircle%20cx=%2233.095%22%20cy=%2293.126%22%20r=%220.8515%22%20fill=%22%23ffda66%22%20opacity=%220.103%22/%3E%3Ccircle%20cx=%2280.116%22%20cy=%2253.371%22%20r=%220.2920%22%20fill=%22%23ffffff%22%20opacity=%220.070%22/%3E%3Ccircle%20cx=%2271.944%22%20cy=%2261.758%22%20r=%220.7290%22%20fill=%22%2360a5fa%22%20opacity=%220.132%22/%3E%3Ccircle%20cx=%2278.018%22%20cy=%2250.844%22%20r=%220.3005%22%20fill=%22%23c084fc%22%20opacity=%220.066%22/%3E%3Ccircle%20cx=%22101.135%22%20cy=%2226.805%22%20r=%220.4225%22%20fill=%22%23f472b6%22%20opacity=%220.153%22/%3E%3Ccircle%20cx=%2250.646%22%20cy=%2248.413%22%20r=%220.2970%22%20fill=%22%2360a5fa%22%20opacity=%220.054%22/%3E%3Ccircle%20cx=%2272.135%22%20cy=%222.006%22%20r=%220.6150%22%20fill=%22%23c084fc%22%20opacity=%220.127%22/%3E%3Ccircle%20cx=%22103.394%22%20cy=%2263.580%22%20r=%220.8015%22%20fill=%22%23ffffff%22%20opacity=%220.082%22/%3E%3Ccircle%20cx=%2219.094%22%20cy=%2223.031%22%20r=%220.2715%22%20fill=%22%23f472b6%22%20opacity=%220.098%22/%3E%3Ccircle%20cx=%2240.990%22%20cy=%2296.883%22%20r=%220.7890%22%20fill=%22%23f472b6%22%20opacity=%220.099%22/%3E%3Ccircle%20cx=%2240.189%22%20cy=%2284.943%22%20r=%220.4505%22%20fill=%22%23f472b6%22%20opacity=%220.055%22/%3E%3Ccircle%20cx=%2245.709%22%20cy=%2295.912%22%20r=%220.7710%22%20fill=%22%23f472b6%22%20opacity=%220.162%22/%3E%3Ccircle%20cx=%2211.121%22%20cy=%2269.813%22%20r=%220.5155%22%20fill=%22%2360a5fa%22%20opacity=%220.079%22/%3E%3Ccircle%20cx=%2248.189%22%20cy=%2274.092%22%20r=%220.5350%22%20fill=%22%2360a5fa%22%20opacity=%220.105%22/%3E%3Ccircle%20cx=%2210.716%22%20cy=%2257.761%22%20r=%220.4330%22%20fill=%22%23c084fc%22%20opacity=%220.138%22/%3E%3Ccircle%20cx=%2266.720%22%20cy=%2247.786%22%20r=%220.7865%22%20fill=%22%23ffda66%22%20opacity=%220.147%22/%3E%3Ccircle%20cx=%2257.560%22%20cy=%220.215%22%20r=%220.7365%22%20fill=%22%2360a5fa%22%20opacity=%220.078%22/%3E%3Ccircle%20cx=%2289.877%22%20cy=%22-3.733%22%20r=%220.8010%22%20fill=%22%2360a5fa%22%20opacity=%220.088%22/%3E%3Ccircle%20cx=%2227.309%22%20cy=%2290.485%22%20r=%220.5815%22%20fill=%22%234ade80%22%20opacity=%220.123%22/%3E%3Ccircle%20cx=%2250.577%22%20cy=%2250.824%22%20r=%220.8690%22%20fill=%22%23f472b6%22%20opacity=%220.065%22/%3E%3Ccircle%20cx=%2297.223%22%20cy=%2293.489%22%20r=%220.7925%22%20fill=%22%234ade80%22%20opacity=%220.088%22/%3E%3Ccircle%20cx=%2274.822%22%20cy=%22102.747%22%20r=%220.8720%22%20fill=%22%23ffffff%22%20opacity=%220.142%22/%3E%3Ccircle%20cx=%22-3.393%22%20cy=%2263.430%22%20r=%220.6220%22%20fill=%22%23f472b6%22%20opacity=%220.069%22/%3E%3Ccircle%20cx=%2231.300%22%20cy=%2295.577%22%20r=%220.7190%22%20fill=%22%23ffda66%22%20opacity=%220.167%22/%3E%3Ccircle%20cx=%2251.727%22%20cy=%2265.159%22%20r=%220.6695%22%20fill=%22%23ffda66%22%20opacity=%220.115%22/%3E%3Ccircle%20cx=%2282.376%22%20cy=%2243.902%22%20r=%220.2250%22%20fill=%22%23ffda66%22%20opacity=%220.099%22/%3E%3Ccircle%20cx=%2294.277%22%20cy=%2235.601%22%20r=%220.3050%22%20fill=%22%23f472b6%22%20opacity=%220.073%22/%3E%3Ccircle%20cx=%220.615%22%20cy=%2281.602%22%20r=%220.8945%22%20fill=%22%23ffda66%22%20opacity=%220.169%22/%3E%3Ccircle%20cx=%224.359%22%20cy=%2211.769%22%20r=%220.8610%22%20fill=%22%23ffda66%22%20opacity=%220.097%22/%3E%3Ccircle%20cx=%22-0.496%22%20cy=%2231.729%22%20r=%220.5300%22%20fill=%22%23c084fc%22%20opacity=%220.142%22/%3E%3C/svg%3E");
			--tile-pattern: repeating-linear-gradient(0deg, rgb(255 255 255 / 1%) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size)), repeating-linear-gradient(90deg, rgb(255 255 255 / 1%) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size));
			--glow-speckle-pattern: radial-gradient(circle at 20% 18%, rgb(174 206 255 / 7%), transparent 18%), radial-gradient(circle at 78% 74%, rgb(167 139 250 / 8%), transparent 20%), radial-gradient(circle at 7vw 9vh, #ffffff16 0 0.55vw, transparent 0.62vw), radial-gradient(circle at 18vw 22vh, #ffffff0f 0 0.95vw, transparent 1.05vw), radial-gradient(circle at 31vw 14vh, #80808022 0 0.42vw, transparent 0.5vw), radial-gradient(circle at 42vw 38vh, #ffffff12 0 0.72vw, transparent 0.84vw), radial-gradient(circle at 59vw 19vh, #77777722 0 0.38vw, transparent 0.48vw), radial-gradient(circle at 76vw 31vh, #ffffff13 0 1.15vw, transparent 1.25vw), radial-gradient(circle at 91vw 7vh, #8888881c 0 0.5vw, transparent 0.6vw), radial-gradient(circle at 13vw 54vh, #ffffff12 0 0.8vw, transparent 0.92vw), radial-gradient(circle at 27vw 77vh, #74747422 0 0.46vw, transparent 0.58vw), radial-gradient(circle at 52vw 68vh, #ffffff14 0 1vw, transparent 1.12vw), radial-gradient(circle at 69vw 84vh, #88888820 0 0.6vw, transparent 0.72vw), radial-gradient(circle at 87vw 62vh, #ffffff0f 0 0.36vw, transparent 0.48vw);
			--app-surface-pattern: repeating-linear-gradient(0deg, var(--grid-line) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size)), repeating-linear-gradient(90deg, var(--grid-line) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size)), radial-gradient(circle at 20% 18%, rgb(174 206 255 / 7%), transparent 18%), radial-gradient(circle at 78% 74%, rgb(167 139 250 / 8%), transparent 20%), radial-gradient(circle at 7vw 9vh, #ffffff16 0 0.55vw, transparent 0.62vw), radial-gradient(circle at 18vw 22vh, #ffffff0f 0 0.95vw, transparent 1.05vw), radial-gradient(circle at 31vw 14vh, #80808022 0 0.42vw, transparent 0.5vw), radial-gradient(circle at 42vw 38vh, #ffffff12 0 0.72vw, transparent 0.84vw), radial-gradient(circle at 59vw 19vh, #77777722 0 0.38vw, transparent 0.48vw), radial-gradient(circle at 76vw 31vh, #ffffff13 0 1.15vw, transparent 1.25vw), radial-gradient(circle at 91vw 7vh, #8888881c 0 0.5vw, transparent 0.6vw), radial-gradient(circle at 13vw 54vh, #ffffff12 0 0.8vw, transparent 0.92vw), radial-gradient(circle at 27vw 77vh, #74747422 0 0.46vw, transparent 0.58vw), radial-gradient(circle at 52vw 68vh, #ffffff14 0 1vw, transparent 1.12vw), radial-gradient(circle at 69vw 84vh, #88888820 0 0.6vw, transparent 0.72vw), radial-gradient(circle at 87vw 62vh, #ffffff0f 0 0.36vw, transparent 0.48vw);
			--features-wallpaper: radial-gradient(circle at 20% 18%, rgb(255 255 255 / 7%), transparent 18%), radial-gradient(circle at 78% 74%, rgb(167 139 250 / 8%), transparent 20%), radial-gradient(circle at 7vw 9vh, #ffffff16 0 0.55vw, transparent 0.62vw), radial-gradient(circle at 18vw 22vh, #ffffff0f 0 0.95vw, transparent 1.05vw), radial-gradient(circle at 31vw 14vh, #80808022 0 0.42vw, transparent 0.5vw), radial-gradient(circle at 42vw 38vh, #ffffff12 0 0.72vw, transparent 0.84vw), radial-gradient(circle at 59vw 19vh, #77777722 0 0.38vw, transparent 0.48vw), radial-gradient(circle at 76vw 31vh, #ffffff13 0 1.15vw, transparent 1.25vw), radial-gradient(circle at 91vw 7vh, #8888881c 0 0.5vw, transparent 0.6vw), radial-gradient(circle at 13vw 54vh, #ffffff12 0 0.8vw, transparent 0.92vw), radial-gradient(circle at 27vw 77vh, #74747422 0 0.46vw, transparent 0.58vw), radial-gradient(circle at 52vw 68vh, #ffffff14 0 1vw, transparent 1.12vw), radial-gradient(circle at 69vw 84vh, #88888820 0 0.6vw, transparent 0.72vw), radial-gradient(circle at 87vw 62vh, #ffffff0f 0 0.36vw, transparent 0.48vw);
			--blur-zero: 0;
			--blur-obscure: 1.5625vw;
			--blur-drawer: 6.25vw;
			--squircle-displacement: 7.8125vw;
			--squircle: shape(from 0 var(--squircle-displacement), curve to var(--squircle-displacement) 0 with 0 0 / 0 0, hline to calc(100% - var(--squircle-displacement)), curve to 100% var(--squircle-displacement) with 100% 0 / 100% 0, vline to calc(100% - var(--squircle-displacement)), curve to calc(100% - var(--squircle-displacement)) 100% with 100% 100% / 100% 100%, hline to var(--squircle-displacement), curve to 0 calc(100% - var(--squircle-displacement)) with 0 100% / 0 100%, close);
			--page-z: 5;
			--tray-surface-z: 4;
			--drawer-z: 15;
			--obscure-z-open: 1500;
			--foot-z: 2000;
			--drawer-z-open: 2500;
			--foot-hold-z: 10;
			--top-stop-height: 75vw;
			--toolbar-back-width: 25vw;
			--toolbar-side-pad: 3.125vw;
			--toolbar-side-wide-pad: 6.25vw;
			--toolbar-bottom-gap: 6.25vw;
			--toolbar-height: fit-content;
			--toolbar-icon-min: 10.625vw;
			--toolbar-action-size: 12.5vw;
			--toolbar-round-control: 8.75vw;
			--toolbar-find-font: 3.4375vw;
			--toolbar-search-font: 3.75vw;
			--toolbar-letter-spacing: 0.09375vw;
			--toolbar-border-small: 0.9375vw;
			--toolbar-border-large: 1.25vw;
			--thumb-size: 6.875vw;
			--thumb-border: 0.625vw;
			--push-hold-height: 4.6875vw;
			--push-slide-height: 2.5vw;
			--drawer-point-size: 0.3125vw;
			--drawer-height-open: 37.5vw;
			--drawer-bottom-margin: 21.875vw;
			--drawer-outer-margin: 3.125vw;
			--drawer-radius: 3.125vw;
			--drawer-scroll-radius: 4.6875vw;
			--lever-height: 6.25vw;
			--lever-width: 9.375vw;
			--lever-bar-height: 1.25vw;
			--lever-bar-min: 6.875vw;
			--tray-roll-cut: 21.875vw;
			--tray-gap: 3.125vw;
			--tray-handle-width: 9.375vw;
			--tray-handle-height: 2.1875vw;
			--tray-handle-lift: -1.25vw;
			--tray-overcast-width: 87.5vw;
			--tray-edge-handle-width: 2.1875vw;
			--tray-edge-handle-height: 9.375vw;
			--tray-edge-handle-shift: -1.25vw;
			--divider-height: 0.625vw;
			--divider-margin: 4.6875vw;
			--radius-pill: 6.25vw;
			--toast-bottom: 31.25vw;
			--toast-padding-y: 3.125vw;
			--toast-padding-x: 4.6875vw;
			--toast-font: 3.75vw;
			--toast-rise: 7.8125vw;
			--transition-fast: 0.2s;
			--transition-normal: 0.3s;
			--transition-bounce: 0.45s;
			--drawer-wobble-time: 0.64s;
			--transition-z: 0.1s;
			--surface-tile-layer: none;
			--surface-glow-layer: none;
		}

		body *, body *:after, body *:before {
			box-sizing: border-box;
		}

		body *::-webkit-scrollbar, body::-webkit-scrollbar, input[type="file"] {
			display: none;
		}

		input::-webkit-slider-thumb, input[type="range"] {
			-webkit-appearance: none;
		}

		body input {
			user-select: text;
		}

		input {
			top: 0;
			left: 0;
			border: none;
			outline: none;
		}

		input::placeholder, body * {
			font-family: var(--font-system);
		}

		input, textarea {
			background: unset;
		}

		.-body {
			top: 0;
			left: 0;
			margin: 0;
			width: 100%;
			height: 100%;
			display: flex;
			color: var(--body-color);
			user-select: none;
			overflow: hidden;
			position: absolute;
			flex-flow: column;
			align-items: center;
			font-family: var(--font-system);
			flex-direction: column;
			justify-content: center;
			background: var(--body-background);
			-webkit-tap-highlight-color: transparent;
			isolation: isolate;
		}

		.-body.-show-dot-pattern {
			--active-dot-pattern: var(--dot-field-pattern);
		}

		.-body.-no-page-grid::before {
			opacity: 0;
		}

		.-page-pattern {
			inset: 0;
			opacity: 1;
			z-index: 1;
			display: block;
			position: absolute;
			overflow: hidden;
			pointer-events: none;
			isolation: isolate;
			background: none;
			mix-blend-mode: normal;
			transition: opacity var(--transition-normal);
		}

		.-body.-show-dot-pattern .-page-pattern {
			opacity: 1;
		}

		.-the-tray-top-surface {
			width: 100vw;
			display: flex;
			flex-direction: column;
			align-items: center;
			box-shadow: -0.3125vw -0.3125vw 0.9375vw var(--soft-shadow), 0.3125vw 0.3125vw 0.9375vw var(--soft-shadow);
			z-index: var(--tray-surface-z);
			flex: 0 0 100vw;
			height: 100%;
			scroll-snap-align: center;
			scroll-snap-stop: always;
			justify-content: flex-start;
			pointer-events: auto;
			position: relative;
			overflow: visible;
			padding: 0;
			isolation: isolate;
			background: var(--body-background);
		}

		.-material-symbol {
			width: 100%;
			height: 100%;
			display: flex;
			position: relative;
			align-items: center;
			justify-content: center;
			font-family: "Material Symbols Rounded";
			font-weight: normal;
			font-style: normal;
			font-size: 7.5vw;
			line-height: 1;
			letter-spacing: normal;
			text-transform: none;
			white-space: nowrap;
			word-wrap: normal;
			direction: ltr;
			font-feature-settings: "liga";
			-webkit-font-feature-settings: "liga";
			-webkit-font-smoothing: antialiased;
			font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" 24;
		}

		.-home-land {
			z-index: var(--page-z);
			bottom: 0vw;
			width: 100%;
			height: 100%;
			display: flex;
			position: absolute;
			flex-flow: column;
			overflow: hidden auto;
			transition: height var(--transition-fast);
			scroll-behavior: smooth;
			scroll-snap-type: y mandatory;
		}

		.-top-shelf-stop {
			width: auto;
			z-index: -1;
			position: relative;
			min-height: var(--top-stop-height);
			transition: min-height var(--transition-normal);
			scroll-snap-align: start;
		}

		.-top-shelf {
			position: fixed;
			display: flex;
			scroll-behavior: smooth;
			overflow: auto hidden;
			scroll-snap-type: x mandatory;
			height: fit-content;
			width: 100%;
			min-height: var(--top-stop-height);
		}

		.-top-shelf-back {
			display: flex;
			min-width: var(--toolbar-back-width);
			position: relative;
			padding: 0 var(--toolbar-side-pad);
			height: -webkit-fill-available;
		}
.-top-shelf-feed {
    min-width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    min-height: fit-content;
    height: -webkit-fill-available;
    background: var(--body-background);
    box-shadow: -0.3125vw -0.3125vw 0.9375vw var(--soft-shadow), 0.3125vw 0.3125vw 0.9375vw var(--soft-shadow);
    isolation: isolate;
    scroll-snap-align: center;
}

		.-top-shelf-next {
			display: flex;
			min-width: var(--toolbar-back-width);
			position: relative;
			padding: 0 var(--toolbar-side-pad);
			height: -webkit-fill-available;
		}

		.-the-tray {
			width: 100%;
			display: flex;
			position: relative;
			min-height: 100%;
			flex-flow: column;
			background: var(--body-background);
			scroll-snap-align: center;
			box-shadow: -0.3125vw -0.3125vw 0.9375vw var(--soft-shadow), 0.3125vw 0.3125vw 0.9375vw var(--soft-shadow);
			overflow: visible;
		}

		.-the-tray::before {
			content: "";
			z-index: 40;
			pointer-events: none;
			box-shadow: -0.3125vw -0.3125vw 0.9375vw var(--soft-tray-shadow);
			width: var(--tray-handle-width);
			height: var(--tray-handle-height);
			position: relative;
			background: var(--tray-handle);
			margin: var(--tray-handle-lift) auto;
			border-radius: var(--radius-pill);
		}

		.-the-tray-roll {
			width: 100%;
			gap: var(--tray-gap);
			display: flex;
			position: relative;
			flex-flow: column;
			height: calc(100% - var(--tray-roll-cut));
			transition: margin var(--transition-normal);
			overflow: visible;
			z-index: 2;
		}

		.-horizontal-divider {
			z-index: 5;
			width: auto;
			display: flex;
			position: relative;
			min-height: var(--divider-height);
			background: linear-gradient(90deg, var(--transparent), var(--divider-blue), var(--transparent));
			transition: margin var(--transition-normal), min-height var(--transition-normal);
			margin: 0 var(--divider-margin);
			overflow: visible;
			justify-content: center;
			align-items: center;
		}

		.-the-tray-bottom-surface {
			position: absolute;
			inset: 0;
			width: 100vw;
			height: 100svh;
			z-index: 1;
			pointer-events: auto;
			overflow: hidden;
			isolation: isolate;
			background: var(--body-background);
		}

		.-the-tray-trio {
			position: absolute;
			inset: 0;
			width: 100vw;
			height: 100svh;
			display: flex;
			overflow: hidden;
			scroll-snap-type: x mandatory;
			scroll-behavior: smooth;
			z-index: 2;
			background: transparent;
			pointer-events: none;
			scrollbar-width: none;
		}

		.-the-tray-trio.-scroll-the-tray-trio {
			overflow: auto hidden;
		}

		.-the-tray-left-overcast, .-the-tray-right-overcast {
			flex: 0 0 var(--tray-overcast-width);
			height: 100%;
			scroll-snap-align: center;
			scroll-snap-stop: always;
			pointer-events: none;
		}

		.-the-tray-top-surface::before {
			content: "";
			position: absolute;
			left: var(--tray-edge-handle-shift);
			top: 50%;
			transform: translateY(-50%);
			width: var(--tray-edge-handle-width);
			height: var(--tray-edge-handle-height);
			background: var(--special-yellow);
			border-radius: var(--radius-pill);
			z-index: 40;
			pointer-events: none;
			box-shadow: -0.3125vw -0.3125vw 0.9375vw var(--soft-tray-shadow);
		}

		.-the-tray-top-surface::after {
			content: "";
			position: absolute;
			right: var(--tray-edge-handle-shift);
			top: 50%;
			transform: translateY(-50%);
			width: var(--tray-edge-handle-width);
			height: var(--tray-edge-handle-height);
			background: var(--special-yellow);
			border-radius: var(--radius-pill);
			z-index: 40;
			pointer-events: none;
			box-shadow: 0.3125vw -0.3125vw 0.9375vw var(--soft-tray-shadow);
		}

		.-the-tray-features {
			width: 100%;
			gap: var(--tray-gap);
			display: flex;
			position: relative;
			flex-flow: column;
			padding: 3.125vw 0 9.375vw;
			transition: margin var(--transition-normal);
			height: calc(100% - 21.875vw);
			overflow: hidden;
			isolation: isolate;
		}

		.-scroll-the-tray-features {
			overflow: hidden auto;
		}

		.-obscure {
			inset: 0;
			opacity: 0;
			display: flex;
			position: absolute;
			flex-flow: column;
			background: var(--dimmer);
			pointer-events: none;
			backdrop-filter: blur(var(--blur-zero));
			transition: opacity var(--transition-fast), backdrop-filter var(--transition-fast), z-index var(--transition-z);
		}

		.-open-obscure {
			opacity: 1;
			z-index: var(--obscure-z-open);
			pointer-events: auto;
			backdrop-filter: blur(var(--blur-obscure));
		}

		.-foot-drawer {
			width: var(--drawer-point-size);
			bottom: 0;
			height: var(--drawer-point-size);
			z-index: var(--drawer-z);
			display: flex;
			position: fixed;
			pointer-events: none;
			border-radius: 50%;
			margin: 0 var(--drawer-outer-margin) var(--drawer-bottom-margin);
			scroll-snap-align: center;
			background: var(--surface);
			transition: height 0.46s cubic-bezier(0.22, 1.16, 0.36, 1), width 0.46s cubic-bezier(0.22, 1.16, 0.36, 1), z-index var(--transition-fast), margin var(--transition-fast), border-radius var(--transition-normal), transform 0.46s cubic-bezier(0.22, 1.16, 0.36, 1);
			will-change: width, height, transform;
		}

		

		.-foot-drawer-scroll {
			width: 100%;
			height: 100%;
			display: flex;
			position: relative;
			overflow: auto hidden;
			border-radius: 4.6875vw;
			background: #0d0d0d;
			scroll-snap-type: x mandatory;
		}

		.-foot-drawer-lever {
			bottom: 0;
			opacity: 1;
			z-index: 10;
			display: flex;
			height: var(--lever-height);
			position: absolute;
			min-width: var(--lever-width);
			align-items: center;
			transition: opacity var(--transition-normal);
			justify-content: center;
			margin: auto calc((100% - var(--lever-width))/2) var(--divider-height);
		}
.-foot-drawer-lever::before {
			content: "";
			height: var(--lever-bar-height);
			margin: auto 1.25vw;
			border-radius: var(--radius-pill);
			width: 100%;
			position: relative;
			min-width: var(--lever-bar-min);
			background: var(--slider-tail);
			transition: height var(--transition-normal), min-width var(--transition-normal), background var(--transition-normal);
		}

		.-open-foot-drawer {
			z-index: var(--drawer-z-open);
			height: var(--drawer-height-open);
			pointer-events: auto;
			border-radius: var(--drawer-radius);
			width: calc(100% - 6.25vw);
			border: var(--toolbar-border-small) solid var(--transparent);
			backdrop-filter: blur(var(--blur-drawer));
			box-shadow: 0.3125vw 0.46875vw 3.125vw var(--deep-shadow);
		}

		.-open-foot-drawer .-foot-drawer-lever::before {
			background: var(--tangerine-green);
		}

		.-foot-tools {
			bottom: 0;
			width: 100%;
			z-index: var(--foot-z);
			display: flex;
			position: fixed;
			height: fit-content;
			flex-flow: column;
			background: var(--body-background);
			transition: background var(--transition-normal);
		}

		.-foot-tools.-dim-foot-tools {
			z-index: var(--foot-z);
			background: unset;
		}

		.-foot-toolbar {
			background: inherit;
			bottom: 0vw;
			position: relative;
			width: auto;
			display: flex;
			scroll-behavior: smooth;
			overflow: auto hidden;
			scroll-snap-type: x mandatory;
			height: var(--toolbar-height);
			margin: var(--toolbar-side-pad) 0 var(--toolbar-bottom-gap);
		}

		.-push-hold {
			bottom: 0;
			z-index: var(--foot-hold-z);
			width: 100%;
			display: flex;
			position: fixed;
			background: inherit;
			min-height: var(--push-hold-height);
			justify-content: center;
			align-items: center;
		}

		.-push-slide {
			z-index: 1;
			width: 100%;
			height: var(--push-slide-height);
			position: relative;
			margin: 0 var(--toolbar-side-pad);
			overflow: visible;
			border-radius: var(--radius-pill);
			background: linear-gradient(90deg, var(--transparent) 0%, var(--slider-tail) var(--slider-mid), var(--white) var(--slider-fill), var(--dimmer) var(--slider-fill), var(--dimmer) 100%);
		}

		.-push-slide::-webkit-slider-thumb {
			-webkit-appearance: none;
			width: var(--thumb-size);
			height: var(--thumb-size);
			border-radius: 50%;
			background: var(--slider-tail);
			border: var(--thumb-border) solid var(--white);
			box-shadow: 0 0.46875vw 1.25vw var(--deep-shadow), 0 0 2.8125vw var(--slider-tail);
		}

		.-push-slide::-moz-range-thumb {
			width: var(--thumb-size);
			height: var(--thumb-size);
			border-radius: 50%;
			background: var(--slider-tail);
			border: var(--thumb-border) solid var(--white);
			box-shadow: 0 0.46875vw 1.25vw var(--deep-shadow), 0 0 2.8125vw var(--slider-tail);
		}

		.-foot-toolbar-back {
			display: flex;
			min-width: var(--toolbar-back-width);
			position: relative;
			padding: 0vw 0vw 0vw var(--toolbar-side-wide-pad);
			height: -webkit-fill-available;
		}

		.-foot-toolbar-tool {
			scroll-snap-align: center;
			padding: 0vw var(--toolbar-side-pad);
			position: relative;
			height: 100%;
			min-width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-around;
		}

		.-foot-toolbar-next {
			display: flex;
			min-width: var(--toolbar-back-width);
			position: relative;
			padding: 0vw var(--toolbar-side-wide-pad) 0vw 0vw;
			height: -webkit-fill-available;
		}

		.-foot-toolbar-find {
			position: relative;
			margin: auto;
			border: var(--toolbar-border-small) solid var(--transparent);
			color: var(--body-color);
			text-align: center;
			display: flex;
			height: var(--toolbar-action-size);
			width: 100%;
			font-size: var(--toolbar-find-font);
			letter-spacing: var(--toolbar-letter-spacing);
			background: var(--dimmer);
			clip-path: var(--squircle);
		}

		.-foot-toolbar-menu {
			height: 100%;
			display: flex;
			position: relative;
			min-height: 8.75vw;
			min-width: var(--toolbar-icon-min);
			align-items: center;
			aspect-ratio: 1 / 1;
			justify-content: center;
			background: var(--surface);
			margin: 0vw 0.9375vw 0vw 0vw;
			border: var(--toolbar-border-small) solid var(--transparent);
			clip-path: var(--squircle);
		}

		.-foot-toolbar-menu span {
			color: var(--menu-icon-color);
		}

		.-foot-toolbar-lens {
			transition: width var(--transition-normal), transform var(--transition-fast), background var(--transition-fast);
			background: var(--surface);
			width: 100%;
			height: 100%;
			position: relative;
			display: flex;
			min-width: var(--toolbar-icon-min);
			z-index: 1;
			clip-path: var(--squircle);
		}

		.-foot-toolbar-lens:focus-within {
			transform: scale(0.985);
			background: linear-gradient(45deg, rgb(93 150 185 / 15%), rgb(200 109 201 / 15%));
		}

		.-foot-toolbar-search {
			z-index: 2;
			display: flex;
			width: 100%;
			font-size: var(--toolbar-search-font);
			color: var(--slider-tail);
			padding: 0vw 10.9375vw 0vw var(--toolbar-side-pad);
			transition: width var(--transition-normal), opacity var(--transition-normal);
		}

		.-foot-toolbar-more {
			z-index: 2;
			position: absolute;
			min-width: var(--toolbar-round-control);
			display: flex;
			border: var(--toolbar-border-large) solid var(--transparent);
			height: var(--toolbar-round-control);
			background: var(--dimmer);
			border-radius: 50%;
			right: 0vw;
			min-height: var(--toolbar-round-control);
			margin: var(--toolbar-border-small);
			aspect-ratio: 1 / 1;
		}

		.-foot-toolbar-more span {
			padding: 0.625vw 0 0;
			font-size: 5.625vw;
			transition: transform var(--transition-normal);
		}

		.-foot-toolbar-more.-active-foot-toolbar-more span {
			transform: rotate(180deg);
		}

		.-foot-toolbar-go {
			margin: auto;
			border-radius: 50%;
			position: relative;
			min-width: var(--toolbar-action-size);
			display: flex;
			height: var(--toolbar-action-size);
			border: var(--toolbar-border-large) solid var(--transparent);
			background: var(--dimmer);
		}

		.-foot-toolbar-go-icon {
			background: var(--surface);
			border-radius: inherit;
			transition: inherit;
			filter: drop-shadow(rgba(0, 0, 0, 0.35) 0.3125vw 0.3125vw 0.3125vw);
			width: 100%;
			aspect-ratio: 1/1;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.-foot-toolbar-go-icon span {
			color: var(--go-blue);
			font-size: 8.125vw;
			padding: 0 0 0.625vw;
		}

		.-foot-toolbar-plus {
			position: relative;
			border-radius: 50%;
			min-width: var(--toolbar-action-size);
			margin: auto;
			height: var(--toolbar-action-size);
			border: var(--toolbar-border-small) solid var(--transparent);
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.-foot-toolbar-menu, .-foot-toolbar-more, .-foot-toolbar-plus, .-foot-toolbar-go, .-foot-drawer-lever, .-obscure {
			touch-action: manipulation;
		}

		[data-click] {
			transition: transform var(--transition-fast), filter var(--transition-fast), background var(--transition-fast);
		}

		.-pressing {
			transform: scale(0.94);
			filter: brightness(1.12);
		}

		.-clicked {
			animation: -click-pop var(--transition-bounce) ease both;
		}

		.-tool-accordion {
			position: relative;
			width: -webkit-fill-available;
			flex: 0 0 auto;
			color: #b0a890;
			isolation: isolate;
			z-index: 1;
			margin: 0 3.125vw;
		}

		.-tool-accordion::after {
			content: "";
			position: absolute;
			inset: 0;
			z-index: -1;
			background: var(--surface);
			clip-path: var(--squircle);
			pointer-events: none;
		}

		.-tool-accordioni-head {
			width: 100%;
			min-height: 14.0625vw;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 3.125vw;
			touch-action: manipulation;
		}

		.-tool-head-left {
			min-width: 0;
			display: flex;
			align-items: center;
			gap: 3.125vw;
		}

		.-tool-head-icon {
			width: 9.375vw;
			height: 9.375vw;
			min-width: 9.375vw;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			clip-path: var(--squircle);
			background: #00000024;
			margin: 0 0 0 3.125vw;
		}

		.-tool-head-icon span {
			font-size: 5.625vw;
		}

		.-tool-head-title {
			min-width: 0;
			display: flex;
			align-items: center;
			font-size: 4.0625vw;
			font-weight: 1000;
			line-height: 4.6875vw;
			letter-spacing: 0.03125vw;
			color: #b0a890;
		}

		.-tool-head-right {
			flex: 0 0 auto;
			display: flex;
			align-items: center;
			gap: 1.5625vw;
			margin-right: 3.125vw;
		}

		.-tool-head-count {
			width: 9.375vw;
			height: 9.375vw;
			min-width: 9.375vw;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			clip-path: var(--squircle);
			background: #00000024;
			font-size: 3.4375vw;
			font-weight: 1000;
			color: #ffda66;
		}

		.-tool-head-chevron {
			width: 9.375vw;
			height: 9.375vw;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: transform var(--transition-normal);
		}

		.-tool-head-chevron span {
			font-size: 5.625vw;
			color: #82c1ff;
		}

		.-open-tool-accordion .-tool-head-chevron {
			transform: rotate(180deg);
		}

		.-tool-accordion-body {
			max-height: 125vw;
			overflow: hidden;
			display: flex;
			min-height: 0;
			height: 0;
			flex-direction: column;
			gap: 3.125vw;
			padding: 0;
			transition: min-height 0.28s cubic-bezier(.4,0,.2,1), padding 0.28s cubic-bezier(.4,0,.2,1);
		}

		.-open-tool-accordion .-tool-accordion-body {
			overflow: hidden auto;
			padding: 0 0 3.125vw;
		}

		.-tool-slab {
			width: -webkit-fill-available;
			min-height: 14.0625vw;
			margin: 0 3.125vw;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 3.125vw;
			background: #00000024;
			color: #b0a890;
			clip-path: var(--squircle);
			touch-action: manipulation;
		}

		.-tool-slab-left {
			display: flex;
			align-items: center;
			gap: 3.125vw;
			min-width: 0;
			margin-left: 3.125vw;
		}

		.-tool-slab-icon {
			width: 8.75vw;
			height: 8.75vw;
			display: flex;
			align-items: center;
			justify-content: center;
			clip-path: var(--squircle);
			background: #ffffff0a;
		}

		.-tool-slab-icon span {
			font-size: 5vw;
		}

		.-tool-slab-text {
			font-size: 3.75vw;
			font-weight: 500;
			line-height: 4.6875vw;
			color: #b0a890;
		}

		.-tool-slab-more {
			width: 8.75vw;
			height: 8.75vw;
			min-width: 8.75vw;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 3.125vw;
			border-radius: 50%;
			background: #00000050;
		}

		.-tool-slab-more span {
			font-size: 4.6875vw;
			color: #96ff36;
		}
.-floating-tooltip {
    position: relative;
    z-index: 2500;
    width: -webkit-fill-available;
    min-height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 3.125vw;
    color: #b0a890;
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.42s cubic-bezier(0.175, 0.885, 0.32, 1.35);
    isolation: isolate;
    will-change: transform, opacity;
    margin: 0 9.375vw;
}

		.-floating-tooltip::before {
			content: "";
			position: absolute;
			inset: 0;
			box-shadow: 0 1.875vw 7.5vw rgb(0 0 0 / 60%);
			border-radius: 3.125vw;
			z-index: -2;
			pointer-events: none;
		}

		.-floating-tooltip::after {
			content: "";
			position: absolute;
			inset: 0;
			background: var(--body-background);
			clip-path: var(--squircle);
			box-shadow: none;
			z-index: -1;
			pointer-events: none;
		}
.-hide-floating-tooltip {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(0.01);
}
.-floating-tooltip-title {
    line-height: 9.375vw;
    text-align: center;
    width: -webkit-fill-available;
    color: #fff;
    font-size: 5.3125vw;
    font-weight: 500;
    margin: 0 3.125vw 0;
}
.-floating-tooltip-tagline {
    margin: -3.125vw 3.125vw 0;
    min-height: 6.25vw;
    line-height: 3.75vw;
    color: #b0a890;
    font-size: 3.125vw;
    letter-spacing: 0.15625vw;
    text-align: center;
}

		.-floating-tooltip-explainer {
			width: -webkit-fill-available;
			min-height: 18.75vw;
			margin: 0 3.125vw;
			padding: 3.125vw;
			clip-path: var(--squircle);
			background: #ffffff0a;
			color: #b0a890;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			line-height: 5.3125vw;
			font-size: 3.4375vw;
			font-weight: 500;
		}

		.-cta-shell {
			width: -webkit-fill-available;
			min-height: 14.0625vw;
			margin: 0 3.125vw 3.125vw;
			display: flex;
			background: #00000050;
			clip-path: var(--squircle);
			padding: 0.9375vw;
		}

		.-cta-button {
			width: 100%;
			min-height: 14.0625vw;
			display: flex;
			align-items: center;
			justify-content: center;
			clip-path: var(--squircle);
			background: #ffda66;
			color: #121212;
			font-size: 4.0625vw;
			font-weight: 500;
			touch-action: manipulation;
		}

		.-toast-hub {
			left: 0;
			right: 0;
			bottom: var(--toast-bottom);
			display: flex;
			z-index: 4000;
			position: fixed;
			min-height: 12.5vw;
			justify-content: center;
			align-items: center;
			pointer-events: none;
		}

		.-toast-note {
			opacity: 0;
			color: var(--body-color);
			display: flex;
			height: -webkit-fill-available;
			font-size: var(--toast-font);
			position: relative;
			align-items: center;
			background: var(--toast-background);
			padding: var(--toast-padding-y) var(--toast-padding-x);
			clip-path: var(--squircle);
			box-shadow: 0 0.625vw 3.125vw var(--toast-shadow);
			transform: translateY(var(--toast-rise));
			transition: opacity var(--transition-fast), transform var(--transition-normal);
		}

		.-toast-note.-show-toast {
			opacity: 1;
			transform: translateY(0);
		}

		.-top-shelf-feed > :not(.-surface-pattern-field), .-the-tray-top-surface > :not(.-surface-pattern-field), .-the-tray-bottom-surface > :not(.-surface-pattern-field) {
			position: relative;
			z-index: 1;
		}

		.-tool-switch-slab {
			pointer-events: none;
		}

		.-tool-switch {
			width: 15.625vw;
			height: 8.75vw;
			min-width: 15.625vw;
			display: flex;
			position: relative;
			align-items: center;
			border: 0.625vw solid var(--transparent);
			border-radius: 6.25vw;
			background: #00000050;
			margin-right: 3.125vw;
			pointer-events: auto;
			touch-action: manipulation;
			transition: background var(--transition-normal), transform var(--transition-fast), filter var(--transition-fast);
		}

		.-tool-switch::before {
			content: "";
			position: absolute;
			left: 0.625vw;
			width: 6.25vw;
			height: 6.25vw;
			border-radius: 50%;
			background: #fff;
			box-shadow: 0 0.625vw 1.875vw #00000099;
			transition: transform var(--transition-normal), background var(--transition-normal), box-shadow var(--transition-normal);
		}

		.-tool-switch-slab.-switch-on .-tool-switch {
			background: color-mix(in srgb, var(--switch-color) 42%, #00000050);
		}

		.-tool-switch-slab.-switch-on .-tool-switch::before {
			transform: translateX(6.875vw);
			background: var(--switch-color);
			box-shadow: 0 0.625vw 1.875vw #00000099, 0 0 2.8125vw var(--switch-color);
		}

		.-body.-show-tile-pattern {
			--surface-tile-layer: var(--tile-pattern);
		}

		.-body.-show-glow-pattern {
			--surface-glow-layer: var(--features-wallpaper);
		}

		.-surface-pattern-field {
			position: absolute;
			inset: 0;
			z-index: 0;
			display: block;
			overflow: hidden;
			pointer-events: none;
			isolation: isolate;
			background: none;
			mix-blend-mode: normal;
			opacity: 1;
		}

		.-surface-pattern-field::before {
			content: "";
			position: absolute;
			inset: 0;
			z-index: 0;
			pointer-events: none;
			background: var(--surface-tile-layer);
			mix-blend-mode: soft-light;
		}

		.-surface-pattern-field::after {
			content: "";
			position: absolute;
			inset: 0;
			z-index: 1;
			pointer-events: none;
			background: var(--surface-glow-layer);
			mix-blend-mode: soft-light;
		}

		.-pattern-dot {
			position: absolute;
			width: var(--dot-size);
			height: var(--dot-size);
			border-radius: 50%;
			background: var(--dot-color);
			opacity: 0;
			transform: translate(-50%, -50%);
			box-shadow: none;
			z-index: 2;
		}

		.-body.-show-dot-pattern .-pattern-dot {
			opacity: var(--dot-alpha);
		}

		@keyframes -click-pop {
			0% { transform: scale(0.94); }
						45% { transform: scale(1.08); }
						100% { transform: scale(1); }
		}

		@keyframes -drawer-wobble {
			0% { transform: translateX(-50%) scale(0.82); }
						62% { transform: translateX(-50%) scale(1.035); }
						82% { transform: translateX(-50%) scale(0.985); }
						100% { transform: translateX(-50%) scale(1); }
		}

		@keyframes dot-pulse {
			0%, 100% { transform: scale(0.65); opacity: 0.5; }
						50% { transform: scale(1.25); opacity: 1; }
		}

		@keyframes tap {
			0% { transform: translateY(0); opacity: 0.5; }
						50% { transform: translateY(-3.125vw); opacity: 1; }
						100% { transform: translateY(0); opacity: 0.5; }
		}

@font-face {
    font-family: clock;
    src: url("./@fonts/clock.woff2") format("woff2"), url("./@fonts/clock.ttf") format("truetype"), local("Courier New"), local("Consolas"), monospace;
    font-display: swap;
}

@font-face {
    font-family: hivergo;
    src: url("./@fonts/hivergo.woff2") format("woff2"), url("./@fonts/hivergo.ttf") format("truetype"), local("system-ui"), local("Segoe UI");
    font-display: swap;
}

.-top-shelf-feed-scroll {
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: auto hidden;
    padding: 0 var(--toolbar-side-pad) 0;
    min-height: fit-content;
    scroll-behavior: smooth;
    scroll-padding: 0 var(--toolbar-side-pad);
    scroll-snap-type: x mandatory;
    scroll-snap-align: center;
    height: -webkit-fill-available;
    gap: 3.125vw;
}

.-foot-drawer-slab-box {
    position: relative;
    width: auto;
    display: flex;
    scroll-behavior: smooth;
    overflow: hidden auto;
    scroll-snap-type: y mandatory;
    height: -webkit-fill-available;
    min-width: 30.625vw;
    margin: 0 auto;
    flex-flow: column;
    scroll-snap-align: start;
}

.-foot-drawer-slab-back, .-foot-drawer-slab-next {
    display: flex;
    width: 100%;
    position: relative;
    min-height: 25vw;
    justify-content: center;
    align-items: center;
}

.-foot-drawer-slab {
    height: 100%;
    display: flex;
    margin: 0 auto;
    position: relative;
    flex-flow: column;
    width: -webkit-fill-available;
    scroll-snap-align: center;
}
.-foot-drawer-icon {
    display: flex;
    width: 18.75vw;
    position: relative;
    border-radius: 50%;
    align-items: center;
    min-height: 18.75vw;
    margin: 3.125vw auto 0;
    justify-content: center;
    background: #ffffff0a;
    border: 1.5625vw solid #0000;
    box-shadow: 0 0 0 #0000;
    transition: background 0.3s, box-shadow 0.3s;
}

.-foot-drawer-icon span {
    font-size: 8.125vw;
}

.-foot-drawer-text {
    line-height: 12.5vw;
    font-size: 3.4375vw;
    letter-spacing: 0.09375vw;
    position: relative;
    width: 100%;
    color: #f5f5f5;
    text-align: center;
    height: 12.5vw;
    margin: 0 auto auto;
}
.-active-applet .-foot-drawer-icon {
    background: #ffffff14;
    box-shadow: 0.9375vw 0.625vw 0.9375vw #0000008c;
}



.-active-applet .-foot-drawer-icon::after {
    content: "";
    top: 0;
    width: 6.25vw;
    height: 6.25vw;
    left: -3.125vw;
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(130deg, #ff8e00, #ff0000);
    border: 1.5625vw solid #0d0d0d;
}
.-active-applet .-foot-drawer-text {
    color: var(--applet-hex);
}

.-applet-card {
    min-width: 78.125vw;
    width: 78.125vw;
    min-height: 50vw;
    display: flex;
    position: relative;
    flex-flow: column;
    justify-content: center;
    gap: 3.125vw;
    padding: 3.125vw;
    color: #b0a890;
    background: #ffffff0a;
    clip-path: var(--squircle);
    scroll-snap-align: center;
    isolation: isolate;
    margin: var(--toolbar-side-pad) 0;
}

.-applet-card-icon {
    width: 18.75vw;
    height: 18.75vw;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: #00000024;
    border: 1.5625vw solid #0000;
}

.-applet-card-icon span {
    font-size: 9.375vw;
}

.-applet-card-title {
    font-size: 6.25vw;
    line-height: 7.1875vw;
    font-weight: 500;
    color: #fff;
}

.-applet-card-copy {
    font-size: 3.4375vw;
    line-height: 5.3125vw;
    font-weight: 500;
}

.-applet-card-category {
    width: fit-content;
    min-height: 7.8125vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3.125vw;
    color: #121212;
    background: var(--special-yellow);
    clip-path: var(--squircle);
    font-size: 3.125vw;
    font-weight: 500;
}

.-time-block {
    height: 12.5vw;
    display: flex;
    position: relative;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #ffffff0a;
    width: -webkit-fill-available;
    clip-path: var(--squircle);
}

.-time-stamp {
    width: 100%;
    height: 100%;
    display: flex;
    color: #96e179;
    position: relative;
    font-size: 3.4375vw;
    align-items: center;
    justify-content: center;
}

.-time-stamp-countdown {
    color: #0000;
    height: 100%;
    display: flex;
    font-weight: 500;
    font-size: 5vw;
    font-family: clock, monospace;
    line-height: 0.3125;
    padding: 0.3125vw 4.6875vw 0;
    justify-content: center;
    letter-spacing: 0.3125vw;
    gap: 0.3125vw;
    background: linear-gradient(45deg, #976cff, #6cb3ff, #44ff69);
    -webkit-background-clip: text;
    align-items: center;
}

.-time-stamp-bullet {
    font-size: 4.6875vw;
}
.-info-slab-belt {
    height: fit-content;
    width: auto;
    position: relative;
    display: flex;
    margin: 0 3.125vw;
    max-height: 12.5vw;
    align-items: center;
    justify-content: center;
    gap: 3.125vw;
}

.-info-slab-score {
    height: 12.5vw;
    display: flex;
    position: relative;
    text-align: right;
    background: #ffffff0a;
    line-height: 8.75vw;
    padding: 0 3.125vw 0 0;
    min-width: fit-content;
    border: 0.3125vw solid #0000;
    align-items: center;
    justify-content: center;
    clip-path: var(--squircle);
    gap: 1.5625vw;
}

.-info-slab-score-icon {
    position: relative;
    width: 9.375vw;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 0.3125vw solid #0000;
    background: inherit;
    margin: auto 0 auto 1.5625vw;
}
.-info-slab-score-icon span {
    font-size: 6.875vw;
    color: #6dff15;
}

.-info-slab-score-stat {
    color: #0000;
    font-weight: 700;
    background: linear-gradient(45deg, #3cc0ff, #ba86ff, #00ffc4);
    -webkit-background-clip: text;
    letter-spacing: -0.15625vw;
    font-size: 4.0625vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.-vertical-divider {
    min-width: 0.625vw;
    height: -webkit-fill-available;
    background: linear-gradient(180deg, #0000, #64a1ff73, #0000);
}

.-info-slab-options {
    height: 100%;
    position: relative;
    min-width: 6.25vw;
    margin: 0 0 0 -1.5625vw;
}
.-info-slab-options span {
    font-size: 8.125vw;
    color: #82c1ff;
}

.-floating-tooltip-icon {
    width: 18.75vw;
    min-height: 18.75vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3.125vw auto 0;
    border-radius: 50%;
    background: #ffffff0a;
    border: 1.5625vw solid #0000;
}

.-floating-tooltip-icon span {
    font-size: 9.375vw;
}


.-foot-toolbar-lens:focus-within .-foot-toolbar-search::placeholder {
    color: #85c6f5;
}

.-body.-drawer-applet-mode {
    --slider-tail: var(--drawer-applet-color, #9a91ff);
}

.-body.-tray-slider-mode {
    --slider-tail: #82c1ff;
}

.-body.-feed-slider-mode {
    --slider-tail: var(--drawer-applet-color, #9a91ff);
}

.-body.-drawer-applet-mode .-foot-toolbar-search {
    color: var(--drawer-applet-color, #9a91ff);
}

.-body.-drawer-applet-mode .-foot-toolbar-menu span {
    color: var(--drawer-applet-color, #9a91ff);
}


.-floating-tooltip .-info-slab-belt {
    width: -webkit-fill-available;
}

.-floating-tooltip .-horizontal-divider {
    margin: 0 3.125vw;
}


.-foot-drawer-icon.-pressing {
    transform: scale(0.9) translateY(0.625vw);
    filter: brightness(1.15);
}


.-applet-card-cta-shell {
    width: -webkit-fill-available;
    min-height: fit-content;
    margin: 0 3.125vw 3.125vw;
    display: flex;
    background: #00000050;
    clip-path: var(--squircle);
    padding: 0.9375vw;
}

.-applet-card-cta {
    width: 100%;
    min-height: 14.0625vw;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: var(--squircle);
    background: var(--applet-hex, #9a91ff);
    color: #121212;
    font-size: 4.0625vw;
    font-weight: 500;
    margin: 3.125vw;
}

.-applet-card-mini-row {
    width: -webkit-fill-available;
    margin: 0 3.125vw 3.125vw;
    min-height: 10.9375vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5625vw;
    background: #00000024;
    clip-path: var(--squircle);
    color: #b0a890;
    padding: 0 3.125vw;
    font-size: 3.125vw;
    font-weight: 500;
}

.-drawer-box .-foot-drawer-icon span {
    color: var(--applet-hex, #82c1ff);
}