:root{--red:#fd3b42;--dark:#3a3335;--gold:#eec170;--blue:#2e86ab;--sage:#808f87;--bg:#0f0d0e;--panel:var(--dark);--panel-2:#2f2a2c;--border:#808f8759;--border-2:#808f8799;--text:#fff;--muted:#ffffffc7;--muted2:#ffffff8c;--accent:var(--blue);--accentRing:#2e86ab47;--highlight:var(--gold);--danger:var(--red);--page-bg:var(--bg)}*{box-sizing:border-box}html,body{color:var(--text);background:var(--page-bg);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}body[data-page=home]{--page-bg:var(--sage)}body[data-page=crear]{--page-bg:var(--gold)}body[data-page=reto]{--page-bg:var(--blue)}body[data-page=perfil]{--page-bg:var(--red)}body[data-page=other]{--page-bg:var(--bg)}body[data-page=home] .brand{color:#1b1719}.app-shell{min-height:100vh;padding:22px 18px}.container{width:100%;max-width:980px;margin:0 auto}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:880px){.grid2{grid-template-columns:1fr}}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.brand{letter-spacing:-.02em;color:var(--gold);margin:0;font-size:48px;line-height:1}.greeting{color:var(--muted);margin-top:10px;font-size:18px}.sectionTitle{margin:0 0 10px;font-size:18px}.panel{border:1px solid var(--border);background:#3a3335d1;border-radius:14px;padding:14px}.card{border:1px solid var(--border);background:#3a3335b3;border-radius:12px;padding:10px 12px}.cardHeader{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.badge{opacity:.8;font-size:12px}.small{opacity:.7;font-size:12px}.pager{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}button{appearance:none;border:1px solid var(--border);color:var(--text);background:#3a3335eb;border-radius:10px;transition:background .12s,border-color .12s,transform 60ms}button:active{transform:translateY(1px)}button:disabled{opacity:.55;transform:none;cursor:not-allowed!important}button:focus-visible{box-shadow:0 0 0 3px var(--accentRing);outline:none}input,textarea,select{border:1px solid var(--border);color:var(--text);background:#3a3335c7;border-radius:10px;outline:none;transition:border-color .12s,box-shadow .12s,background .12s}input::placeholder,textarea::placeholder{color:var(--muted2)}select{cursor:pointer}input[type=file]{color:var(--muted);background:0 0;border:none;padding:0}input[type=file]::file-selector-button{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#3a3335eb;border-radius:10px;margin-right:10px;padding:10px 12px;transition:background .12s,border-color .12s,transform 60ms}input[type=file]::file-selector-button:hover{border-color:var(--highlight);background:#eec1702e}input[type=file]::file-selector-button:active{transform:translateY(1px)}input[type=file]::-webkit-file-upload-button{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#3a3335eb;border-radius:10px;margin-right:10px;padding:10px 12px;transition:background .12s,border-color .12s,transform 60ms}input[type=file]::-webkit-file-upload-button:hover{border-color:var(--highlight);background:#eec1702e}input[type=file]::-webkit-file-upload-button:active{transform:translateY(1px)}a{color:var(--accent)}a:hover{opacity:.9}.panel{border-color:var(--border)!important;background:#3a3335d1!important}.card{border-color:var(--border)!important;background:#3a3335b3!important}button{border-color:var(--border)!important;color:var(--text)!important;background:#3a3335eb!important}button:hover{border-color:var(--accent)!important;background:#2e86ab2e!important}input,textarea,select{border-color:var(--border)!important;color:var(--text)!important;background:#3a3335c7!important}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accentRing)!important}input[type=file]::file-selector-button{border-color:var(--border)!important;color:var(--text)!important;background:#3a3335eb!important}input[type=file]::-webkit-file-upload-button{border-color:var(--border)!important;color:var(--text)!important;background:#3a3335eb!important}input[type=file]::file-selector-button:hover{border-color:var(--highlight)!important;background:#eec1702e!important}input[type=file]::-webkit-file-upload-button:hover{border-color:var(--highlight)!important;background:#eec1702e!important}.app-header{z-index:20;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3a3335d9;border-radius:16px;margin-bottom:14px;position:sticky;top:0}.app-header__inner{justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.app-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.app-brand__name{letter-spacing:-.02em;color:var(--gold);font-size:22px;font-weight:900}.app-brand__pill{border:1px solid var(--border);color:var(--muted);background:#3a33358c;border-radius:999px;padding:4px 8px;font-size:12px}.app-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-nav__spacer{width:12px}.navlink{color:var(--muted);border:1px solid #0000;border-radius:10px;padding:8px 10px;font-size:14px;text-decoration:none;transition:background .12s,border-color .12s}.navlink:hover{background:#2e86ab1f;border-color:#2e86ab40}.navlink--active{color:var(--text);background:#eec17024;border-color:#eec17047}.app-user{flex-direction:column;align-items:flex-end;margin-left:6px;margin-right:4px;line-height:1.1;display:flex}.app-user__handle{color:var(--muted);font-size:12px}.app-user__email{color:var(--muted2);font-size:11px}.btn{cursor:pointer;padding:10px 12px}.btn-primary{color:#fff!important;background:#2e86abeb!important;border-color:#2e86abeb!important}.btn-primary:hover{background:#2e86ab!important;border-color:#2e86ab!important}.btn-ghost{border-color:var(--border)!important;color:var(--text)!important;background:#3a333599!important}.btn-ghost:hover{background:#eec1701f!important;border-color:#eec17047!important}.app-content{padding-top:6px}.app-header__inner{gap:10px!important;display:grid!important}.app-header__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header__right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (max-width:640px){.app-nav{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:2px;overflow-x:auto;flex-wrap:nowrap!important}.navlink{align-items:center;display:inline-flex}.app-user__email{display:none}}.app-header__inner{flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important}.app-links{scrollbar-width:none;white-space:nowrap!important;flex:auto!important;align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important;overflow-x:auto!important}.app-links::-webkit-scrollbar{display:none}.app-actions{white-space:nowrap!important;flex:none!important;align-items:center!important;gap:10px!important;margin-left:auto!important;display:flex!important}.app-user{line-height:1.1;flex-direction:column!important;align-items:flex-end!important;display:flex!important}.app-user__email{text-overflow:ellipsis;white-space:nowrap;opacity:.75;max-width:180px;font-size:11px;overflow:hidden}@media (max-width:520px){.app-user__email{max-width:120px}}