@font-face{font-family:Michroma;src:url("./media/michroma-2O5BWUWP.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Counter-Strike;src:url("./media/counter-strike-5V3RJLDM.woff2") format("woff2"),url("./media/counter-strike-QZ2HYTL5.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Elemental End;src:url("./media/elemental-end-PULXUB3Q.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Elemental End;src:url("./media/elemental-end-italic-LDL45K2B.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}:root{--pioneer-black: #101614;--pioneer-ink: #1e2b29;--pioneer-ink-soft: rgba(30, 43, 41, .68);--pioneer-line: rgba(30, 43, 41, .16);--pioneer-gold-100: #fbfaf3;--pioneer-gold-200: #f3f2e9;--pioneer-gold-300: #e9e8dd;--pioneer-gold-400: #dcdbcd;--pioneer-gold-500: #cfcebf;--pioneer-gold-700: #aeafa0;--pioneer-gold-900: #787d71;--pioneer-cream: #fdfcf6;--pioneer-ok: #2f7a4e;--pioneer-good: #2d7a4a;--pioneer-warning: #a9741c;--pioneer-critical: #a33a2a;--pioneer-data-work: #2b4d5e;--pioneer-data-sleep: #2d7a4a;--plate-wash-top: rgba(211, 227, 232, .92);--plate-wash-bottom: rgba(206, 220, 208, .42);--pioneer-font: "Michroma", "Avenir Next", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--pioneer-font-display: "Michroma", "Avenir Next", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--pioneer-radius-card: 20px;--pioneer-radius-panel: 16px;--pioneer-card-border: rgba(30, 43, 41, .3);--pioneer-card-surface: rgba(252, 251, 244, .72);--pioneer-card-shadow: rgba(40, 52, 46, .16);--holo-rgb: 45, 122, 74;--vital-surface-1: rgba(252, 251, 244, .84);--vital-surface-2: rgba(243, 242, 233, .8);--vital-surface-3: rgba(233, 232, 221, .5);--control-bg: rgba(252, 251, 244, .78);--control-fg: var(--pioneer-ink);--control-border: rgba(30, 43, 41, .3);--control-hover: rgba(253, 252, 246, .96)}html,body{height:100%}body{margin:0;background-color:var(--pioneer-black);color:var(--pioneer-cream);font-family:var(--pioneer-font);font-size-adjust:.52;-webkit-font-smoothing:antialiased}::selection{background-color:var(--pioneer-good);color:var(--pioneer-cream)}.pioneer-surface,app-user-page .scene-container,app-habits-page .scene,app-sleep-page .scene,app-cardio-page .scene{background-color:var(--pioneer-gold-300);background-image:radial-gradient(120% 65% at 50% 0%,var(--plate-wash-top) 0%,color-mix(in srgb,var(--plate-wash-top) 35%,transparent) 45%,transparent 72%),radial-gradient(95% 60% at 0% 100%,var(--plate-wash-bottom) 0%,transparent 68%),radial-gradient(ellipse at center,transparent var(--plate-vignette, 58%),color-mix(in srgb,var(--pioneer-ink) 12%,transparent) 100%),linear-gradient(160deg,var(--pioneer-gold-200) 0%,var(--pioneer-gold-300) 55%,var(--pioneer-gold-400) 100%)}.pioneer-surface,app-user-page .scene-container{--plate-vignette: 48%}app-habits-page .scene,app-sleep-page .scene,app-cardio-page .scene{--plate-vignette: 52%}.pioneer-surface{box-sizing:border-box;position:relative;width:100%;min-height:100vh;overflow:hidden;box-shadow:inset 0 0 0 1px #fcfbf466,inset 0 0 0 10px #1e2b290d,inset 0 0 140px #2d3e372e;font-family:var(--pioneer-font);color:var(--pioneer-ink)}.pioneer-surface *,.pioneer-surface *:before,.pioneer-surface *:after{box-sizing:border-box}.pioneer-surface:after{content:"";position:absolute;inset:24px;z-index:30;border:1px solid rgba(30,43,41,.4);box-shadow:inset 0 0 0 1px #fcfbf44d,0 0 0 1px #fcfbf42e;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,h4,h5,h6,.subtitle,legend{font-family:var(--pioneer-font-display);font-weight:400;letter-spacing:.02em}html[data-palette=ivory]{--pioneer-black: #101614;--pioneer-ink: #1e2b29;--pioneer-ink-soft: rgba(30, 43, 41, .68);--pioneer-line: rgba(30, 43, 41, .16);--pioneer-gold-100: #fbfaf3;--pioneer-gold-200: #f3f2e9;--pioneer-gold-300: #e9e8dd;--pioneer-gold-400: #dcdbcd;--pioneer-gold-500: #cfcebf;--pioneer-gold-700: #aeafa0;--pioneer-gold-900: #787d71;--pioneer-cream: #fdfcf6;--pioneer-ok: #2f7a4e;--pioneer-good: #2d7a4a;--pioneer-warning: #a9741c;--pioneer-critical: #a33a2a;--pioneer-data-work: #2b4d5e;--pioneer-data-sleep: #2d7a4a;--plate-wash-top: rgba(211, 227, 232, .92);--plate-wash-bottom: rgba(206, 220, 208, .42);--pioneer-card-border: rgba(30, 43, 41, .3);--pioneer-card-surface: rgba(252, 251, 244, .72);--pioneer-card-shadow: rgba(40, 52, 46, .16);--holo-rgb: 45, 122, 74;--vital-surface-1: rgba(252, 251, 244, .84);--vital-surface-2: rgba(243, 242, 233, .8);--vital-surface-3: rgba(233, 232, 221, .5);--control-bg: rgba(252, 251, 244, .78);--control-fg: var(--pioneer-ink);--control-border: rgba(30, 43, 41, .3);--control-hover: rgba(253, 252, 246, .96)}html[data-palette=azure]{--pioneer-black: #0d151b;--pioneer-ink: #1d3040;--pioneer-ink-soft: rgba(29, 48, 64, .68);--pioneer-line: rgba(29, 48, 64, .16);--pioneer-gold-100: #f9faf8;--pioneer-gold-200: #eef1ee;--pioneer-gold-300: #e3e9e6;--pioneer-gold-400: #d4dcd8;--pioneer-gold-500: #c2ccc7;--pioneer-gold-700: #a1ada7;--pioneer-gold-900: #6b7a73;--pioneer-cream: #fbfdfb;--pioneer-ok: #2f7a4e;--pioneer-good: #2c5d78;--pioneer-warning: #a9741c;--pioneer-critical: #a33a2a;--pioneer-data-work: #244f66;--pioneer-data-sleep: #2d7a4a;--plate-wash-top: rgba(207, 224, 235, .94);--plate-wash-bottom: rgba(206, 216, 226, .4);--pioneer-card-border: rgba(29, 48, 64, .3);--pioneer-card-surface: rgba(250, 252, 252, .74);--pioneer-card-shadow: rgba(35, 50, 62, .16);--holo-rgb: 44, 93, 120;--vital-surface-1: rgba(250, 252, 252, .84);--vital-surface-2: rgba(238, 241, 238, .8);--vital-surface-3: rgba(227, 233, 230, .5);--control-bg: rgba(250, 252, 252, .78);--control-fg: var(--pioneer-ink);--control-border: rgba(29, 48, 64, .3);--control-hover: rgba(251, 253, 253, .96)}html[data-palette=mint]{--pioneer-black: #0d1916;--pioneer-ink: #1b3330;--pioneer-ink-soft: rgba(27, 51, 48, .68);--pioneer-line: rgba(27, 51, 48, .16);--pioneer-gold-100: #f8fbf8;--pioneer-gold-200: #edf3ee;--pioneer-gold-300: #e1ebe5;--pioneer-gold-400: #d1dfd8;--pioneer-gold-500: #bdcec6;--pioneer-gold-700: #9bb0a7;--pioneer-gold-900: #667d74;--pioneer-cream: #fafdfb;--pioneer-ok: #2f7a4e;--pioneer-good: #2c7a6a;--pioneer-warning: #a9741c;--pioneer-critical: #a33a2a;--pioneer-data-work: #2b4d5e;--pioneer-data-sleep: #2c7a6a;--plate-wash-top: rgba(206, 227, 226, .94);--plate-wash-bottom: rgba(203, 218, 209, .42);--pioneer-card-border: rgba(27, 51, 48, .3);--pioneer-card-surface: rgba(249, 252, 250, .76);--pioneer-card-shadow: rgba(32, 56, 51, .16);--holo-rgb: 44, 122, 106;--vital-surface-1: rgba(249, 252, 250, .84);--vital-surface-2: rgba(237, 243, 238, .8);--vital-surface-3: rgba(225, 235, 229, .5);--control-bg: rgba(249, 252, 250, .78);--control-fg: var(--pioneer-ink);--control-border: rgba(27, 51, 48, .3);--control-hover: rgba(250, 253, 251, .96)}html[data-palette=platinum]{--pioneer-black: #121212;--pioneer-ink: #2f3235;--pioneer-ink-soft: rgba(47, 50, 53, .68);--pioneer-line: rgba(47, 50, 53, .15);--pioneer-gold-100: #fbfbfa;--pioneer-gold-200: #f4f4f2;--pioneer-gold-300: #e9e9e6;--pioneer-gold-400: #dcdcd8;--pioneer-gold-500: #cecec9;--pioneer-gold-700: #a9a9a3;--pioneer-gold-900: #787872;--pioneer-cream: #fdfdfc;--pioneer-ok: #86672d;--pioneer-good: #8a6a2f;--pioneer-warning: #b06a18;--pioneer-critical: #a33a2a;--pioneer-data-work: #7d858c;--pioneer-data-sleep: #8a6a2f;--plate-wash-top: rgba(226, 228, 231, .95);--plate-wash-bottom: rgba(235, 226, 206, .5);--pioneer-card-border: rgba(47, 50, 53, .28);--pioneer-card-surface: rgba(253, 253, 252, .76);--pioneer-card-shadow: rgba(50, 52, 55, .14);--holo-rgb: 138, 106, 47;--vital-surface-1: rgba(253, 253, 252, .86);--vital-surface-2: rgba(244, 244, 242, .82);--vital-surface-3: rgba(233, 233, 230, .52);--control-bg: rgba(253, 253, 252, .8);--control-fg: var(--pioneer-ink);--control-border: rgba(47, 50, 53, .28);--control-hover: rgba(255, 255, 254, .96)}html[data-palette=glacier]{--pioneer-black: #0e171d;--pioneer-ink: #263b4a;--pioneer-ink-soft: rgba(38, 59, 74, .66);--pioneer-line: rgba(38, 59, 74, .15);--pioneer-gold-100: #f9fbfc;--pioneer-gold-200: #f1f6f9;--pioneer-gold-300: #e6eff5;--pioneer-gold-400: #d8e7f0;--pioneer-gold-500: #c6dae7;--pioneer-gold-700: #a3bfd1;--pioneer-gold-900: #748fa2;--pioneer-cream: #fcfdfe;--pioneer-ok: #4a90b8;--pioneer-good: #39789c;--pioneer-warning: #b57a1e;--pioneer-critical: #a33a2a;--pioneer-data-work: #39789c;--pioneer-data-sleep: #4a90b8;--plate-wash-top: rgba(214, 232, 244, .96);--plate-wash-bottom: rgba(224, 238, 247, .52);--pioneer-card-border: rgba(38, 59, 74, .26);--pioneer-card-surface: rgba(251, 253, 254, .78);--pioneer-card-shadow: rgba(40, 60, 78, .14);--holo-rgb: 57, 120, 156;--vital-surface-1: rgba(251, 253, 254, .88);--vital-surface-2: rgba(241, 246, 249, .84);--vital-surface-3: rgba(230, 239, 245, .54);--control-bg: rgba(251, 253, 254, .8);--control-fg: var(--pioneer-ink);--control-border: rgba(38, 59, 74, .26);--control-hover: rgba(252, 254, 255, .96)}html[data-palette=graphite]{--pioneer-black: #03070d;--pioneer-ink: #a9e6ff;--pioneer-ink-soft: rgba(169, 230, 255, .7);--pioneer-line: rgba(169, 230, 255, .2);--pioneer-gold-100: #162b3a;--pioneer-gold-200: #102331;--pioneer-gold-300: #183445;--pioneer-gold-400: #1e4256;--pioneer-gold-500: #07111b;--pioneer-gold-700: #050b12;--pioneer-gold-900: #03060a;--pioneer-cream: #e9f9ff;--pioneer-ok: #67d99a;--pioneer-good: #4fae6d;--pioneer-warning: #ffc766;--pioneer-critical: #ff7468;--pioneer-card-border: rgba(169, 230, 255, .42);--pioneer-card-surface: rgba(10, 26, 38, .72);--pioneer-card-shadow: rgba(0, 0, 0, .6);--holo-rgb: 90, 209, 255;--vital-surface-1: rgba(169, 230, 255, .16);--vital-surface-2: rgba(14, 40, 55, .84);--vital-surface-3: rgba(6, 18, 27, .68);--control-bg: rgba(6, 18, 27, .78);--control-fg: var(--pioneer-ink);--control-border: rgba(169, 230, 255, .4);--control-hover: rgba(16, 40, 55, .9);--figure-filter: invert(.7) sepia(1) saturate(5) hue-rotate(165deg) brightness(1.4) contrast(1) drop-shadow(0 0 10px rgba(90, 209, 255, .3));--galaxy-glow-1: rgba(40, 150, 200, .24);--galaxy-glow-2: rgba(60, 70, 180, .16);color-scheme:dark}html[data-palette=amethyst]{--pioneer-black: #040208;--pioneer-ink: #c9a7ff;--pioneer-ink-soft: rgba(201, 167, 255, .7);--pioneer-line: rgba(201, 167, 255, .22);--pioneer-gold-100: #3b2a55;--pioneer-gold-200: #2c1d42;--pioneer-gold-300: #35224e;--pioneer-gold-400: #402a5e;--pioneer-gold-500: #160d24;--pioneer-gold-700: #0f081a;--pioneer-gold-900: #07040d;--pioneer-cream: #f1e8ff;--pioneer-ok: #67d99a;--pioneer-good: #57c98c;--pioneer-warning: #ffc766;--pioneer-critical: #ff7468;--pioneer-card-border: rgba(201, 167, 255, .42);--pioneer-card-surface: rgba(42, 24, 68, .68);--pioneer-card-shadow: rgba(0, 0, 0, .62);--holo-rgb: 201, 167, 255;--vital-surface-1: rgba(201, 167, 255, .18);--vital-surface-2: rgba(45, 26, 72, .82);--vital-surface-3: rgba(15, 9, 25, .66);--control-bg: rgba(20, 12, 35, .78);--control-fg: var(--pioneer-ink);--control-border: rgba(201, 167, 255, .4);--control-hover: rgba(40, 24, 62, .9);--figure-filter: invert(.7) sepia(1) saturate(4.8) hue-rotate(250deg) brightness(1.3) contrast(1) drop-shadow(0 0 10px rgba(201, 167, 255, .3));--galaxy-glow-1: rgba(111, 66, 180, .24);--galaxy-glow-2: rgba(60, 90, 180, .16);color-scheme:dark}html[data-palette=gold]{--pioneer-black: #050403;--pioneer-ink: #f2c96b;--pioneer-ink-soft: rgba(242, 201, 107, .7);--pioneer-line: rgba(242, 201, 107, .22);--pioneer-gold-100: #3d2f16;--pioneer-gold-200: #2b2110;--pioneer-gold-300: #362713;--pioneer-gold-400: #433018;--pioneer-gold-500: #0d0a05;--pioneer-gold-700: #080602;--pioneer-gold-900: #040302;--pioneer-cream: #fff4d6;--pioneer-ok: #67d99a;--pioneer-good: #4fae6d;--pioneer-warning: #ffc766;--pioneer-critical: #ff7468;--pioneer-card-border: rgba(242, 201, 107, .42);--pioneer-card-surface: rgba(20, 15, 7, .72);--pioneer-card-shadow: rgba(0, 0, 0, .65);--holo-rgb: 242, 201, 107;--vital-surface-1: rgba(242, 201, 107, .16);--vital-surface-2: rgba(40, 30, 12, .84);--vital-surface-3: rgba(15, 11, 4, .68);--control-bg: rgba(15, 11, 4, .78);--control-fg: var(--pioneer-ink);--control-border: rgba(242, 201, 107, .4);--control-hover: rgba(40, 30, 12, .9);--figure-filter: invert(.7) sepia(1) saturate(3.5) hue-rotate(5deg) brightness(1.4) contrast(1.05) drop-shadow(0 0 10px rgba(242, 201, 107, .3));--galaxy-glow-1: rgba(180, 130, 40, .22);--galaxy-glow-2: rgba(120, 80, 20, .16);color-scheme:dark}html[data-palette=graphite]{--pioneer-data-work: var(--pioneer-ink);--pioneer-data-sleep: #67d99a}html[data-palette=amethyst]{--pioneer-data-work: var(--pioneer-ink);--pioneer-data-sleep: #57c98c}html[data-palette=gold]{--pioneer-data-work: var(--pioneer-ink);--pioneer-data-sleep: #67d99a}html:is([data-palette=graphite],[data-palette=amethyst],[data-palette=gold]) body,html.theme-dark body{background-color:#030207;color:var(--pioneer-cream)}html:is([data-palette=graphite],[data-palette=amethyst],[data-palette=gold]) .scene-container,html:is([data-palette=graphite],[data-palette=amethyst],[data-palette=gold]) .pioneer-surface,html:is([data-palette=graphite],[data-palette=amethyst],[data-palette=gold]) app-login-page,html:is([data-palette=graphite],[data-palette=amethyst],[data-palette=gold]) .scene,html.theme-dark .scene-container,html.theme-dark .pioneer-surface,html.theme-dark app-login-page,html.theme-dark .scene{background-color:var(--pioneer-black);background-image:radial-gradient(1.5px 1.5px at 8% 16%,#ffffff 0 55%,transparent 56%),radial-gradient(1px 1px at 15% 72%,var(--pioneer-ink) 0 55%,transparent 56%),radial-gradient(1.2px 1.2px at 23% 38%,#ffffff 0 55%,transparent 56%),radial-gradient(1px 1px at 31% 84%,var(--pioneer-ink) 0 55%,transparent 56%),radial-gradient(1.6px 1.6px at 39% 12%,#ffffff 0 55%,transparent 56%),radial-gradient(1px 1px at 47% 62%,var(--pioneer-ink) 0 55%,transparent 56%),radial-gradient(1.2px 1.2px at 55% 27%,#ffffff 0 55%,transparent 56%),radial-gradient(1px 1px at 63% 78%,var(--pioneer-ink) 0 55%,transparent 56%),radial-gradient(1.5px 1.5px at 71% 45%,#ffffff 0 55%,transparent 56%),radial-gradient(1px 1px at 79% 19%,var(--pioneer-ink) 0 55%,transparent 56%),radial-gradient(1.2px 1.2px at 86% 68%,#ffffff 0 55%,transparent 56%),radial-gradient(1px 1px at 94% 33%,var(--pioneer-ink) 0 55%,transparent 56%),radial-gradient(1px 1px at 12% 51%,#ffffff 0 55%,transparent 56%),radial-gradient(1px 1px at 44% 91%,var(--pioneer-ink) 0 55%,transparent 56%),radial-gradient(1px 1px at 68% 9%,#ffffff 0 55%,transparent 56%),radial-gradient(1px 1px at 91% 87%,#ffffff 0 55%,transparent 56%),radial-gradient(ellipse at 50% 36%,var(--galaxy-glow-1),transparent 56%),radial-gradient(ellipse at 80% 72%,var(--galaxy-glow-2),transparent 58%),linear-gradient(135deg,var(--pioneer-black) 0%,var(--pioneer-gold-900) 48%,#030206 100%);background-size:100% 100%;box-shadow:inset 0 0 180px #000000e6}html:is([data-palette=graphite],[data-palette=amethyst],[data-palette=gold]) .card img.figure,html:is([data-palette=graphite],[data-palette=amethyst],[data-palette=gold]) .card-1 .card-content>img,html.theme-dark .card img.figure,html.theme-dark .card-1 .card-content>img{filter:var(--figure-filter)!important}html:is([data-palette=graphite],[data-palette=amethyst],[data-palette=gold]) .star-module__icon,html.theme-dark .star-module__icon{background:var(--control-bg);border-color:var(--control-border)}html:is([data-palette=graphite],[data-palette=amethyst],[data-palette=gold]) .star-module__label,html.theme-dark .star-module__label{background:var(--control-bg);color:var(--pioneer-cream)}html:is([data-palette=graphite],[data-palette=amethyst],[data-palette=gold]) .server-status,html.theme-dark .server-status{color:var(--pioneer-cream);background:var(--control-bg);border-color:var(--control-border)}html.theme-dark app-login-page p{color:var(--pioneer-ink);background:var(--pioneer-card-surface);border-color:var(--pioneer-card-border);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pioneer-cream) 16%,transparent),0 10px 24px #0006}app-habits-page,app-sleep-page,app-cardio-page,app-radiacion-page,app-games-page{--module-panel-bg: linear-gradient( 180deg, color-mix(in srgb, var(--pioneer-gold-300) 58%, transparent), color-mix(in srgb, var(--pioneer-gold-200) 30%, transparent) );--module-panel-border: color-mix(in srgb, var(--pioneer-line) 68%, transparent);--module-panel-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pioneer-cream) 34%, transparent), 0 10px 24px var(--pioneer-card-shadow);--module-inset-bg: color-mix(in srgb, var(--pioneer-cream) 28%, transparent)}:root{--module-status-good: #2d7a4a;--module-status-warning: #a9741c;--module-status-critical: #a33a2a}html:is([data-palette=graphite],[data-palette=amethyst],[data-palette=gold]){--module-status-good: #67d99a;--module-status-warning: #ffc766;--module-status-critical: #ff7468}app-habits-page .scene,app-sleep-page .scene,app-games-page .scene{box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(.3rem,.8vh,.6rem);width:100%;flex:1 1 0;min-height:0;padding:clamp(.35rem,1vw,.7rem) clamp(.6rem,2vw,1.5rem) clamp(.45rem,1.2vh,.8rem);overflow:hidden;color:var(--pioneer-ink)}@supports not (view-transition-name: root){app-habits-page .scene,app-sleep-page .scene,app-cardio-page .scene,app-radiacion-page .scene,app-games-page .scene{animation:moduleSceneIn .35s ease-out both}}@keyframes moduleSceneIn{0%{opacity:0;filter:blur(2.5px)}to{opacity:1;filter:blur(0)}}::view-transition-group(root){animation-duration:.4s;animation-timing-function:cubic-bezier(.22,.75,.24,1)}::view-transition-old(root){animation:sceneOut .4s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){animation:sceneIn .4s cubic-bezier(.2,.7,.2,1) both}@keyframes sceneOut{to{opacity:0;filter:blur(3px)}}@keyframes sceneIn{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}app-habits-page .scene__bar,app-sleep-page .scene__bar,app-cardio-page .scene__bar,app-radiacion-page .scene__bar,app-games-page .scene__bar{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.45rem 1.15rem;align-items:center;justify-content:space-between;width:100%;max-width:1700px;margin:0 auto;padding-bottom:clamp(.35rem,.9vh,.6rem);border-bottom:1px solid color-mix(in srgb,var(--pioneer-ink) 22%,transparent)}app-habits-page .scene__back,app-sleep-page .scene__back,app-cardio-page .scene__back,app-radiacion-page .scene__back,app-games-page .scene__back{display:inline-flex;align-items:center;min-height:36px;padding:0 .2rem;color:var(--pioneer-ink);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid transparent}app-habits-page .scene__back:hover,app-habits-page .scene__back:focus-visible,app-sleep-page .scene__back:hover,app-sleep-page .scene__back:focus-visible,app-cardio-page .scene__back:hover,app-cardio-page .scene__back:focus-visible,app-radiacion-page .scene__back:hover,app-radiacion-page .scene__back:focus-visible,app-games-page .scene__back:hover,app-games-page .scene__back:focus-visible{border-bottom-color:var(--pioneer-ink)}app-habits-page .scene__back:focus-visible,app-sleep-page .scene__back:focus-visible,app-cardio-page .scene__back:focus-visible,app-radiacion-page .scene__back:focus-visible,app-games-page .scene__back:focus-visible{outline:2px solid var(--pioneer-ink);outline-offset:4px}app-habits-page .scene__module,app-sleep-page .scene__module,app-games-page .scene__module{margin:0;padding-inline:.1rem;color:var(--pioneer-ink-soft);font-size:.62rem;font-weight:600;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}app-habits-page .scene__content,app-sleep-page .scene__content{display:flex;flex:1 1 0;flex-direction:column;width:100%;max-width:1700px;min-height:0;margin:0 auto;overflow:hidden}app-habits-page .scene-panel,app-sleep-page .scene-panel{--scene-panel-block: clamp(.4rem, 1vh, .65rem);--scene-panel-inline: clamp(.55rem, 1.2vw, .85rem);display:flex;flex-direction:column;gap:.35rem;min-width:0;min-height:0;padding:var(--scene-panel-block) var(--scene-panel-inline);overflow:hidden;background:var(--module-panel-bg);border:1px solid var(--module-panel-border);box-shadow:var(--module-panel-shadow)}app-habits-page .scene-panel__head,app-sleep-page .scene-panel__head{display:flex;flex:0 0 auto;gap:.6rem;align-items:center;justify-content:space-between;padding-bottom:.1rem}app-habits-page .scene-panel__head h2,app-sleep-page .scene-panel__head h2{min-width:0;margin:0;color:var(--pioneer-ink);font-size:clamp(.82rem,1.25vw,1rem);line-height:1.2;overflow-wrap:anywhere}app-habits-page .scene-panel__value,app-sleep-page .scene-panel__value{flex:0 0 auto;color:var(--pioneer-ink);font-size:clamp(.8rem,1.3vw,1.02rem);font-weight:600;font-variant-numeric:tabular-nums}app-habits-page .scene-panel app-time-series-chart,app-sleep-page .scene-panel app-sleep-bars-chart,app-sleep-page .scene-panel app-time-series-chart{flex:1 1 auto;height:auto;min-height:0}app-habits-page .scene__state,app-sleep-page .scene__state{display:flex;flex:0 0 auto;gap:clamp(.8rem,1.6vw,1.2rem);align-items:flex-start;width:100%;max-width:60rem;margin:clamp(.4rem,1.5vh,1rem) auto 0;padding:clamp(.9rem,2vw,1.4rem);background:color-mix(in srgb,var(--pioneer-gold-300) 58%,transparent);border:1px solid color-mix(in srgb,var(--pioneer-line) 68%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pioneer-cream) 32%,transparent),0 12px 30px var(--pioneer-card-shadow)}app-habits-page .scene__state--error,app-sleep-page .scene__state--error{border-color:color-mix(in srgb,var(--pioneer-critical) 42%,transparent)}app-habits-page .scene__state-icon,app-sleep-page .scene__state-icon{display:grid;flex:0 0 40px;place-items:center;width:40px;height:40px;color:var(--pioneer-critical);font-size:1.15rem;font-weight:700;background:color-mix(in srgb,var(--pioneer-critical) 10%,transparent);border:1px solid color-mix(in srgb,var(--pioneer-critical) 40%,transparent);border-radius:50%}app-habits-page .scene__spinner,app-sleep-page .scene__spinner{flex:0 0 1.15rem;width:1.15rem;height:1.15rem;margin-top:.2rem;border:2px solid color-mix(in srgb,var(--pioneer-ink) 24%,transparent);border-top-color:var(--pioneer-ink);border-radius:50%;animation:sceneSpin .8s linear infinite}app-habits-page .scene__state-body,app-sleep-page .scene__state-body{display:grid;gap:.2rem;min-width:0}app-habits-page .scene__state-title,app-sleep-page .scene__state-title{margin:0;font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase}app-habits-page .scene__state-text,app-sleep-page .scene__state-text{margin:0;color:var(--pioneer-ink-soft);font-size:clamp(.75rem,1vw,.88rem);line-height:1.5}app-habits-page .scene__state-hint,app-sleep-page .scene__state-hint{margin:.2rem 0 0;color:var(--pioneer-ink-soft);font-size:.7rem;line-height:1.45;overflow-wrap:anywhere}app-habits-page .scene__state-hint code,app-sleep-page .scene__state-hint code{padding:.1rem .35rem;background:color-mix(in srgb,var(--pioneer-ink) 8%,transparent);border:1px solid color-mix(in srgb,var(--pioneer-ink) 16%,transparent);font-size:.68rem}app-habits-page .scene__state-actions,app-sleep-page .scene__state-actions{margin-top:.5rem}app-habits-page .scene__retry,app-sleep-page .scene__retry{min-height:38px;padding:0 1.1rem;color:var(--pioneer-black);background:var(--pioneer-ink);border:1px solid var(--pioneer-ink);font:inherit;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}app-habits-page .scene__retry:hover,app-sleep-page .scene__retry:hover{background:color-mix(in srgb,var(--pioneer-ink) 82%,var(--pioneer-black))}app-habits-page .scene__retry:focus-visible,app-sleep-page .scene__retry:focus-visible{outline:2px solid var(--pioneer-ink);outline-offset:3px}app-habits-page .skeleton-grid,app-sleep-page .skeleton-grid{display:grid;flex:1 1 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.45rem,1.3vh,.9rem) clamp(.7rem,2vw,1.5rem);width:100%;min-height:240px;margin:clamp(.5rem,1.4vh,.9rem) 0 0}app-habits-page .skeleton,app-sleep-page .skeleton{background:linear-gradient(100deg,color-mix(in srgb,var(--pioneer-gold-200) 35%,transparent) 20%,color-mix(in srgb,var(--pioneer-cream) 65%,transparent),color-mix(in srgb,var(--pioneer-gold-200) 35%,transparent) 64%);background-size:220% 100%;border:1px solid color-mix(in srgb,var(--pioneer-ink) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pioneer-cream) 28%,transparent);animation:skeletonShimmer 1.5s ease-in-out infinite}app-habits-page .skeleton--wide,app-sleep-page .skeleton--wide{grid-column:1 / -1}@keyframes sceneSpin{to{transform:rotate(360deg)}}@keyframes skeletonShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){app-habits-page .scene,app-sleep-page .scene,app-cardio-page .scene,app-radiacion-page .scene,app-games-page .scene{animation:none}app-habits-page .scene__spinner,app-habits-page .skeleton,app-sleep-page .scene__spinner,app-sleep-page .skeleton{animation:none}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:.01s!important}}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page){--organic-radius: 34px 22px 36px 24px / 24px 36px 22px 34px;--organic-radius-soft: 24px 18px 26px 20px / 20px 26px 18px 24px;--organic-glow-a: #7dd3fc;--organic-glow-b: #f9a8d4;--organic-glow-c: #fcd34d;--organic-panel-bg: linear-gradient( 145deg, color-mix(in srgb, var(--pioneer-cream) 42%, transparent), color-mix(in srgb, var(--pioneer-gold-300) 20%, transparent) ), radial-gradient( ellipse at 12% 0%, color-mix(in srgb, var(--pioneer-cream) 34%, transparent), transparent 58% );--organic-panel-shadow: 0 28px 48px -30px color-mix(in srgb, var(--pioneer-black) 55%, transparent), 0 12px 22px -16px color-mix(in srgb, var(--pioneer-black) 40%, transparent), inset 0 1px 0 color-mix(in srgb, var(--pioneer-cream) 55%, transparent), inset 0 -14px 28px color-mix(in srgb, var(--pioneer-ink) 8%, transparent)}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene{position:relative;isolation:isolate}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene:before{content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;background:radial-gradient(38% 46% at 14% 82%,color-mix(in srgb,var(--organic-glow-a) 24%,transparent),transparent 70%),radial-gradient(42% 50% at 88% 16%,color-mix(in srgb,var(--organic-glow-b) 20%,transparent),transparent 72%),radial-gradient(48% 54% at 68% 88%,color-mix(in srgb,var(--organic-glow-c) 17%,transparent),transparent 74%);filter:blur(28px) saturate(1.15);opacity:.9;animation:organicDrift 20s ease-in-out infinite alternate}@keyframes organicDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(2.5%,2%,0) scale(1.06)}}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene>*{position:relative;z-index:1}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene__bar{padding:.45rem .9rem;border-bottom:0;border-radius:999px 999px 28px 28px;background:linear-gradient(145deg,color-mix(in srgb,var(--pioneer-cream) 34%,transparent),color-mix(in srgb,var(--pioneer-gold-200) 16%,transparent));box-shadow:0 14px 28px -20px color-mix(in srgb,var(--pioneer-black) 48%,transparent),inset 0 1px color-mix(in srgb,var(--pioneer-cream) 48%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.06);backdrop-filter:blur(14px) saturate(1.06)}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene-panel,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .rad-panel,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .cardio-panel,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .sleep-status,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene__state{border-radius:var(--organic-radius);background:var(--organic-panel-bg);border:1px solid color-mix(in srgb,var(--pioneer-cream) 42%,transparent);box-shadow:var(--organic-panel-shadow);-webkit-backdrop-filter:blur(15px) saturate(1.08);backdrop-filter:blur(15px) saturate(1.08);transition:transform .4s cubic-bezier(.22,.75,.25,1),box-shadow .4s ease,border-color .4s ease}:is(app-cardio-page) .cardio-panel{overflow:visible}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .cardio-grid,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .rad-grid,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .sleep-charts,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .sleep-dashboard,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .habits-focus{perspective:1400px}@media(hover:hover)and (pointer:fine){html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene-panel:hover,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .rad-panel:hover,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .cardio-panel:hover{transform:translateY(-3px) rotateX(1.2deg) rotateY(-1deg);box-shadow:0 34px 56px -28px color-mix(in srgb,var(--pioneer-black) 58%,transparent),0 16px 26px -16px color-mix(in srgb,var(--pioneer-black) 42%,transparent),inset 0 1px color-mix(in srgb,var(--pioneer-cream) 62%,transparent),inset 0 -14px 28px color-mix(in srgb,var(--pioneer-ink) 7%,transparent)}}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene button{border-radius:999px;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene button:hover{transform:translateY(-1px)}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .ranges__btn,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .sleep-period button,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .habits-period button,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .blood-trigger,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene__retry{border-radius:999px;box-shadow:inset 0 1px color-mix(in srgb,var(--pioneer-cream) 38%,transparent),0 6px 14px -10px color-mix(in srgb,var(--pioneer-black) 55%,transparent)}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene-panel__head,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .vital__head{border-bottom-color:color-mix(in srgb,var(--pioneer-ink) 12%,transparent)}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .checklist__row{border-radius:18px 12px 20px 14px/14px 20px 12px 18px}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .skeleton{border-radius:var(--organic-radius-soft)}@media(prefers-reduced-motion:reduce){html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene:before{animation:none}html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .scene-panel,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .rad-panel,html body :is(app-sleep-page,app-cardio-page,app-radiacion-page) .cardio-panel{transition:none}}html body :is(app-radiacion-page,app-sleep-page) .status,html body :is(app-radiacion-page,app-sleep-page) .metric{border-radius:var(--organic-radius-soft);box-shadow:inset 0 1px color-mix(in srgb,var(--pioneer-cream) 48%,transparent),0 16px 28px -22px color-mix(in srgb,var(--pioneer-black) 50%,transparent)}html body :is(app-radiacion-page,app-sleep-page) .checklist__row,html body :is(app-radiacion-page,app-sleep-page) .week-ticket,html body :is(app-radiacion-page,app-sleep-page) .house{border-radius:18px 12px 20px 14px/14px 20px 12px 18px;box-shadow:inset 0 1px color-mix(in srgb,var(--pioneer-cream) 42%,transparent),0 8px 16px -14px color-mix(in srgb,var(--pioneer-black) 50%,transparent)}
