@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@layer reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}img,picture,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:where(button,[role=button],a){touch-action:manipulation}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Fredoka", "Segoe UI", system-ui, sans-serif;--font-ui:"Nunito", "Segoe UI", system-ui, sans-serif;--font-math:"Nunito", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.125rem;--text-display:3rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--radius-s:.5rem;--radius-m:.875rem;--radius-l:1.375rem;--radius-full:999px;--tile-size-table:72px;--tile-size-hand:56px;--tile-size-mini:32px;--z-base:0;--z-raised:10;--z-sticky:100;--z-overlay:1000;--z-modal:1100;--z-toast:1200;--duration-instant:.1s;--duration-fast:.18s;--duration-base:.24s;--duration-slow:.38s;--duration-celebrate:.8s;--duration-route:.2s;--duration-route-out:.12s;--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-spring:cubic-bezier(.34, 1.12, .64, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--shell-header:56px;--shell-tabs:64px;--shell-rail:80px;--shell-content:760px;--shell-content-wide:960px;--shell-banner:36px;--shell-chip:40px;--shell-tab-min:48px;--family-numbers-face-top:#4ac1da;--family-numbers-face-bottom:#1267b7;--family-numbers-ring-top:#56d2da;--family-numbers-ring-bottom:#1862b3;--family-functions-face-top:#756ef3;--family-functions-face-bottom:#dc68cf;--family-functions-ring-top:#5369ef;--family-functions-ring-bottom:#e669c7;--family-operators-face-top:#1aa59f;--family-operators-face-bottom:#65cb68;--family-operators-ring-top:#0491a5;--family-operators-ring-bottom:#70cd62;--family-symbols-face-top:#ff4537;--family-symbols-face-bottom:#fb7c46;--family-symbols-ring-top:#f0312f;--family-symbols-ring-bottom:#f98a54;--color-tile-symbol:#fff;--overlay-error:#d6383c8c;--overlay-success:#36a04e73}:root,[data-tema=claro]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f6f2ec;--color-surface:#fff;--color-surface-2:#fcfaf5;--color-text:#26324a;--color-text-muted:#5a6675;--color-border:#e8e1d2;--color-focus:#4d5fe8;--color-selected:#4d5fe8;--color-selection:#dce6ff;--color-success:#247a3a;--color-warning:#8f5c0f;--color-danger:#c42f33;--shadow-1:0 2px 6px #1e284614;--shadow-2:0 10px 28px #1e28461a;--shadow-3:0 24px 64px #1e284629}[data-tema=oscuro]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0d1424;--color-surface:#141e33;--color-surface-2:#1a2742;--color-text:#e9effa;--color-text-muted:#9fb0cc;--color-border:#24324f;--color-focus:#8fa2ff;--color-selected:#8fa2ff;--color-selection:#2a3a60;--color-success:#5bcb74;--color-warning:#ffc45e;--color-danger:#ff6b6f;--shadow-1:0 2px 8px #00000073;--shadow-2:0 12px 32px #00000080;--shadow-3:0 28px 72px #0009}}@layer base{html{font-family:var(--font-ui);color:var(--color-text);background-color:var(--color-bg);font-size:100%}body{min-height:100dvh;font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}::selection{color:var(--color-text);background:var(--color-selection)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-movimiento=reducido] *,[data-movimiento=reducido] :before,[data-movimiento=reducido] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@layer layout{.shell-skip{top:var(--space-2);left:var(--space-2);z-index:var(--z-overlay);padding:var(--space-2) var(--space-4);border:1px solid var(--color-focus);border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-2);color:var(--color-text);transition:transform var(--duration-fast) var(--ease-out);font-weight:800;position:fixed;transform:translateY(-250%)}.shell-skip:focus-visible{transform:translateY(0)}.shell-header{z-index:var(--z-sticky);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0}.shell-header__bar{align-items:center;gap:var(--space-3);min-height:var(--shell-header);padding-inline:var(--space-4);display:flex}.shell-brand{min-height:var(--shell-chip);border-radius:var(--radius-s);flex:none;align-items:center;display:inline-flex}.shell-immersive{align-items:center;gap:var(--space-2);flex:auto;min-width:0;display:flex}.shell-immersive__title{min-width:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell-icon-button{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text);transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex:none;place-items:center;display:grid}.shell-icon-button:hover{background:var(--color-surface-2)}.shell-icon-button:active{transform:scale(.94)}.shell-theme{border:1px solid var(--color-border);width:34px;height:34px;position:relative}.shell-theme:after{content:"";position:absolute;inset:-7px}.shell-theme:hover{background:var(--color-selection)}.shell-exit{min-height:var(--shell-chip);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex:none;margin-left:auto;font-weight:600}.shell-exit:hover{background:color-mix(in srgb, var(--color-surface-2) 70%, var(--color-surface))}.shell-exit:active{transform:scale(.96)}.shell-chip{align-items:center;gap:var(--space-2);min-height:var(--shell-chip);max-width:min(11rem,42vw);padding:3px var(--space-3) 3px 3px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-2);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);flex:0 auto;margin-left:auto;display:inline-flex}.shell-chip:hover{border-color:color-mix(in srgb, var(--color-focus) 32%, var(--color-border))}.shell-chip__avatar{border-radius:var(--radius-full);background:var(--color-selected);width:28px;height:28px;color:var(--color-tile-symbol);font-family:var(--font-display);font-size:var(--text-sm);flex:none;place-items:center;font-weight:700;line-height:1;display:grid}.shell-chip__name{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.2;overflow:hidden}.shell-banner{background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface));height:0;color:var(--color-warning);opacity:0;transition:height var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), border-top-width var(--duration-fast) var(--ease-out);border-top:0 solid #0000;overflow:hidden}.shell-banner[data-visible=true]{height:var(--shell-banner);border-top-width:1px;border-top-color:color-mix(in srgb, var(--color-warning) 28%, transparent);opacity:1}.shell-banner__inner{align-items:center;gap:var(--space-2);height:var(--shell-banner);padding-inline:var(--space-4);font-size:var(--text-xs);font-weight:800;display:flex}.shell-banner__icon{display:inline-flex}.shell-nav{z-index:var(--z-sticky);height:calc(var(--shell-tabs) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.shell-nav__indicator{top:var(--space-1);pointer-events:none;width:25%;height:44px;transition:transform var(--duration-route) var(--ease-spring);place-items:center;display:grid;position:absolute;left:0}.shell-nav__indicator:before{content:"";border-radius:var(--radius-full);background:var(--color-selection);width:44px;height:30px}.shell-nav:not([data-active]) .shell-nav__indicator{opacity:0}.shell-nav[data-active="0"] .shell-nav__indicator{transform:translate(0)}.shell-nav[data-active="1"] .shell-nav__indicator{transform:translate(100%)}.shell-nav[data-active="2"] .shell-nav__indicator{transform:translate(200%)}.shell-nav[data-active="3"] .shell-nav__indicator{transform:translate(300%)}.shell-nav__link{min-width:0;min-height:var(--shell-tab-min);padding:4px var(--space-1) 2px;color:var(--color-text-muted);font-size:var(--text-2xs);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-spring);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-weight:800;line-height:1.2;display:flex;position:relative}.shell-nav__link:hover{color:var(--color-text)}.shell-nav__link:active{transform:scale(.94)}.shell-nav__link.is-active{color:var(--color-selected)}.shell-nav__icon{justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.shell-nav__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.shell-main{min-height:100dvh;padding-bottom:calc(var(--shell-tabs) + env(safe-area-inset-bottom));background:var(--color-bg)}.screen-loading{top:var(--shell-header);right:0;bottom:calc(var(--shell-tabs) + env(safe-area-inset-bottom));z-index:var(--z-raised);place-content:center;justify-items:center;gap:var(--space-2);background:color-mix(in srgb, var(--color-bg) 62%, transparent);color:var(--color-text-muted);pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;position:fixed;left:0}.screen-loading__label{font-size:var(--text-xs);font-weight:800}body[data-layout=immersive] .shell-main{padding-bottom:0}body[data-layout=immersive] .screen-loading{bottom:0}.screen--enter{animation:screen-enter var(--duration-route) var(--ease-out) 30ms both}.screen--leave{animation:screen-leave var(--duration-route-out) var(--ease-in-out) both}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@media (min-width:1024px){.shell-header__bar{padding-right:var(--space-6);padding-left:calc(var(--shell-rail) + var(--space-6))}body[data-layout=immersive] .shell-header__bar{padding-left:var(--space-6)}.shell-banner__inner{padding-right:var(--space-6);padding-left:calc(var(--shell-rail) + var(--space-6))}body[data-layout=immersive] .shell-banner__inner{padding-left:var(--space-6)}.shell-nav{width:var(--shell-rail);height:100dvh;padding-top:calc(var(--shell-header) + var(--space-4));padding-bottom:var(--space-4);border-top:0;border-right:1px solid var(--color-border);grid-template-rows:repeat(4,72px);grid-template-columns:1fr;align-content:start;display:grid;top:0;bottom:auto;right:auto}.shell-nav__indicator{top:calc(var(--shell-header) + var(--space-4));width:64px;height:72px;padding-top:var(--space-2);place-items:start center;left:8px;transform:translateY(0)}.shell-nav__indicator:before{width:48px;height:34px}.shell-nav[data-active="0"] .shell-nav__indicator{transform:translateY(0)}.shell-nav[data-active="1"] .shell-nav__indicator{transform:translateY(72px)}.shell-nav[data-active="2"] .shell-nav__indicator{transform:translateY(144px)}.shell-nav[data-active="3"] .shell-nav__indicator{transform:translateY(216px)}.shell-nav__link{gap:var(--space-1);height:72px;padding:var(--space-2);font-size:var(--text-xs);flex:0 0 72px}.shell-main{min-height:100dvh;padding-bottom:0;padding-left:var(--shell-rail)}body[data-layout=immersive] .shell-main{padding-left:0}.screen-loading{top:var(--shell-header);left:var(--shell-rail);bottom:0}body[data-layout=immersive] .screen-loading{left:0}}@supports (view-transition-name:none){:root{view-transition-name:none}[data-screen-outlet]{view-transition-name:logix-screen}::view-transition-group(logix-screen){animation-duration:var(--duration-route)}::view-transition-old(logix-screen){mix-blend-mode:normal;animation:screen-leave var(--duration-route-out) var(--ease-in-out) both}::view-transition-new(logix-screen){mix-blend-mode:normal;animation:screen-enter var(--duration-route) var(--ease-out) 30ms both}}.screen{align-content:start;gap:var(--space-5);width:100%;max-width:var(--shell-content);min-height:calc(100dvh - var(--shell-header) - var(--shell-tabs) - var(--space-8));padding:var(--space-6) var(--space-4) var(--space-9);margin-inline:auto;display:grid}.screen--immersive{min-height:calc(100dvh - var(--shell-header))}.screen h1{font-size:var(--text-3xl);letter-spacing:-.015em}.screen h1:focus{outline:none}.screen__header{gap:var(--space-2);display:grid}.screen__lead{max-width:62ch;color:var(--color-text-muted);font-size:var(--text-lg);line-height:var(--leading-snug)}.screen__phase{gap:var(--space-1);padding:var(--space-4);border:1px dashed color-mix(in srgb, var(--color-border) 74%, var(--color-text-muted));border-radius:var(--radius-l);background:var(--color-surface-2);display:grid}.screen__phase-label{color:var(--color-focus);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.screen__phase-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.screen__note{max-width:68ch;color:var(--color-text-muted);font-size:var(--text-sm)}.screen__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.screen__meta{overflow-wrap:anywhere;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-snug)}.screen__section-title{font-size:var(--text-xl)}.screen__routes{gap:var(--space-3);margin-top:var(--space-2);display:grid}.screen__route-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.screen__route-list>li{display:grid}.screen__route-link{gap:var(--space-1);height:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);box-shadow:var(--shadow-1);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:grid}.screen__route-link:hover{border-color:color-mix(in srgb, var(--color-focus) 36%, var(--color-border));box-shadow:var(--shadow-2);transform:translateY(-2px)}.screen__route-link:active{transform:translateY(0)scale(.99)}.screen__route-label{font-family:var(--font-display);font-size:var(--text-base);font-weight:600}.screen__route-hint{color:var(--color-text-muted);font-size:var(--text-xs)}.screen--not-found{place-content:center}.screen__not-found{justify-items:start;gap:var(--space-3);max-width:34rem;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);box-shadow:var(--shadow-2);display:grid}.screen__not-found-mark{border-radius:var(--radius-m);width:56px;height:56px;color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 14%, var(--color-surface));place-items:center;display:grid}.screen__not-found .screen__lead{font-size:var(--text-base)}@media (min-width:768px){.screen{gap:var(--space-6);padding:var(--space-8) var(--space-6) var(--space-10)}.screen h1{font-size:var(--text-display)}.screen__route-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.screen{min-height:calc(100dvh - var(--shell-header))}}}@layer components{.button{--button-height:44px;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-height);padding:0 var(--space-5);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-base);letter-spacing:.01em;color:var(--color-text);text-align:center;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), filter var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;border:1px solid #0000;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.button--sm{--button-height:36px;gap:var(--space-2);padding-inline:var(--space-4);font-size:var(--text-sm)}.button--lg{--button-height:52px;padding-inline:var(--space-6);font-size:var(--text-lg)}.button--full{width:100%}.button--primary{border-color:color-mix(in srgb, var(--family-numbers-ring-bottom) 70%, transparent);background:linear-gradient(180deg, var(--family-numbers-ring-bottom), var(--family-numbers-face-bottom));color:var(--color-tile-symbol);box-shadow:inset 0 1px 0 #ffffff47, 0 3px 0 #122f5c73, var(--shadow-1)}.button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-1)}.button--ghost{color:var(--color-text);background:0 0}.button--danger{border-color:color-mix(in srgb, var(--color-danger) 70%, transparent);background:var(--color-danger);color:var(--color-bg);box-shadow:inset 0 1px 0 #fff3, 0 3px 0 color-mix(in srgb, var(--color-danger) 65%, transparent), var(--shadow-1)}.button__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.button__icon .icon{--icon-size:18px}.button__spinner{--spinner-size:16px;color:currentColor}.button[data-loading=true]{cursor:progress}.button[data-loading=true] .button__label{opacity:.9}.button:disabled,.button:disabled:hover{cursor:not-allowed;opacity:.45;filter:none;transform:none}.button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (hover:hover) and (pointer:fine){.button:not(:disabled):not([data-loading=true]):hover{filter:brightness(1.04);transform:translateY(-1px)}.button--secondary:not(:disabled):not([data-loading=true]):hover,.button--ghost:not(:disabled):not([data-loading=true]):hover{background:var(--color-surface-2);filter:none}}.button:not(:disabled):not([data-loading=true]):active{filter:brightness(.98);transition-duration:var(--duration-instant);transform:translateY(1px)scale(.99)}@media (pointer:coarse){.button--sm{min-height:44px}}@media (prefers-reduced-motion:reduce){.button{transition:none}.button:not(:disabled):hover,.button:not(:disabled):active{transform:none}}.icon{width:var(--icon-size,1.25rem);height:var(--icon-size,1.25rem);flex:none;display:block;overflow:visible}.logo{color:var(--color-text);align-items:center;gap:7px;display:inline-flex}.logo__word{font-family:var(--font-ui);font-size:var(--logo-size,22px);letter-spacing:-.05em;white-space:nowrap;font-weight:800;line-height:1}.spinner{--spinner-size:20px;width:var(--spinner-size);height:var(--spinner-size);border:2px solid color-mix(in srgb, currentColor 28%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;animation:.72s linear infinite spinner-turn;display:inline-block}.spinner--sm{--spinner-size:14px;border-width:1.5px}.spinner--md{--spinner-size:20px}.spinner--lg{--spinner-size:32px;border-width:3px}@keyframes spinner-turn{to{transform:rotate(1turn)}}@keyframes spinner-pulse{0%,to{opacity:.4}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.spinner{animation:spinner-pulse 1.4s var(--ease-in-out) infinite;border-color:currentColor}}.tile{--tile-size:var(--tile-size-table);--tile-radius:calc(var(--tile-size) * .235);--tile-shadow:0 calc(var(--tile-size) * .055) calc(var(--tile-size) * .15) #1720364d, 0 calc(var(--tile-size) * .018) calc(var(--tile-size) * .045) #17203638, inset 0 calc(var(--tile-size) * .012) 0 #ffffff47, inset 0 calc(var(--tile-size) * -.018) calc(var(--tile-size) * .03) #00000029;width:var(--tile-size);height:var(--tile-size);border-radius:var(--tile-radius);background:linear-gradient(180deg, var(--tile-ring-top), var(--tile-ring-bottom));box-shadow:var(--tile-shadow);vertical-align:middle;-webkit-tap-highlight-color:transparent;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.tile--table{--tile-size:var(--tile-size-table)}.tile--hand{--tile-size:var(--tile-size-hand)}.tile--mini{--tile-size:var(--tile-size-mini)}.tile[data-family=numbers]{--tile-face-top:var(--family-numbers-face-top);--tile-face-bottom:var(--family-numbers-face-bottom);--tile-ring-top:var(--family-numbers-ring-top);--tile-ring-bottom:var(--family-numbers-ring-bottom)}.tile[data-family=functions]{--tile-face-top:var(--family-functions-face-top);--tile-face-bottom:var(--family-functions-face-bottom);--tile-ring-top:var(--family-functions-ring-top);--tile-ring-bottom:var(--family-functions-ring-bottom)}.tile[data-family=operators]{--tile-face-top:var(--family-operators-face-top);--tile-face-bottom:var(--family-operators-face-bottom);--tile-ring-top:var(--family-operators-ring-top);--tile-ring-bottom:var(--family-operators-ring-bottom)}.tile[data-family=symbols]{--tile-face-top:var(--family-symbols-face-top);--tile-face-bottom:var(--family-symbols-face-bottom);--tile-ring-top:var(--family-symbols-ring-top);--tile-ring-bottom:var(--family-symbols-ring-bottom)}.tile:before{content:"";inset:calc(var(--tile-size) * .128);z-index:1;border-radius:calc(var(--tile-radius) * .64);background:linear-gradient(180deg, var(--tile-face-top), var(--tile-face-bottom));box-shadow:0 0 0 calc(var(--tile-size) * .03) #fffffffa, inset 0 calc(var(--tile-size) * .055) calc(var(--tile-size) * .055) #00000026, inset 0 calc(var(--tile-size) * -.13) calc(var(--tile-size) * .15) #ffffff47;position:absolute}.tile:after{content:"";z-index:5;pointer-events:none;background:radial-gradient(closest-side,#ffffff75,#fff0);border-radius:50%;height:28%;position:absolute;top:15%;left:22%;right:22%}.tile__glyph{z-index:2;font-family:var(--font-display);font-size:calc(var(--tile-size) * .46);color:var(--color-tile-symbol);text-shadow:0 calc(var(--tile-size) * .024) calc(var(--tile-size) * .032) #0f192d4d;font-weight:700;line-height:1;position:relative}.tile[data-family=numbers] .tile__glyph{font-size:calc(var(--tile-size) * .56);transform:translateY(calc(var(--tile-size) * -.015))}.tile--hand[data-family=numbers] .tile__glyph{font-size:calc(var(--tile-size) * .58)}.tile--mini[data-family=numbers] .tile__glyph{font-size:calc(var(--tile-size) * .64)}.tile__glyph--log{font-size:calc(var(--tile-size) * .34)}.tile__glyph--equal{font-size:calc(var(--tile-size) * .62);transform:translateY(calc(var(--tile-size) * -.059))}.tile__glyph--paren{font-size:calc(var(--tile-size) * .56)}.tile__glyph--paren-open{transform:translateX(calc(var(--tile-size) * .02))}.tile__glyph--paren-close{transform:translateX(calc(var(--tile-size) * -.02))}.tile__glyph--math{font-family:var(--font-math);font-size:calc(var(--tile-size) * .56);font-weight:800}.tile__glyph--caret{transform:translateY(22%)}.tile__glyph--comma{font-size:calc(var(--tile-size) * .55);transform:translateY(-6%)}.tile__svg{z-index:2;width:58%;height:58%;color:var(--color-tile-symbol);filter:drop-shadow(0 calc(var(--tile-size) * .024) calc(var(--tile-size) * .032) #0f192d4d);position:relative}.tile__veil{inset:calc(var(--tile-size) * .128);z-index:4;border-radius:calc(var(--tile-radius) * .64);pointer-events:none;position:absolute}.tile--error .tile__veil{background:var(--overlay-error)}.tile--success .tile__veil{background:var(--overlay-success)}.tile--ghost{border:2px dashed var(--color-border);box-shadow:none;background:0 0}.tile--ghost:before,.tile--ghost:after{display:none}.tile--interactive{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), filter var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:0}.tile--selected{box-shadow:0 0 0 calc(var(--tile-size) * .045) var(--color-surface), 0 0 0 calc(var(--tile-size) * .105) var(--color-selected), var(--tile-shadow)}.tile--disabled,.tile--interactive:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.55)}.tile--interactive:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}[data-preview=hover]{transform:translateY(calc(var(--tile-size) * -.04)) scale(1.025);filter:brightness(1.04)}[data-preview=press]{filter:brightness(.98);transform:scale(.94)}@media (hover:hover) and (pointer:fine){.tile--interactive:not(:disabled):not(.tile--disabled):hover{transform:translateY(calc(var(--tile-size) * -.04)) scale(1.025);filter:brightness(1.04)}}.tile--interactive:not(:disabled):not(.tile--disabled):active{filter:brightness(.98);transition-duration:var(--duration-instant);transform:scale(.94)}@media (prefers-reduced-motion:reduce){.tile--interactive,[data-preview=hover],[data-preview=press]{transition:none}[data-preview=hover],.tile--interactive:not(:disabled):hover,[data-preview=press],.tile--interactive:not(:disabled):active{transform:none}}}@layer utilities{.visually-hidden{white-space:nowrap;clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
