html,body,#app{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;min-height:100%;overflow:hidden auto}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#fcfbf8}html.t_dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#110e0c}body{background-color:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);margin:0}#cogrind-boot{z-index:9999;background:inherit;pointer-events:none;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:fixed;inset:0}#cogrind-boot[data-hide=true]{opacity:0}#cogrind-boot .cogrind-boot-mark{border:2.5px solid #1c19152e;border-top-color:#1c1915b8;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite cogrind-boot-spin}html.t_dark #cogrind-boot .cogrind-boot-mark{border-color:#f4efe6bf #f4efe629 #f4efe629}@keyframes cogrind-boot-spin{to{transform:rotate(360deg)}}.grind-desk-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, currentColor 12%, transparent) transparent}.grind-desk-scroll::-webkit-scrollbar{width:4px}.grind-desk-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:999px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grind-tiles{--grind-tile-on:currentColor;--grind-tile-opacity:1;--grind-seg-w:clamp(18px, 4.2vw, 28px);--grind-seg-h:calc(var(--grind-seg-w) * 1.7);--grind-seg-thick:max(3px, calc(var(--grind-seg-w) * .18));--grind-seg-gap:2px;width:100%;color:var(--color10);opacity:var(--grind-tile-opacity);transition:opacity 3s}.grind-tiles__row{justify-content:center;align-items:flex-start;gap:clamp(8px,2.5vw,16px);display:flex}.grind-tiles__unit{flex-direction:column;align-items:center;display:flex}.grind-tiles__card{justify-content:center;align-items:center;gap:calc(var(--grind-seg-w) * .28);border:1px solid color-mix(in srgb, var(--color8) 28%, transparent);background:color-mix(in srgb, var(--color3) 72%, transparent);width:clamp(72px,22vw,120px);height:clamp(56px,16vw,84px);box-shadow:0 4px 18px color-mix(in srgb, var(--color1) 18%, transparent);border-radius:12px;display:flex}.grind-tiles__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color9);margin-top:10px;font-size:11px;font-weight:500}.grind-seg{width:var(--grind-seg-w);height:var(--grind-seg-h);display:block;position:relative}.grind-seg__bar{opacity:.12;background:currentColor;border-radius:1px;transition:background-color 3s,opacity 3s;position:absolute}.grind-seg__bar.is-on{opacity:1;background:var(--grind-tile-on)}.grind-seg__bar--a,.grind-seg__bar--d,.grind-seg__bar--g{left:var(--grind-seg-gap);right:var(--grind-seg-gap);height:var(--grind-seg-thick)}.grind-seg__bar--a{top:0}.grind-seg__bar--g{top:50%;transform:translateY(-50%)}.grind-seg__bar--d{bottom:0}.grind-seg__bar--b,.grind-seg__bar--c,.grind-seg__bar--e,.grind-seg__bar--f{width:var(--grind-seg-thick)}.grind-seg__bar--b,.grind-seg__bar--f{top:var(--grind-seg-gap);height:calc(50% - var(--grind-seg-gap) * 1.5)}.grind-seg__bar--c,.grind-seg__bar--e{bottom:var(--grind-seg-gap);height:calc(50% - var(--grind-seg-gap) * 1.5)}.grind-seg__bar--b,.grind-seg__bar--c{right:0}.grind-seg__bar--e,.grind-seg__bar--f{left:0}@media (width<=640px){.grind-tiles__card{border-radius:8px;width:clamp(64px,26vw,80px);height:clamp(48px,18vw,60px)}.grind-tiles__label{margin-top:8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.grind-tiles,.grind-seg__bar{transition:none}}