:root{--text:#2e2e2a;--text-h:#08060d;--bg:#fff;--border:#b9c0cb;--form-input-bg:#c5d9f4e4;--code-bg:#f4f3ec;--accent:#3b5bdb;--accent-bg:#3b5bdb1a;--accent-border:#3b5bdb59;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}:root.dark{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#3e4250;--form-input-bg:#2b2a33;--code-bg:#1f2028;--accent:#92a9fa;--accent-bg:#6b87eb26;--accent-border:#6b87eb80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.dark #social .button-icon{filter:invert()brightness(2)}body{margin:0}textarea,input,select{background-color:var(--form-input-bg);color:var(--text);font-family:inherit;transition:color .2s}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:4px 0;font-size:38px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:26px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}h4{margin-bottom:8px}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.sidebar-link{transition:color .3s,filter .3s,transform .3s}.sidebar-link:not(.active):hover{background-color:var(--accent-bg);color:var(--accent);cursor:pointer}.sidebar-link.active:hover{filter:brightness(.92);color:var(--text)}.dark .sidebar-link.active:hover{filter:brightness(1.15);color:var(--text)}@keyframes destelloSuave{0%{background-color:#0000}50%{background-color:var(--accent-bg)}to{background-color:var(--code-bg)}}.link-destello{animation:.9s ease-in-out 3 forwards destelloSuave}.option-card{transition:filter .3s,transform .3s}.option-card:hover{filter:brightness(.92)}.dark .option-card:hover{filter:brightness(1.2)}@keyframes fadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.save-btn-content{align-items:center;gap:6px;animation:.25s ease-in-out fadeIn;display:inline-flex}.instructions-box{background-color:var(--code-bg);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:8px;padding:16px 20px;font-size:14px;line-height:1.5}.instructions-box ul{margin:8px 0;padding-left:20px}.note{opacity:.85;margin:12px 0;font-size:13px}.limitations-box{border-top:1px dashed var(--border);color:var(--text-muted,#888);margin-top:12px;padding-top:12px}.modal-overlay{z-index:100;box-sizing:border-box;width:100%;max-width:520px;padding:8px;position:absolute;top:45px;left:50%;transform:translate(-50%)}.modal-content{box-shadow:var(--shadow);text-align:left;background:0 0;border:none;max-height:70vh;padding:0;position:relative;overflow-y:auto}.btn-close{cursor:pointer;color:var(--text);z-index:10;background:0 0;border:none;font-size:20px;line-height:1;position:absolute;top:12px;right:16px}.btn-close:hover{color:var(--text-h)}.instructions-trigger button{background-color:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);cursor:pointer;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:15px;transition:background-color .2s}.instructions-trigger button:hover{background-color:var(--accent-border);color:var(--text-h)}@media (width<=768px){.app-header{padding:0 16px!important}.app-main{padding:16px!important}.app-sidebar{z-index:200;background-color:var(--bg);box-shadow:var(--shadow);transition:transform .3s ease-in-out;top:60px;left:0;transform:translate(-100%);height:calc(100vh - 60px)!important;position:fixed!important}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:199;background-color:#0006;width:100vw;height:calc(100vh - 60px);position:fixed;top:60px;left:0}}@media (width>=769px){.mobile-menu-btn{display:none!important}}body:has(.app-sidebar.open){overflow:hidden}.contenedor-principal-page{flex-direction:row;gap:80px;width:100%;display:flex}.contenedor-principal-page>div,.contenedor-principal-page>aside{flex:1;min-width:0}@media (width<=768px){.contenedor-principal-page{flex-direction:column;gap:32px}}.user-menu{position:relative}.user-menu_avatar{background:var(--code-bg);width:36px;height:36px;color:var(--text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.user-menu_dropdown{background:var(--bg);border:1px solid var(--border);min-width:180px;box-shadow:var(--shadow);z-index:1000;border-radius:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-menu_item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:.9rem;display:block}.user-menu_item:hover{background:var(--code-bg)}